@charset "utf-8";

@font-face {
    font-family: 'SegoeWPLightRegular';
    src: url('../../../../../Assets/Fonts/segoewplight.eot');
    src: url('../../../../../Assets/Fonts/segoewplight.eot') format('embedded-opentype'), url('../../../../../Assets/Fonts/segoewplight.woff') format('woff'), url('../../../../../Assets/Fonts/segoewplight.ttf') format('truetype'), url('../../../../../Assets/Fonts/segoewplight.svg#SegoeWPLightRegular') format('svg');
}

body {
    padding: 0px 0px 0px 0px;
    margin: 12px 0px 0px 0px;
    overflow: hidden;
    font: 12px Tahoma, Geneva, sans-serif;
    color: #38414a;
    /*background: #49a6c8 url(../images/login-background.png) top center repeat-x;*/
    overflow: hidden;
}

.bgwrap {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../images/loginbg.png) center -39px no-repeat;
}

.bgwrapper_Small {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../images/loginbg_small.png) center -39px no-repeat;
}

.login-wrap {
    width: 1024px;
    height: 508px;
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -360px;
    margin-top: -9px; /*margin:0px auto; margin-top:45px; position:relative;*/
    /*background: url(../images/logindg_english1.png) center top no-repeat;*/
}

.topbar {
    width: 1024px;
    height: 70px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -512px;
    top: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 2;
    background: #FFF;
}

.logo {
    float: left;
    padding: 12px 0px 0px 20px;
}

.top-right {
    width: 60%;
    float: right;
}

    .top-right .slogon-img {
        border-right: 1px dotted #c3c7cd;
        padding-right: 10px;
        margin-top: 10px;
        padding: 10px 15px 10px 0px;
        float: right;
        text-align: right;
        font-size: 21px;
        font-family: 'SegoeWPLightRegular';
    }

.language {
    float: right;
    padding: 18px 0 0 20px;
    margin-right: 15px;
}

/*TOp END*/


.login-box {
    width: 219px;
    float: left;
    position: absolute;
    top: 160px;
    right: 221px;
}

    .login-box h1 {
        font-size: 25px;
        color: #fff;
        font-family: 'SegoeWPLightRegular';
        font-weight: bold;
        padding: 8px 0px;
        margin: 0px;
    }

    .login-box .form-row {
        width: 94%;
        float: left;
        padding-top: 16px;
    }

        .login-box .form-row .mandatory {
            border-left: 3px solid #ff0000;
        }

        .login-box .form-row label {
            padding-bottom: 6px;
            display: block;
        }

.blue-links a {
    color: #fff;
    text-decoration: none;
    padding-bottom: 5px;
}

    .blue-links a:hover {
        color: #F7ED73;
        border-bottom: 1px dotted #F7ED73;
    }
/*login-box END*/


input, select, textarea {
    background: #F5F5F5;
    border: 1px solid #D7D7D7;
    color: #70777D;
    padding: 5px 5px;
    width: 100%;
}


.login-wrap input, .login-wrap select, .login-wrap textarea {
    padding: 10px 5px;
    border-radius: 4px;
}

.language select {
    width: 131px;
    border: 1px solid #A09F9F;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #9ac363;
}



.PrimaryButton {
    background: #9ad051;
    color: #FFF;
    width: 100%;
    cursor: pointer;
    border: 1px solid #35a0c0;
    padding: 10px 5px;
    font-weight: bold;
}

.SecondaryButton {
    background: #FFFFF;
    color: #32a0e8;
    width: 100%;
    cursor: pointer;
    border: 1px solid #35a0c0;
    padding: 10px 5px;
    font-weight: bold;
}

.PrimaryButton:hover {
    background: #9ac363;
    border: 1px solid #9ac363;
}

.OTPNote {
    color: #99c141;
    font-weight: bold;
    font-size: 13px;
}
/*TOp END*/


.footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #1d2d40;
    padding: 8px 0px;
    border-top: 4px #99c461 solid;
}

.footer-wrap {
    margin: 0 auto;
    width: auto;
}

    .footer-wrap .right-links {
        width: 40%;
        float: right;
        text-align: right;
        color: #C4C5C9;
        padding-right: 10px;
    }

        .footer-wrap .right-links a {
            color: #C4C5C9;
            text-decoration: none;
        }

            .footer-wrap .right-links a:hover {
                color: #95c25b;
            }

    .footer-wrap .left-links {
        width: 54%;
        float: left;
        text-align: left;
        color: #C4C5C9;
        padding-left: 10px;
    }
/*Footer END*/


.logerror {
    width: 215px;
    float: left;
    position: absolute;
    top: 130px;
    right: 210px;
    padding: 5px 0px 5px 25px;
    background: #facaca url(../images/ico_alert.png) 0px -5px no-repeat;
    border: 1px #ff7f7f solid;
    color: #F00;
    height: 15px;
}

.popupmassage {
    width: 1024px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    color: #F00;
    background: #F7ED73;
    line-height: 24px;
    color: #F00;
    margin-left: -512px;
}

    .popupmassage p {
        padding: 0px;
        margin: 0px;
    }

.paddingmassage {
    padding: 5px 20px;
}

.loginbutton-box {
    width: 99% !important;
}

