@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('fonts/DroidKufi-Regular.eot');
    src: url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidKufi-Regular.woff') format('woff'),
    url('fonts/DroidKufi-Regular.woff2') format('woff2'),
    url('fonts/DroidKufi-Regular.ttf') format('truetype'),
    url('fonts/DroidKufi-Regular.svg#Droid Arabic Kufi') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('fonts/DroidKufi-Bold.eot');
    src: url('fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidKufi-Bold.woff') format('woff'),
    url('fonts/DroidKufi-Bold.woff2') format('woff2'),
    url('fonts/DroidKufi-Bold.ttf') format('truetype'), url('fonts/DroidKufi-Bold.svg#Droid Arabic Kufi') format('svg');
    font-weight: 700;
    font-style: normal;
}

* , body, h1, h2, h3, h4, h5, h6 {font-family: Droid Arabic Kufi, serif; !important;}
* ,.form-control, output{font-size: 11px !important; }
.error{ color: #f78d8d !important; font-weight: bold !important; padding-top: 5px;}
.h3, h3 {font-size: 20px !important; font-weight: 700;  line-height: 1.1;!important; color: #337ab7 !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{   font-size: 25px!important; font-weight: 500;  line-height: 1.1;!important;}
.form-control[disabled], .form-control[readonly], fieldset[disabled]{ background-color: #eef1f5 !important;}

.template{background-color:#364150!important}
.template .logo{margin:60px auto 0;padding:15px;text-align:center}
.template .content{background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;
    -o-border-radius:7px;border-radius:7px;width:800px;margin:40px auto 10px;padding:10px 30px 30px;overflow:hidden;position:relative}
.template .content h3{color:#337ab7;text-align:center;font-size:28px;font-weight:400!important}
.template .content h4{color:#555}
.template .content .hint{color:#999;padding:0;margin:15px 0 7px}
.template .content .forget-form,.template .content .template-form{padding:0;margin:0}
.template .content .form-control{background-color:white !important;height:43px;color:#8290a3;border:1px solid #dde3ec}
.template .content .form-control:active,.template .content .form-control:focus{border:1px solid #c3ccda}
.template .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}
.template .content .form-control:-ms-input-placeholder{color:#8290a3}
.template .content .form-control::-webkit-input-placeholder{color:#8290a3}
.template .content select.form-control{padding-right:9px;padding-left:9px}
.template .content .forget-form,.template .content .register-form{display:none}
.template .content .form-title{font-weight:300;margin-bottom:25px}
.template .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-right:-30px;margin-left:-30px}
.template .content .form-actions>.btn{margin-top:-2px}
.template-options{margin-top:30px;margin-bottom:30px;overflow:hidden}
.template-options h4{float:right;font-weight:600;font-size:15px;color:#7d91aa!important}
.template-options .social-icons{float:left;padding-top:3px}
.template-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}
.template .content .form-actions .checkbox{margin-right:0;padding-right:0
}.template .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}
.template .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}
.template .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}
.template .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}
.template .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}
.template .content .forget-password{font-size:14px;float:left;display:inline-block;margin-top:10px}
.template .content .check{color:#8290a3}
.template .content .rememberme{margin-right:8px}
.template .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;
    background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;
    -o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}
.template .content .create-account>p{margin:0}
.template .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}
.template .content .create-account a{display:inline-block;margin-top:5px}
.template .copyright{text-align:center;margin:0 0 30px auto;padding:10px;color:#7a8ca5;font-size:13px}

@media (max-width:440px) {
    .template .content, .template .logo{margin-top:10px}
    .template .content{width:280px}
    .template .content h3{font-size:22px}
    .forget-password{display:inline-block;margin-top:20px}
    .template-options .social-icons{float:right;padding-top:3px}
    .template .checkbox{font-size:13px}}

.text-blood{ color: #c11a1a !important;}