/**
    Viewports 
    Large screen
    
    */
@media screen and (min-width:1600px) {
    /*
        define design for large screen sizes here
    */

    #Desktop {
        display: inline;
    }

    .helpHeader {
        right: -1em;
    }
}
/**
    Viewports 
    Medium screen example small monitors between 1200 and 1600
    
    */
@media screen and (max-width: 1599px) and (min-width:1025px) {
    /*
        define design for medium screen sizes here
    */
    #Desktop {
        display: inline;
    }

    .helpHeader {
        right: -0.5em;
    }
}
/**
    Viewports 
    Common styles for screens more than 1024PX(Screens other than tablets and mobiles)
    Medium screen example small monitors between 1200 and 1600
    
    */
@media screen and (min-width:1025px) {
    #Desktop {
        display: inline;
    }

    .SigninBox {
        height: 70%;
        width: 60%;
        position: fixed;
        top: 15%;
        left: 20%;
        background-image: url('AppImages/background_small.gif');
    }

    /*.LoginDiv {
        height: 154px;
        margin-left: 125px;
        margin-top: 150px;
    }*/
    .LoginDiv{
        max-height:80%;
        margin-left:125px;
        overflow:auto;
    }

    .margintop12{
        height:12%;
    }
    .OpenTextCopyRightDiv {
        /*margin-top: 200px;*/
        /*margin-right: 53px;
        height: 16px;*/
        position:absolute;
        bottom:5px;
        right:10px;

    }

    .OpenTextCopyRightLabel {
        font-family: Helvetica,Arial;
        font-size: 10px;
        color: #666666;
        text-align: right;
    }

    .TableRow {
        display: table-row;
    }

    .SignInWelcomeDiv {
        margin-left: 85px;
        width: auto;
        height: 42px;
        margin-bottom: 10px;
    }

    .LoginChkBox {
        margin-left: 85px;
    }

    .SignoutBox {
        height: 70%;
        width: 60%;
        position: fixed;
        top: 15%;
        left: 20%;
        background-image: url('AppImages/background_small.gif');
    }

    .SignInWelcomeText {
        font-family: Helvetica,Arial;
        color: #414141;
        text-align: left;
    }

    .SignInWelcomeTextFirstLine {
        font-size: 13px;
    }

    .SignInWelcomeTextSecondLine {
        font-size: 12px;
    }

    .LoginLabel {
        width: 85px;
        height: 18px;
        font-family: helvetica,Arial;
        font-size: 12px;
        color: #414141;
        vertical-align: middle;
        display: table-cell;
    }

    .signin_input_field {
        background-color: #E8F4FB;
        border: 1px solid #c6d4df;
        -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        background-image: -o-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -moz-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        display: table-cell;
        background-image: -webkit-gradient(linear, left top, right top, color-stop( 0.0, #FFFFFF ), color-stop( 1.0, #E8F4FB ));
        /* Chrome 10+ Safari 5.1+ Mobile Safari */
        background-image: -webkit-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* IE 10+ */
        background-image: -ms-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* W3C */
        background-image: linear-gradient(left, #FFFFFF, #E8F4FB );
        width: 220px;
        height: 18px;
    }

    .signin_lib_field {
        background-color: #E8F4FB;
        border: 1px solid #c6d4df;
        -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        background-image: -o-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -moz-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        display: table-cell;
        background-image: -webkit-gradient(linear, left top, right top, color-stop( 0.0, #FFFFFF ), color-stop( 1.0, #E8F4FB ));
        /* Chrome 10+ Safari 5.1+ Mobile Safari */
        background-image: -webkit-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* IE 10+ */
        background-image: -ms-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* W3C */
        background-image: linear-gradient(left, #FFFFFF, #E8F4FB );
        height: 20px;
    }

    .signin_timezone_field {
        background-color: #E8F4FB;
        border: 1px solid #c6d4df;
        -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        background-image: -o-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -moz-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        display: table-cell;
        background-image: -webkit-gradient(linear, left top, right top, color-stop( 0.0, #FFFFFF ), color-stop( 1.0, #E8F4FB ));
        /* Chrome 10+ Safari 5.1+ Mobile Safari */
        background-image: -webkit-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* IE 10+ */
        background-image: -ms-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* W3C */
        background-image: linear-gradient(left, #FFFFFF, #E8F4FB );
        height: 20px;
    }

    .LabelChkBox {
        font-family: helvetica,Arial;
        font-size: 12px;
        color: #666666;
        vertical-align: central;
        text-align: left;
    }
}


/**
    Viewports 
    Common styles for screens with max width 1024PX(Tablets and Mobiles)
      
    */
@media screen and (max-width: 1024px) and (min-width:600px) and (orientation:landscape), screen and (max-height: 1024px) and (orientation:portrait) {
    #Tablet {
        display: inline;
    }

    .SigninBox {
        height: inherit;
        width: inherit;
        position: absolute;
        background-image: url('AppImages/background_small.gif');
    }

    html, body {
        height: 100%;
        width: 100%;
        position: absolute;
    }

    .LoginDiv {
        height: 75%;
        display: block;
        overflow: scroll;
        margin-left: 5%;
        margin-top: 5%;
    }

    form {
        height: inherit;
        width: inherit;
    }

    .OpenTextCopyRightDiv {
    }

    .OpenTextCopyRightLabel {
        font-family: Helvetica,Arial;
        font-size: 10px;
        color: #666666;
        text-align: right;
        position: inherit;
        right: 10px;
    }

    .TableRow {
        display: normal;
    }

    .SignInWelcomeDiv {
        width: auto;
        height: 42px;
        margin-bottom: 10px;
    }

    .LoginChkBox {
        margin-left: 0px;
        zoom: 1.5;
    }

    .SignoutBox {
        height: 63.7em;
        width: 47.5em;
        position: absolute;
        /* top: 15%; */
        /* left: 30%; */
        background-image: url('AppImages/background_small.gif');
    }

    .SignInWelcomeText {
        font-family: Helvetica,Arial;
        color: #414141;
        text-align: left;
    }

    .SignInWelcomeTextFirstLine {
        font-size: 18px;
    }

    .SignInWelcomeTextSecondLine {
        font-size: 17px;
    }

    .LoginLabel {
        height: 18px;
        font-family: helvetica,Arial;
        font-size: 18px;
        color: #414141;
        vertical-align: middle;
        display: table-cell;
    }

    .signin_input_field {
        background-color: #E8F4FB;
        border: 1px solid #c6d4df;
        -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        background-image: -o-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -moz-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        display: table-cell;
        background-image: -webkit-gradient(linear, left top, right top, color-stop( 0.0, #FFFFFF ), color-stop( 1.0, #E8F4FB ));
        /* Chrome 10+ Safari 5.1+ Mobile Safari */
        background-image: -webkit-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* IE 10+ */
        background-image: -ms-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* W3C */
        background-image: linear-gradient(left, #FFFFFF, #E8F4FB );
        width: 50%;
        height: 25px;
        font-size: 18px;
    }

    .signin_lib_field {
        background-color: #E8F4FB;
        border: 1px solid #c6d4df;
        -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        background-image: -o-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -moz-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        display: table-cell;
        background-image: -webkit-gradient(linear, left top, right top, color-stop( 0.0, #FFFFFF ), color-stop( 1.0, #E8F4FB ));
        /* Chrome 10+ Safari 5.1+ Mobile Safari */
        background-image: -webkit-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* IE 10+ */
        background-image: -ms-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* W3C */
        background-image: linear-gradient(left, #FFFFFF, #E8F4FB );
        height: 35px;
        width: 53%;
    }

    .signin_timezone_field {
        background-color: #E8F4FB;
        border: 1px solid #c6d4df;
        -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
        background-image: -o-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -moz-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        background-image: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(232,244,251) 100%);
        display: table-cell;
        background-image: -webkit-gradient(linear, left top, right top, color-stop( 0.0, #FFFFFF ), color-stop( 1.0, #E8F4FB ));
        /* Chrome 10+ Safari 5.1+ Mobile Safari */
        background-image: -webkit-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* IE 10+ */
        background-image: -ms-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(left, #FFFFFF, #E8F4FB );
        /* W3C */
        background-image: linear-gradient(left, #FFFFFF, #E8F4FB );
        height: 35px;
        width: 53%;
    }

    .LabelChkBox {
        font-family: helvetica,Arial;
        font-size: 15px;
        color: #666666;
        vertical-align: central;
        text-align: left;
    }
}

@media screen and (max-width: 1366px) and (max-height: 768px) {
    #Surface {
        display: inline;
    }
}

body {
    background-color: #ccd9e1;
}

.CompanyLogo {
    height: 56px;
    width: 287px;
    margin-left: 53px;
    margin-top: 53px;
    background-image: url('AppImages/eDOCS_logo_sign_in_174x50.png');
    background-repeat: no-repeat;
}








.sign_in_button_text {
    font-family: Helvetica,Arial;
    color: #ffffff;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
}
/*** Button Normal ***/
.sign_in_button {
    clear: both;
    background-color: #0072aa;
    min-width: 36px;
    min-height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #31789D;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 22px;
    margin-left: 85px;
}

.sign_in_buttonDisabled {
    width: auto;
    background: #FFFFFF;
    color: #666666;
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 0px 1px #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 22px;
    margin-left: 85px;
    min-width: 36px;
    min-height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Helvetica,Arial;
    clear: both;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    /*white-space: normal;*/
}



/*** Button Hover ***/
.button_hover {
    background-color: #E59D30;
    border: 1px solid #D17F28;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
    background-image: -o-linear-gradient(90deg, rgb(238,158,59) 0%, rgb(236,175,62) 50%);
    background-image: -moz-linear-gradient(90deg, rgb(238,158,59) 0%, rgb(236,175,62) 50%);
    background-image: -webkit-linear-gradient(90deg, rgb(238,158,59) 0%, rgb(236,175,62) 50%);
    background-image: -ms-linear-gradient(90deg, rgb(238,158,59) 0%, rgb(236,175,62) 50%);
    background-image: linear-gradient(90deg, rgb(238,158,59) 0%, rgb(236,175,62) 50%);
}

/*** Button Click ***/
.button_clickl {
    background-color: #2EC0FE;
    border: 1px solid #26668A;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
    -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 0px rgba(0,0,0,1);
    background-image: -o-linear-gradient(90deg, rgb(34,140,199) 0%, rgb(54,166,217) 50%);
    background-image: -moz-linear-gradient(90deg, rgb(34,140,199) 0%, rgb(54,166,217) 50%);
    background-image: -webkit-linear-gradient(90deg, rgb(34,140,199) 0%, rgb(54,166,217) 50%);
    background-image: -ms-linear-gradient(90deg, rgb(34,140,199) 0%, rgb(54,166,217) 50%);
    background-image: linear-gradient(90deg, rgb(34,140,199) 0%, rgb(54,166,217) 50%);
}

.SigninBox222 {
    background-image: url('/cwt/Images/background.png');
}


.CompanyLogo {
    height: 56px;
    width: 287px;
    margin-left: 53px;
    margin-top: 53px;
    background-image: url('AppImages/eDOCS_logo_sign_in_174x50.png');
    background-repeat: no-repeat;
}

.LoginFieldsSpace {
    height: 10px;
}

.HelpIconDiv {
    margin-top: -42px;
    margin-right: 125px;
    float: right;
}

.HelpIcon {
    width: 32px;
    height: 32px;
    margin-left: 16px;
    margin-right: 16px;
    cursor: pointer;
}

.HelpText {
    margin-top: 14px;
    font-family: Helvetica,Arial;
    font-size: 12px;
    color: #0A74AA;
    cursor: pointer;
}

.ErrorMsg {
    vertical-align: top;
    margin-bottom: 10px;
    color: red;
}

.LogoutDiv {
    height: 154px;
    margin-left: 125px;
    margin-top: 200px;
}

.LogoutFieldsSpace {
    height: 10px;
}

.SignOutWelcomeDiv {
    margin-left: 85px;
    width: 220px;
    height: 42px;
    margin-bottom: 10px;
}

.SignOutWelcomeText {
    font-family: Helvetica,Arial;
    color: #414141;
    text-align: left;
}


.ErrorDisplayDiv {
    margin-left: 25px;
    width: auto;
    /*height:42px;*/
    margin-bottom: 10px;
}

.ErrorDisplayText {
    font-family: Helvetica,Arial;
    color: #414141;
    text-align: left;
    word-wrap: normal;
}

.ErrorDiv {
    height: 154px;
    margin-left: 125px;
    margin-top: 200px;
}


.Error_button {
    clear: both;
    background-color: #0072aa;
    min-width: 36px;
    min-height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #31789D;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 22px;
    margin-left: 25px;
}

.SignInWelcomeDiv {
    margin-left: 85px;
    width: auto;
    height: 42px;
    margin-bottom: 10px;
}