@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;*/
            
   
}


body{
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: url(../Ds_Image/Background/work-desk.jpg) repeat top left;
	background-image:url(../Ds_Image/Background/work-desk.jpg);
	font-weight: 400;
	font-size: 15px;
	color: #1d3c41;
	overflow-y: hidden;
}

.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: #f38a16;
	text-align:center;
}



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

.card {
    background-color: #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 {
    width:100%;
    font-weight: 700;
    height: 55px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius:0;
    background:#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: rgb(12, 97, 33);
}

.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;

}

.login_box:focus ~ i{
    color:#19648f;
}

.login_box{
    background:#f7f7f7;
    border:1px solid rgba(173, 173, 173, 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-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-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:#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:#575757;
    font-weight:600;
}

#BrowserErr img{

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


/*///////////////////////////////AppVersion//////////////////////////////////////////*/

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