.login-container {
    /*max-width: 420px;*/
    margin: auto;
    padding-top: 15%;
}

.modal {
    display: block;
}

.BusyLoading {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #2d2d2f;
    vertical-align: bottom;
    padding-top: 23%;
    filter: alpha(opacity=95);
    opacity: 0.95;
    font-size: large;
    color: #ffffff;
    font-style: italic;
    font-weight: 400;
    background-image: url('../img/giphy5.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.splash-title {
    text-align: center;
    /*max-width: 500px;*/
    margin: 10% auto;
    padding: 20px;
}

    .splash-title h1 {
        font-size: 26px;
    }

.blackopaque {
    background: rgba(19, 86, 155, 0.59);
    border: solid 1px rgba(112, 205, 226, 0.73);
    border-radius: 10px;
    padding: 10px 10px;
    box-shadow: 10px 10px 10px rgb(13, 29, 62);
    color: #def3f7;
}

.btn-login {
    background: rgba(50, 118, 177, 0.60);
    width: 100%;
    text-align: center;
    color: #ffffff;
}
    .btn-login:hover {
        color: #ffffff;
        background: rgba(50, 118, 177, 0.40);
    }

.label-loginuri {
    color: #96d9ed;
}
.label-loginuri:hover{
    color:#ffffff;
}

.customSelect {
    display: inline-block;
    cursor: pointer;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 3px;
    border: solid 1px #cccccc;
    width: 98.8%;
    /*height: 30px;*/
    height:98%;
    overflow-y: auto;
    margin: 2px;
    min-height:30px;
}

.labelmSelect {
    background-color: rgb(50, 118, 177);
    color: #ffffff;
    padding-left:7px;
    padding-top:3px;
    padding-right:4px;
    padding-bottom:6px;
    line-height: 80%;
}

    .labelmSelect:hover {
        background-color: #476b8a;
    }

    .labelmSelect i:hover {
        background-color: #405f7a;
        cursor: pointer;
    }

.rowExpand {
    /*background-color: rgba(192, 210, 218, 0.50);*/
    background-color: rgb(245, 246, 224);
    font-weight: bold;
}

.rowSelected {
    /*background-color: rgba(192, 210, 218, 0.50);*/
    background-color: rgb(176, 190, 217);
    font-weight: bold;
}

/*media screen*/
#header {
    height: 80px;
    background: #072591;
}

/*media screen*/
#left-panel {
    padding-top: 80px;
    /*color: rgb(200, 40, 238)*/
}


.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }


/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/
/*//////////////////////////////////////////////////////////////////
[ login ]*/
.limiter {
    width: 100%;
    margin: 0 auto;
}

.container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f2f2f2;
}

.wrap-login100 {
    width: 100%;
    background: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row-reverse;
}

/*==================================================================
[ login more ]*/
.login100-more {
    width: calc(100% - 560px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    background-size: 99%;
}

    .login100-more::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(108, 104, 104, 0.10);
        background-size: 99%;
    }


/*==================================================================
[ Form ]*/

.login100-form {
    width: 560px;
    min-height: 100vh;
    display: block;
    background-color: #0c3241;
    padding: 173px 55px 55px 55px;
}

.login100-form-title {
    width: 100%;
    display: block;
    font-family: Poppins-Regular;
    font-size: 30px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
}

.login100-form-certblock {
    position: absolute;
    bottom: 0;
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 992px) {
    .login100-form {
        width: 50%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .login100-more {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .login100-form {
        width: 100%;
    }

    .login100-more {
        display: none;
    }
}

@media (max-width: 576px) {
    .login100-form {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 70px;
       
    }
}