@font-face {
    font-family: 'OpenSans-Regular';
    /*src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../fonts/fontawesome-webfont.svg') format('svg');*/
    src: url('../fonts/OpenSans-Regular.eot?');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Regular.eot?');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, input, button {
    font-family: OpenSans-Regular;
    background: #fff;
}

.nav {
    background-color: #313541;
}

.nav-tabs > li {
    float: left;
    margin-bottom: 8px;
}

.login {
    padding: 15px;
    width: 400px;
    margin: 2% auto 0 auto;
    /* background: #bce8f1; */
    position: relative;
    /* background-color: #d2d4d8; */
    border-color: black;
    /* color: #31708f; */
    color: black;
    text-shadow: 0px 0px black;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 2px 7px rgba(0,0,0,.4);
}

    .login .heading {
        text-align: center;
        margin-top: 1%;
    }

        .login .heading h2 {
            font-size: 3em;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.7);
            display: inline-block;
            padding-bottom: 5px;
            text-shadow: 1px 1px 3px #23203b;
            font-family: OpenSans-Regular;
            font-size: 25px;
        }

    .login form .input-group {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

        .login form .input-group:last-of-type {
            border-top: none;
        }

        .login form .input-group span {
            background: transparent;
            min-width: 53px;
            border: none;
        }

            .login form .input-group span i {
                font-size: 1.5em;
                color: rgba(255, 255, 255, 0.2);
            }

    .login form input.form-control {
        display: block;
        width: auto;
        height: auto;
        border: none;
        outline: none;
        box-shadow: none;
        background: none;
        border-radius: 0px;
        padding: 10px;
        font-size: 14px;
        width: 100%;
        background: transparent;
        color: #c2b8b1;
    }


        .login form input.form-control:focus {
            border: none;
        }


/*.login form button {
        position: relative;
        display: inline-block;
        margin-top: 20px;
        background: #27AE60;
        border: none;
        font-size: 1.6em;
        font-weight: 300;
        padding: 5px 0;
        width: 100%;
        border-radius: 3px;
        color: #b3eecc;
        border-bottom: 4px solid #1e8449;
        background-image: linear-gradient(#ff5f32, #ff5f32);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 0% 100%;
        transition: background-size .5s, color .5s;
    }

        .login form button:hover {
            background-size: 100% 100%;
            color: #fff;
        }*/

.span-register {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: white;
    line-height: 100px;
    text-align: center;
    background: #2ecc71;
    position: absolute;
    left: 340px;
    top: -31px;
    cursor: pointer;
}

    .span-register:active {
        -webkit-transform: scale(.95); /* Safari and Chrome */
        -moz-transform: scale(.95); /* Firefox */
        -ms-transform: scale(.95); /* IE 9 */
        -o-transform: scale(.95); /* Opera */
        transform: scale(.95);
    }

    .span-register:hover {
        border: 4px solid #ff5f32;
        line-height: 92px;
        transition: all .2s ease-in-out;
    }

/*@media only screen and (max-width: 1200px) {
    .login {
        width: 600px;
        font-size: 2em;
    }
}

@media only screen and (max-width: 1100px) {
    .login {
        margin-top: 2%;
        width: 600px;
        font-size: 1.7em;
    }
}

@media only screen and (max-width: 992px) {
    .login {
        margin-top: 1%;
        width: 550px;
        font-size: 1.7em;
        min-height: 0;
    }
}

@media only screen and (max-width: 768px) {
    .login {
        margin-top: 0;
        width: 500px;
        font-size: 1.3em;
        min-height: 0;
    }
}

@media only screen and (max-width: 480px) {
    .login {
        margin-top: 0;
        width: 400px;
        font-size: 1em;
        min-height: 0;
    }

        .login h2 {
            margin-top: 0;
        }
}

@media only screen and (max-width: 320px) {
    .login {
        margin-top: 0;
        width: 200px;
        font-size: 0.7em;
        min-height: 0;
    }
}*/


#box-login-bottom {
    background: #3a3a3a;
}

#footer-login {
    background-color: #3A3A3A;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    color: #BCBCBC;
    display: block;
    font-size: 13px;
    overflow: hidden;
    padding: 12px;
    position: relative;
}

    #footer-login > span {
        margin: 0;
        border: 0;
        padding: 0;
        float: left;
    }

.regular-checkbox {
    display: none;
}

    .regular-checkbox:checked + label {
        background-image: url(Images/chk_on.png);
    }

    .regular-checkbox + label {
        display: block;
        position: absolute;
        right: 16px;
        top: 8px;
        width: 61px;
        height: 28px;
        background: no-repeat center;
        background-image: url(Images/chk_off.png);
        cursor: pointer;
        opacity: 0.8;
        float: right;
    }


.group-control {
    position: relative;
}

.text-control {
    color: #555;
    text-shadow: 0 1px #FFF;
    padding: 12px 12px 12px 45px;
    border: 1px solid #888;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    background-color: #f3f5f6;
    width: 100%;
    margin: 8px 0px;
}

.user-icon {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #2ecc71;
    line-height: 58px;
    text-align: center;
    width: 50px;
    height: 50px;
}

.sub-tab-container > ul > .active {
    background-color: #2CC185 !important;
}

.sub-tab-content {
    border-top: 4px solid #2CC185;
}

.main-header {
    height: 50px;
    background-color: #fff;
    margin-top: 100px;
    margin-left: 44%;
}

.kantar-logo {
    padding: 4px 0px;
    margin: 3px 0px 0px 5px;
    float: left;
    height: 38px;
}

