@font-face {
    font-family: 'F_BNazanin';
    src: url('Font/BNazanin.eot') format('embedded-opentype'),
         url('Font/BNazanin.ttf') format('truetype'),
         url('Font/BNazanin.woff') format('woff');
}


@font-face {
    font-family: 'F_Tahoma';
     src: url('Font/TAHOMA.ttf') format('truetype');

}
html,body, td , input , label , select , option ,div , p {
            
            font-family: F_BNazanin;
            /*font-size:1.1em;*/
            
           }

	/*background: url(../Ds_Image/Background/work-desk.jpg) repeat top left;
	background-image:url(../Ds_Image/Background/work-desk.jpg);*/

body{
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-weight: 400;
	font-size: 15px;
	color: #1d3c41;
	overflow-y: hidden;
}

.BackgroundDiv{
    background-image: url('../Ds_Image/Background/BiBackground_2.jpg');
    background-position: center;
    background-size: cover;
    position: relative;


}

.modal {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/
    background-color: rgba(0, 0, 0, 0.28); /* Black w/ opacity */
}




.login_title {
    font-family: F_BNazanin;
    font-style: normal;
    font-weight: 700;
    color: #ffffff; /*#f38a16*/
    text-align: center;
}



.card-container.card {
    max-width: 350px;
    margin-top:75px;
}

.card {
    background-color: #454242 ;/*#FFFFFF;*/
    /* just in case there no content*/
    padding: 1px 25px 0px;
    margin: 0 auto 25px;
    margin-top: 15%;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

hr{
    width:100%;
    margin-bottom:30px;
}

.btn {
    border: none;
    width: 100%;
    font-weight: 700;
    height: 55px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius: 0;
    background: #131212; /*#12334A;*/
    margin-bottom: 10px;
    font-family: F_BNazanin;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn:hover,
    .btn:active,
    .btn:focus {
        background-color: #000000;
    }

.Account{
    position:relative;
}




.Account i{
   font-size:19px;
   position:absolute;
   z-index:100;
   top:12px;
   left:10px;
   color:rgba(73, 73, 73, 0.70);
  
}

.login_box:focus {
    /*background:#fcf5eb;
    color:#19648f;*/
    color: rgb(0, 0, 0);
}

.login_box:focus ~ i{
    color:#000;
}

.login_box{
    background:#f7f7f7;
    border:1px solid rgba(0, 0, 0, 0.39);
    padding:5px 15px 5px 28px;
    }

.form-signin #MUCode {
    display: inline;
    direction: rtl;
    height: 44px;
    font-size: 14px;
    text-align: right;
    font-family: F_Tahoma;
    background: #DDDDDD;
    /*background-image:url(../Ds_Image/Icon/IC-Person.svg) ;
    background-size:5% 42%;
    background-position: 5px 12px; 
    background-repeat: no-repeat;*/
}


.form-signin #MUPass {
    direction: rtl;
    height: 44px;
    font-size: 14px;
    text-align: right;
    font-family: F_Tahoma;
    background: #DDDDDD;
    /*background-image:url(../Ds_Image/Icon/IC-lock.svg) ;
    background-size:5% 48%;
    background-position: 5px 12px; 
    background-repeat: no-repeat;*/
}

.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.EEr
{
    height:20px;
    margin:0px;
    text-align:right;
    color:red;
    font-family:F_BNazanin;
    font-size:16px;
    margin:0px 0px 14px 0px;
    padding-right:10px;
    font-weight:600;
    direction:rtl
}


/*.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: rgb(12, 97, 33);
}*/
#Login-Copyright{
   
    font-size:12px;
    color:#908b8b;
}
    #Login-Copyright a {
        color: #ffffff; /*#6715ef*/
    }

#Logo-login{
  width:90px;
  height:90px;
  margin-left:143px;
  margin-top:-45px;
  margin-bottom:-20px;
}



/*///////////////////////////////Browser Error//////////////////////////////////////////*/

#BrowserErr {
    display:none;
    text-align:center;
    padding:50px 30px 50px 30px;

}

#BrowserErr > i{
    font-size:80px;
    color:rgb(11, 126, 40);
}

#BrowserErr > p{
    direction:rtl;
    font-size:21px;
    color:#ffff;
    font-weight:600;
}

#BrowserErr img{

    width:60px;
    height:120px;
    margin-left:10px;
    margin-right:10px;
}



#AppVersion{
    float:right;
    color: #b9b9b9;
    font-style: oblique;
    font-family: serif;
    font-variant: small-caps;
    font-size: 13px;
}