/*=================================================================================
  ======================= LOGIN PAGE BEGIN ========================================
  =================================================================================*/
hr.login-seperator {
    margin-top: 5px; 
    margin-bottom: 5px;
    border: 0;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #E8ECEF;
}

.login-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    /*width: auto;
    height: auto;*/
    width: 400px;
    height: auto;
    top: 50%;
    left: 50%;
    margin-left: -200px; /* Negative half of width. */
    margin-top: -250px; /* Negative half of height. */
    /*background-color:#F4F7F9;*/
    border-radius: 6px;
    text-align: center;
}


.login-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: -moz-linear-gradient(-45deg, #5391b6 0%, #3980af 39%, #2070a8 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5391b6), color-stop(39%,#3980af), color-stop(100%,#2070a8));
    background: -webkit-linear-gradient(-45deg, #5391b6 0%,#3980af 39%,#2070a8 100%);
    background: -o-linear-gradient(-45deg, #5391b6 0%,#3980af 39%,#2070a8 100%);
    background: -ms-linear-gradient(-45deg, #5391b6 0%,#3980af 39%,#2070a8 100%);
    background: linear-gradient(135deg, #5391b6 0%,#3980af 39%,#2070a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5391b6', endColorstr='#2070a8',GradientType=1 );
    background: #4087ea;
    background: -moz-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #533ce1), color-stop(100%, #4087ea));
    background: -webkit-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    background: -o-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    background: -ms-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    background: radial-gradient(ellipse at center, #533ce1 0%, #4087ea 100%);
    background-size: 250% 250%;
}

.login-article {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:url(../image/bar_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow:hidden;
}

.login-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(58,65,111,0.9);
    background: -moz-linear-gradient(45deg, rgba(58,65,111,0.9) 0%, rgba(57,65,111,0.9) 31%, rgba(57,75,113,0.9) 61%, rgba(59,98,129,0.9) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(58,65,111,0.9)), color-stop(31%, rgba(57,65,111,0.9)), color-stop(61%, rgba(57,75,113,0.9)), color-stop(100%, rgba(59,98,129,0.9)));
    background: -webkit-linear-gradient(45deg, rgba(58,65,111,0.9) 0%, rgba(57,65,111,0.9) 31%, rgba(57,75,113,0.9) 61%, rgba(59,98,129,0.9) 100%);
    background: -o-linear-gradient(45deg, rgba(58,65,111,0.9) 0%, rgba(57,65,111,0.9) 31%, rgba(57,75,113,0.9) 61%, rgba(59,98,129,0.9) 100%);
    background: -ms-linear-gradient(45deg, rgba(58,65,111,0.9) 0%, rgba(57,65,111,0.9) 31%, rgba(57,75,113,0.9) 61%, rgba(59,98,129,0.9) 100%);
    background: linear-gradient(45deg, rgba(116, 138, 243, 0.9) 0%, rgba(97, 116, 226, 0.9) 31%, rgba(59, 122, 255, 0.9) 61%, rgba(28, 152, 251, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a416f', endColorstr='#3b6281', GradientType=1 );
    -webkit-box-shadow: inset 9px 13px 16px -9px rgb(30, 99, 193);
    -moz-box-shadow: inset 9px 13px 16px -9px rgba(58, 58, 58, 0.69);
    box-shadow: inset 9px 13px 16px -9px rgb(55, 132, 244);
}

.login-country-list {
    padding-top: 0px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    /*width: auto;
    height: auto;*/
    width: 505px;
    /*height: 450px;*/
    /*top: 50%;*/
    left: 50%;
    margin-left: -225px; /* Negative half of width. */
    /*margin-top: -225px;  Negative half of height. */
    background-color: #F4F7F9;
    border-radius: 6px;
    text-align: center;
}

.userName {
    font-size: 18px;
    font-weight: bold;
    color: #464E61;
    padding-bottom: 20px;
    padding-top: 20px;
}
.container-fluid {
    padding:0px !important;
}
.login-brand {
    font-weight: 400;
    margin: 0;
    padding: 5px 15px;
    font-size: 40px;
    color: #C8E0FF;
    font-family: "Gotham-Rounded-Medium",Verdana;
    background-color:#116CE6;
    border-top-right-radius:6px;
    border-top-left-radius:6px;
}

    .login-brand span {
        font-size:14px;
        color:#fff;
    }

.btn-login-radiogroup {
    background-color: transparent;
    border-color: #4C5DA5;
    color: #8FA5B7;
    font-size: 12px;
    /* text-transform: inherit; */
}

    .btn-login-radiogroup:hover,
    .btn-login-radiogroup:focus,
    .btn-login-radiogroup:active,
    .btn-login-radiogroup.active {
        background-color: #677FFF;
        border-color: #4C5DA5;
        color: #fff;
    }

    .btn-login-radiogroup.disabled:hover,
    .btn-login-radiogroup.disabled:focus,
    .btn-login-radiogroup.disabled:active,
    .btn-login-radiogroup.disabled.active,
    .btn-login-radiogroup[disabled]:hover,
    .btn-login-radiogroup[disabled]:focus,
    .btn-login-radiogroup[disabled]:active,
    .btn-login-radiogroup[disabled].active,
    fieldset[disabled] .btn-login-radiogroup:hover,
    fieldset[disabled] .btn-login-radiogroup:focus,
    fieldset[disabled] .btn-login-radiogroup:active,
    fieldset[disabled] .btn-login-radiogroup.active {
        background-color: #6E716D;
        border-color: #323F69;
    }

.login-option-wrapper {
    margin-bottom: 20px;
}

.login-type-wrapper {
    border-radius: 3px;
    /*background-color: rgba(244, 247, 249, 0.09);*/
    /* min-width:400px; */
    min-height: 200px;
}



.login-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    margin: 0;
    color: #7290AB;
    font-size: 11px;
    z-index: -1;
}

.login-country-list .login-footer span {
    font-weight: 400;
    margin-right: 15px;
    font-size: 20px;
    color: #ffffff;
    font-family: "Gotham-Rounded-Medium";
}

.login-country-list .login-footer {
    margin-bottom: -50px;
}

.login-country-list .title {
    font-size: 24px;
    text-transform: capitalize;
    /* text-decoration: underline; */
    color: #C0CBD7;
    font-weight: 400;
    font-size: 20px;
    font-family: "Gotham-Rounded-Medium";
}

.login-country-list ul.country-list {
    margin: 0px;
    padding: 0;
    list-style: none;
    display: inline-block;
}

    .login-country-list ul.country-list li {
        float: left;
        min-width: 150px;
        min-height: 35px;
        text-align: left;
        padding: 2px;
        font-family: "Gotham-Rounded-medium";
        font-size: 10px;
        text-transform: uppercase;
        color:#aaa;
        margin: 3px;
    }
    .login-country-list  a {
        color: #333;
    }

    .login-country-list .form-group {
        margin-bottom: 5px;
    }

        .login-country-list ul.country-list img {
            border: 0px;
            width: 25px;
            margin-right: 5px;
        }
        .login-country-list ul.country-list li.enable:hover {
            background-color: #E9EDF1;
            border-radius: 20px; 
        }

        .login-country-list ul.country-list li a:hover { 
            cursor: pointer;
        }

.login-domain span.welcome {
    color: #fff;
    margin: 20px 0 0 0;
    display: inline-block;
    font-size: 50px;
    color: #677FFF;
}

.login-domain h3 {
    color: #fff;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 80px;
}

.btn-login {
    background-color: #677FFF;
    border-color: #4C5DA5;
    color: #FFFFFF;
    font-size: 18px;
    /* text-transform: inherit; */
    padding: 10px;
    border-radius: 40px;
    min-width: 120px;
    margin-top:40px;
}

    .btn-login:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #3E4A70;
    }


    .btn-login:focus,
    .btn-login:active,
    .btn-login.active {
        background-color: #263158;
        border-color: #525F8E;
        color: #fff;
        webkit-box-shadow: inset 9px 13px 16px -9px rgba(29, 29, 29, 0.69);
        -moz-box-shadow: inset 9px 13px 16px -9px rgba(29, 29, 29, 0.69);
        box-shadow: inset 9px 13px 16px -9px rgba(29, 29, 29, 0.69);
    }

.btn-login-back {
    background-color: transparent;
    border-color: #4C5DA5;
    color: #FFFFFF;
    font-size: 18px;
    /* text-transform: inherit; */
    padding: 10px;
    border-radius: 40px;
    min-width: 120px;
}

    .btn-login-back:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #3E4A70;
    }


    .btn-login-back:focus,
    .btn-login-back:active,
    .btn-login-back.active {
        background-color: #263158;
        border-color: #677FFF;
        color: #fff;
    }


.login-country-list .btn-navbar-culture, .login-country-list .btn-navbar-culture.textbox, .login-country-list .btn-navbar-culture.textbox:hover, .login-country-list .btn-navbar-culture.textbox:focus, .login-country-list .btn-navbar-culture.textbox:active  {
background-color: white;
    border-color: #CCCCCC;
    color: #999999;
    font-size: 11px;
    height: 30px;
}

.login-country-list .w200 {
    width:395px !important;
}

.login-errormsg {
    padding: 15px; border-radius: 0 0 6px 6px; background-color: #D22727; color: #fff; margin:15px 0 0 0 !important; text-align:left;
}
/*=================================================================================
  ======================= LOGIN PAGE END ==========================================
  =================================================================================*/

.form-control {
    height: 25px;
    padding: 3px 3px;
    font-size: 11px;
}

.form-group {
    margin-bottom: 6px;
}

.control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}