.button {
    color: #FFF !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-image: none !important;
    border: 2px solid #FFF;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: background-color .15s,border-color .15s,opacity .15s;
    -o-transition: background-color .15s,border-color .15s,opacity .15s;
    transition: background-color .15s,border-color .15s,opacity .15s;
    vertical-align: middle;
    margin: 0;
    position: relative;
    display: inline-block;
    font-family: OpenSans-Light;
}

    .button, .button-default, .button-default.focus, .button-default:focus, .button.focus, .button:focus {
        background-color: #ABBAC3;
        border-color: #ABBAC3;
    }

.button-primary, .button-primary.focus, .button-primary:focus {
    background-color: #9d208e;
    border-color: #9d208e;
}

.button-success, .button-success.focus, .button-success:focus {
    background-color: #87B87F;
    border-color: #87B87F;
}

.button-warning, .button-warning.focus, .button-warning:focus {
    background-color: #F89406;
    border-color: #F89406;
}

.button-danger, .button-danger.focus, .button-danger:focus {
    background-color: #ec4758;
    border-color: #ec4758;
}

.button-light, .button-light.focus, .button-light:focus {
    background-color: #D15B47;
    border-color: #D15B47;
}

.button-inverse, .button-inverse.focus, .button-inverse:focus {
    background-color: #555;
    border-color: #555;
}

.button-info, .button-info.focus, .button-info:focus {
    background-color: #23c6c8;
    border-color: #23c6c8;
}

.button-green, .button-green.focus, .button-green:focus {
    background-color: #1ab394;
    border-color: #1ab394;
}

.button-lightgreen, .button-lightgreen.focus, .button-lightgreen:focus {
    background-color: #19d6af;
    border-color: #19d6af;
    color: #FFF !important;
}


.button-orange, .button-orange.focus, .button-orange:focus {
    background-color: #EA5A5A;
    border-color: #EA5A5A;
}

.button-xs {
    padding-top: 2px;
    padding-bottom: 2px;
    border-width: 2px;
    font-size: 10px;
    line-height: 1;
    outline: none;
}

.button-sm {
    border-width: 2px;
    font-size: 11px;
    padding: 4px 9px;
    line-height: 1;
    outline: none;
}

.button-md {
    border-width: 2px;
    font-size: 12px;
    padding: 5px 16px;
    line-height: 1;
    outline: none;
}

.max-height-150 {
    max-height: 150px;
    overflow-y: auto;
}

.min-height-150 {
    min-height: 150px;
}

.max-height-200 {
    max-height: 200px;
    overflow-y: auto;
}

.min-height-200 {
    min-height: 200px;
}

.min-height-100 {
    min-height: 100px;
}

.signintext {
    display: block;
    text-decoration: none;
    color: #6A7583;
    font-weight: bold;
    text-shadow: 0px 0px 0px #6A7583;
}

.alignleft {
    text-align: left;
}

/*OpCode dropdown for login page*/
.loginlangopsec label {
    font-weight: normal;
    color: #555;
}
/*.loginbtn-mid {
    margin-right: 32%;
    margin-top: 30px;
    margin-left: 2%;
}*/
.fontwetnrmallogin {
    font-weight: normal;
    color: #555;
}
.opmargleft {
    margin-left: 25%;
}
/*End*/

#btnLogin {
    margin-left: -5%;
    /*margin-top: -14px;*/
}
#btnfgtpwrd {
    padding: 5px 5px;
}
.role-dropdown {
    margin-left: -28%;
}
.change-password .text-control {
    margin: 3px 0px;
}
.chpwdmargtop {
    margin-top:10px;
}
/*Auto Generated Password*/
/*.mail-temp {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
    padding: 20px;
}
.automail-margtop10 {
    margin-top:10px;
}
.mail-temp ul {
    margin-bottom: 25px;
}
.mail-temp ul li {
    padding:2px;
}
.auto-thnk {
    width: 100%;
    float: left;
}
.dont-replysec {
    width: 100%;
    float: left;
    margin-top: 15px;
}*/
/*End*/

/*Common popup styles*/
.modal-header {
    background: rgb(140, 138, 138);
    padding: 2px 8px;
    border-radius: 0;
    color: #fff;
}

.modal-content {
    border: 1px solid grey;
    width: 500px;
    top: 100px;
    left: -64px;
    border-radius: 0;
    box-shadow: none;
    color: #393939;
    font-size: 12px;
    float: left;
}

.modal-title {
    line-height: 24px;
    font-size: 15px;
}

.modal-body {
    width: 100% !important;
    padding-left: 10px;
}

.modal-footer {
    padding: 5px 20px 8px;
    margin-top: 0px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
}
.deny.button-danger {
    float: right;
    margin-left: 4px;
}
.confirm.button.button-green {
    float: right;
}

/*#SelectedOpCodeId {
    margin-left: 0;
    float:left;
}*/

.langloginflt {
    margin-left: -12%;
    margin-right: 5%;
    width: auto;
    padding-right: 0px;
    margin-top: 2px;
    display: inline-block;
}

.dispInlblck {
    display: inline-block !important;
}
.langLeftalign ul {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-left: 0px;
}
.validation-summary-errors {
    width: 100%;
    float: left;
}
.container.loginLayoutPg {
    text-align:center;
}
.logWidthcenter {
    width: 100%;
    float: left;
    margin-top: 8px;
}
/*End*/
.group-control.btnadjstlogin {
    margin-left: 23%;
    display: inline-block;
}
.grpCntrlclass {
    display: inline-block;
    margin-left: -58px;
    float: none;
}
.grpLogdefault {
    float: left;
    margin-left: 37%
}
.validation-summary-errors.text-danger ul li{
    list-style-type:none;
}

@media screen and (min-width: 1920px) {
    .kantar-logo {
        margin-left:4% !important;
    }
}
.disabled {
    opacity: .7;    
    pointer-events: none;
    background-color: #bb63b0 !important;
    border-color: #bb63b0 !important;
}