﻿html, body {







    min-height: 435px;







    height: 100%;







}















body {







    position: relative;







    /* padding-bottom: 34px; */







    box-sizing: border-box;







}















#mainlogin {







    background: rgba(17,31,56,1);







    background: -moz-linear-gradient(-45deg, rgba(17,31,56,1) 0%, rgba(41,66,110,1) 41%, rgba(30,114,90,1) 100%);







    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(17,31,56,1)), color-stop(41%, rgba(41,66,110,1)), color-stop(100%, rgba(30,114,90,1)));







    background: -webkit-linear-gradient(-45deg, rgba(17,31,56,1) 0%, rgba(41,66,110,1) 41%, rgba(30,114,90,1) 100%);







    background: -o-linear-gradient(-45deg, rgba(17,31,56,1) 0%, rgba(41,66,110,1) 41%, rgba(30,114,90,1) 100%);







    background: -ms-linear-gradient(-45deg, rgba(17,31,56,1) 0%, rgba(41,66,110,1) 41%, rgba(30,114,90,1) 100%);







    background: linear-gradient(135deg, rgba(17,31,56,1) 0%, rgba(41,66,110,1) 41%, rgba(30,114,90,1) 100%);







    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111f38', endColorstr='#1e725a', GradientType=1 );







    /*opacity: 0.4;*/







    width: 100%;







    height: 100%;







    min-width: 970px;







}















.divmasterlogin {







    margin: 0px auto 0px auto;







    /*width: 1060px;*/







    margin-top: 45px;







    margin-bottom: 30px;







}















.divmasterlogin:after {







    clear: both;







    display: block;







    content: '';







}















.rightcontent {



    /*width: 350px;



    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25);



    -ms-box-shadow: 0 0 8px rgba(0,0,0,0.25);



    box-shadow: 0 0 8px rgba(0,0,0,0.25);



    padding: 23px 0px 17px 0px;



    background: #fff;



    box-sizing: border-box;




    height: 340px;



    border-radius: 16px;*/

    height: 340px;

}















 .leftcontent {







    width: 684px;







    /*margin-right: 20px;*/







    margin-left: 20px;







}















 .rightcontent input {







    background-color: #e7e7e7;







    border: 1px solid #cfcfcf;







    width: 220px;







    height: 35px;







    color: #666;







    /*text-indent: 40px;*/







    font: 12px tahoma;







    border-radius: 3px;



    line-height:20px;



}















 .rightcontent button {







    background-color: #4973bd;







    color: #fff;







    width: 260px;







    height: 35px;







    font: 12px tahoma;







    border: 1px solid #0051b6;







    cursor: pointer;







    border-radius: 3px;







}















 .rightcontent button:hover {







    background: #0051b6;







    cursor: pointer;







}















.divmasterlogin a {







    text-decoration: none;







    color: #0051b6;







    font: 12px tahoma;







}















.divmasterlogin a:hover {







    cursor: pointer;







    color: #4973bd;







}















.floatdiv {







    /*float: right;*/







    float: left;







}















 .content {







    margin: 0px auto 0px auto;







}















 .content > div {







    text-align: center;







    align: center;







    /*-ms-text-align-last: center;*/







}















 .margintop td {







    padding-top: 4px;

  





}
 .margintop{
       text-align:center;
 }















 .textattendance {







    font: 14px tahoma;







    color: #002e45;







    margin-top: 3px;







    font-weight: bold;







}
















 .labellogin {

font: 12px tahoma;

color: #449ede;

/*text-align: right;*/

text-align: left;

/*-ms-text-align-last: right;*/

text-align: right;

/*line-height: 80px !important;*/
}















 .cursorupdown {







    background-color: #4973bd;

    color: #fff; 

    height:15px;
   



    /*margin-left: 3px;*/







    margin-right: 3px;







}


 .carousel_ul li{
     color:#bbbbbb;
 }












 .loginDate {



    padding: 20px;



    /*box-shadow: 0 0 8px #666;*/



    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25);



    -ms-box-shadow: 0 0 8px rgba(0,0,0,0.25);



    box-shadow: 0 0 8px rgba(0,0,0,0.25);



    /*width: 100%;*/



    background: #fff;



    box-sizing: border-box;



    border: 1px solid #bbbbbb;



    min-height: 140px;



    position: relative;



    border-radius: 16px;



}















 .divaboutkasra {



    width: 100%;



    padding: 20px;



    /*box-shadow: 0 0 8px #666;*/



    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25);



    -ms-box-shadow: 0 0 8px rgba(0,0,0,0.25);



    box-shadow: 0 0 8px rgba(0,0,0,0.25);



    box-sizing: border-box;



    margin-top: 15px;



    background: #fff;



    border: 1px solid #bbbbbb;



    min-height: 145px;



    border-radius: 16px;



}