/*Forgot for BCC browser Upgrade */
.forgetPasswordbg-wrap-bcc {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../images/BCC-bg.jpg) center -39px no-repeat;
}

/*Forgot PWD Start*/
.forgetPasswordbg-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../images/forgetPasswordbg.png) center -39px no-repeat;
}

.width24 {
    width: 24%;
}

.row {
    /*width: 100%;
	margin-bottom: 15px;*/
}

.floatLT {
    float: left;
}

.width-1024 {
    width: 1014px;
    padding: 3px 3px 0px 3px;
    position: fixed;
    background: #FFF;
    border: 2px solid #1f739d;
    border-radius: 10px;
    left: 50%;
    margin-top: 80px;
    margin-left: -512px;
    z-index: 0;
}

    .width-1024 select, textarea, .width-1024 input[type=text], .width-1024 input[type=password] {
        border: #acbac2 solid 1px;
        color: #444444;
        font-size: 11px;
        width: 95%;
        border-left: 4px #acbac2 solid;
        background: #fff;
    }

.lognote {
    padding: 10px;
    background-color: #f4e4a6;
    color: #575757;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .lognote b {
        color: #ff0101;
        font-weight: bold;
    }

.title {
    color: #3f9ec5;
    font-family: 'SegoeWPLightRegular';
    margin: 8px 8px;
}

.border-top-1px {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #77982D
}

.mandatoryInput {
    border-left: 4px #FF0000 solid !important;
}

.labelName {
    padding-bottom: 7px;
}

.actionButton {
    padding: 0px 15px;
    height: 28px;
    width: auto;
    line-height: 25px;
    margin-top: 10px;
    margin-right: 5px;
    border: 2px solid #3087A6;
    background-color: #32A0E8;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer
}

    .actionButton:hover {
        background-color: #99c141;
        color: #FFF;
        border: 2px solid #99c141;
    }

.N-actionButton {
    padding: 0px 15px;
    height: 28px;
    width: auto;
    line-height: 25px;
    margin-top: 10px;
    margin-right: 5px;
    border: 2px solid #C4C4C4;
    background-color: #ECECEC;
    color: #3494B5;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer
}

    .N-actionButton:hover {
        background-color: #99c141;
        color: #FFF;
        border: 2px solid #99c141;
    }

input[type=text]:focus, select:focus, textarea:focus {
    border: 1px solid #9ac363;
}


.errorMessage {
    font-weight: 100;
    color: red;
}

.disabled {
    color: #CCCCCC;
    background: #F8F8F8;
    border: 1px solid #CCC;
    cursor: text;
}
/*Forgot PWD End*/

/*Popup Container Block*/
#popup_container .back {
    background-image: url(../theme/default/images/transparent_black.png);
    background-repeat: repeat;
    font-family: Tahoma,Geneva,sans-serif;
    padding: 10px;
}

#popup_container h1 {
    background: #E5E5E5;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    margin: 0;
    padding: 10px 0 10px 10px;
}

#popup_container #popup_panel {
    background: #EAEAEA;
    border-top: 1px solid #99C461;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    margin: 0;
    padding: 10px;
}

.Workterra-Alert-LightBox {
    width: 300px;
    background: #FFF;
    overflow: hidden;
    padding: 20px 10px;
}

.alert-box {
    color: #555;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    padding: 10px 36px;
    margin-right: 5%;
}

.alert-error {
    float: left;
    background-position: -405px -415px;
    width: 45px;
    height: 45px;
}

.alert-information {
    float: left;
    background-position: -545px -415px;
    width: 45px;
    height: 45px;
}

.alert-confirm {
    float: left;
    background-position: -619px -415px;
    width: 45px;
    height: 45px;
}

.alertinfo {
    float: left;
    background-position: -471px -415px;
    width: 50px;
    height: 45px;
}

.alert-question {
    float: left;
    background-position: -696px -415px;
    width: 45px;
    height: 45px;
}

#colorbox, #popup_container, .custompopup {
    background: url(../images/blackspecer.png) left top repeat;
}

#cboxClose {
    background-position: -23px -198px;
    right: 0;
    height: 36px;
    width: 25px;
    background-color: #E5E5E5;
    border: 1px #E5E5E5 solid;
    top: -22px;
    z-index: 12;
}

.SecondaryBorder, #popup_container h1 {
    border-color: #77982D;
}

.PrimaryClass, .cloning-tabs-active {
    background-color: #32a0e8;
    color: #FFF;
}

.PrimaryAction {
    display: block;
    float: left;
    height: 28px;
    font-weight: 700;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    padding: 0 15px;
    border-width: 1px;
    border-style: solid;
    width: auto;
}

.SecondaryAction {
    display: block;
    float: left;
    height: 28px;
    font-weight: 700;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    padding: 0 15px;
    background: #ececec;
    border: 1px solid #c4c4c4;
    width: auto;
}

.sprit-icon {
    background-image: url(../images/icons.png);
}

.alert-confirm {
    float: left;
    background-position: -619px -415px;
    width: 45px;
    height: 45px;
}

.errortext {
    font-size: 14px;
    margin-left: 50px;
    padding: 10px;
}
/*Popup Contaner Ends*/