body {
    font-family:IRS!important;
    direction:rtl!important;
    text-align:right!important;
    background:#f6f6f6
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,select,textarea {
    max-width: 280px;
}
@font-face {
	font-family: 'IRS';
	font-style: normal;
	font-weight: normal;
	src: url("../Content/fonts/IRANSansWeb_Light.woff") format("woff");
}

@font-face {
	font-family: 'IRSB';
	font-style: normal;
	font-weight: normal;
	src: url("../Content/fonts/IRANSansWeb_Bold.woff") format("woff");
}
input{font-family:IRS}
:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}
.login-wrap{width: 100%;margin:2% auto;max-width:510px;min-height:510px;position:relative;background-size: cover;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);border-radius:10px}
.login-html{width:100%;height:100%;position:absolute;padding:0;background:#fff;border-radius:10px}
.login-html .sign-in-htm,.login-html .for-pwd-htm{top:0;left:0;right:0;bottom:0;position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s linear;transition:all .4s linear}
.login-html .sign-in,.login-html .for-pwd,.login-form .group .check{display:none}
.login-html .tab,.login-form .group .label,.login-form .group .button{text-transform:uppercase}
.login-html .tab{font-size:22px;padding:15px;display:inline-block;border-bottom:2px solid #f0f0f0;background:#f6f6f6;width:49.5%;text-align:center;margin-bottom:0}
.login-form .sign-in-htm,.login-form .for-pwd-htm,.asign-in-htm{padding:20px 20%}
.login-html .sign-in:checked + .tab,
.login-html .for-pwd:checked + .tab{color:#fff;border-color:#39ace7;background:#aaa}
.login-form{min-height:345px;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.login-form .group{margin:15px 0}
.login-form .group .label,.login-form .group .input,.login-form .group .button{width:100%;color:#0d0d0d;display:block}
.login-form .group .input,.login-form .group .button{border:none;padding:15px 20px;border-radius:4px;background:#f6f6f6}
.login-form .group input[data-type="password"]{text-security:circle;-webkit-text-security:circle}
.login-form .group .label{color:#aaa;font-size:14px}
.login-form .group .button{background:#39ace7;color:#fff}
.tabs{background:#f6f6f6}
.login-form .group .input:focus {
    background-color: #fff;
    border-bottom: 2px solid #5fbae9;
    border-right:1px solid #f6f6f6;
    border-left:1px solid #f6f6f6;
    border-top:1px solid #f6f6f6;
}
.login-form .group label .icon{width:15px;height:15px;border-radius:2px;position:relative;display:inline-block;background:rgba(255,255,255,.1)}
.login-form .group label .icon:before,.login-form .group label .icon:after{content:'';width:10px;height:2px;background:#fff;position:absolute;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}
.login-form .group label .icon:before{left:3px;width:5px;bottom:6px;-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}
.login-form .group label .icon:after{top:6px;right:0;-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0)}
.login-form .group .check:checked + label{color:#fff}
.login-form .group .check:checked + label .icon{background:#1161ee}
.login-form .group .check:checked + label .icon:before{-webkit-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg)}
.login-form .group .check:checked + label .icon:after{-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg)}
.login-html .sign-in:checked + .tab + .for-pwd + .tab + .login-form .sign-in-htm{-webkit-transform:rotate(0);transform:rotate(0)}
.login-html .for-pwd:checked + .tab + .login-form .for-pwd-htm{-webkit-transform:rotate(0);transform:rotate(0)}
.foot-lnk{text-align:center}
.hr{height:2px;margin:60px 0 50px 0;background:rgba(0,0,0,.2)}
.title-box{background:#fff;box-shadow:0 0 8px #ccc;padding:10px}
.box-content{background:#fff;box-shadow:0 0 8px #ccc;padding:30px;margin-top:10px;margin-bottom:10px}
.title-box h2,.box-content h2{color:#49A7E5;font-size:14pt;font-family:IRSB;margin-top:5px}
.push-left{float:left}
.menu{background:#39ace7}
.menu a{color: #f9f9f9;font-family: IRSB;font-size: 12pt}
.form-group label{margin-bottom:0}
 @keyframes check {0% {height: 0;width: 0;}
    25% {height: 0;width: 10px;}
    50% {height: 20px;width: 10px;}
}
.checkbox{background-color:#fff;display:inline-block;height:22px;margin:0 .25em;width:22px;border-radius:4px;border:1px solid #ccc;float:right;margin:5px 10px}
.checkbox span{display:block;height:22px;position:relative;width:22px;padding:0}
.checkbox span:after{transform: scaleX(-1) rotate(135deg);transform-origin: left top 0px;border-right: 4px solid rgb(255, 255, 255);border-top: 4px solid rgb(255, 255, 255);content: "";display: block;height: 18px;left: 4px;position: absolute;top: 13px;width: 8px}
.checkbox span:hover:after{border-color:#999}
.checkbox input{display:none}
.checkbox input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555}
.checkbox input:checked + .primary:after{border-color:#2196F3}
.panel-table .panel-body{padding:0}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.nopadding{padding:0}
.slash{padding:0;line-height:37px;text-align:center}
.panel-table .panel-body .table-bordered{border-style: none;margin:0}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {text-align:center;width: 100px}
.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {border-right: 0px}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {border-left: 0px}
.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{border-bottom: 0px}
.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{border-top: 0px;padding:7px 2px;font-size:11pt;text-align:center}
.panel-table .panel-footer .pagination{margin:0 -5px 0 0}
.panel-table .panel-body .table-bordered > tbody > tr > td{padding:7px 2px;font-size:10pt;text-align:center}
/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.m5{margin:5px 0}
.panel-table .panel-footer .col{line-height: 34px;height: 34px}
.panel-table .panel-heading .col h3{line-height: 30px;height: 30px}
.panel-table .panel-body .table-bordered > tbody > tr > td{line-height: 34px}
.panel-default > .panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-bottom-color: transparent;border-top-left-radius: 3px;border-top-right-radius: 3px}
.panel-table .panel-footer .col {line-height: 34px;height: 34px}
.box-content h3{font-size:14pt}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
#alert-delay{position:fixed;top:50%;right:40%;display:none}
#alert-empty{position:fixed;top:50%;right:40%;display:none}
#alert-message{position:fixed;top:50%;right:40%;display:none}
#alert-description,#alert-phone,#alert-date,#alert-farsi{position:fixed;top:50%;right:40%;display:none}
.navbar-header {width:100%}
.table-list thead tr th,.table-list tbody tr td{text-align:center;font-size:9pt}
.print-title{color:crimson;margin-top:20px;font-family:IRSB;font-size:10pt}
.Recovery-tab{background:#AAAAAA;line-height:70px;text-align:center;color:#fff;width:100%;font-size:15pt;border-bottom:2px solid #39ACE7}