.clear {







    clear: both;







}















.textdate {







    /*text-align: right;*/







    text-align: left;







    /*-ms-text-align-last: right;*/







    /*align: right;*/







    align: left;







    margin-top: 15px;







}















.floatdivlr {







    /*float: left;*/







    float: right;







}















 .titledate {







    font: 13px tahoma;



    padding-bottom:5px;



    color: #000;







    font-weight: bold;







}















.labellogin > div {

/*margin-left: 15px;*/

margin-right: 15px;

margin-top: 7px;
}















.footer {







    position: fixed;







    bottom: 0px;







    color: #aaaaaa;







    font: 12px tahoma;







    background-color: #000;







    padding: 8px;







    width: 100%;







    /*text-align: right;*/







    text-align: left;







    box-sizing: border-box;







}







/*header div:nth-child(2) {







    







}*/







.titrheader {







    font: 16px tahoma;







    color: #fc5634;







    font-weight: bold;







    line-height: 27px !important;







}















.companyname {







    color: #515151;


    text-align: center;




    font: 14px tahoma;







    font-weight: bold;







    line-height: 27px !important;







}















.header {







    width: 100%;



        height:35px;



    background: #fff;







    box-shadow: 0 0 8px #666;







    padding: 7px;







    box-sizing: border-box;







    min-width: 970px;







}















[class^="icon-"],







[class*=" icon-"] {







    display: inline-block;







    margin-top: 1px;







    margin-left: 5px;







    *margin-right: .3em;







    line-height: 14px;







    vertical-align: text-top;







    background-image: url("/FrmPresentation/App_Utility/Images/Icons/iconkasra.png");







    background-repeat: no-repeat;







    margin-right: 5px;







    /*margin-left: 5px;*/







}















.icon-logo {

     background-image: url("../Images/logo.png");
    
     width: 128px;
     height: 128px;







}















.icon-kasra {

background-position: -4px -148px;

width: 95px;

height: 103px;
}















.icon-kasratext {







    background-position: -88px -35px;







    width: 88px;







    height: 37px;







}















.leftologo {







    /*border-left: 1px solid #dcdcdc;







margin-left: 10px;*/







    /*border-right: 1px solid #dcdcdc;*/







    margin-right: 15px;







}















.icon-cursorup {







    background-position: -65px -36px;







    width: 10px;







    height: 10px;







}















.icon-cursordown {







    background-position: -65px -51px;







    width: 10px;







    height: 10px;







}















.icon-user {







    background-position: 230px -3px;







    width: 22px;







    height: 30px;

   padding-right:40px;





}















.icon-password {







    background-position: 230px -34px;







    width: 24px;







    height: 31px;




   
  padding-right:40px;

}







.divmasterHeader {







    margin: 0px auto 0px auto;







    width: 1060px;







   clear:both;







}
#UserPassError.has-error
{
     visibility:visible;
    background:#f27164;
    color:#fff;
  
     height: 34px;
    margin-top: 5px;
    width: 300px;
    margin-right: 25px;
    border-radius:5px;
    font-size:14px;
    text-align: center;
   
}
#UserPassError{
    visibility:hidden;
}
.txt-has-error {
    border: solid 1px #f27164 !important; 
    background-color:#ffe3e2 !important;
}



 .cd-error-message {
    display: inline-block;
    position: absolute;
    left: 174px;
    bottom: 53px;
    background: #f27164;
    padding: .8em;
    z-index: 2;
    color: #FFF;
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 0.25em;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
    transition: opacity 0.2s 0, visibility 0 0.2s;
}
 .cd-error-message.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0, visibility 0 0;
    -moz-transition: opacity 0.2s 0, visibility 0 0;
    transition: opacity 0.2s 0, visibility 0 0;
}
 .cd-error-message::after {
    content: '';
    position: absolute;
    left: 109px;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f27164;
}
 .closeError{
     cursor:pointer;
    
 }

#ImgURLTD {
     width: 350px;
    height: 100%;
    border-radius: 16px;
    vertical-align: text-top;
}

#loginCaptchaerr.cd-error-message{
    left:0;
}