@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}
body { font-family: IRANSans; color:#414f62; font-size: 10pt; overflow-x: hidden }
a { color: #062149; }
a:hover { text-decoration: none; color: #006dcc; }
.form-control { border-radius: 7px; border:solid 1px #e1e3e9; box-shadow: none; padding: 12px; height: 45px; }
.btn { border-radius: 0; padding: 10px 30px; }
.btn:focus { outline-color:#01d1b2; color: white  }
.panel { border-color: rgb(238,238,238); border-radius: 13px }
/*----------------------header-----------------*/
.top-header { background: #15e5c6; color:white; padding: 9px 0;  }
.top-header a, .top-header span { color:white; font-size:12pt }
header { color: black; box-shadow: 2px 5px 15px #d5d5d5; padding:12px 0 }
header a { color: black; }
header button { background: #ffff8b; color: #01d1b2; }
.header-link { background: #27d8bd; border-radius: 7px; padding: 8px 13px; }
header .input-group { border-radius: 30px; background: white; padding-left: 1px }
.navbar-nav a:hover { background: #0989ff; }
footer, footer a { color:white;  }
footer .link-icon { color: #e0f990; }
.btn-style-1 { background: #01d1b2; color: white;  border-radius: 7px; padding-top: 5px; padding-bottom: 5px }
.btn-style-1:hover { box-shadow: 3px 2px 8px #15e5c6; color: white; transition: 0.3s }
.btn-style-2 { border: solid 1px #D7D7D7; border-radius: 15px; padding: 5px 15px; margin-right: 5px; color: grey }
.btn-style-3 { border: solid 1px #01d1b2; border-radius: 5px; color: #01d1b2; padding: 5px 15px; margin-right: 5px; }
nav .fa-angle-down { font-size: 14pt; }
.dropdown-menu li { padding: 10px 0; }
header .list-group { left: 12px; top: 40px; background: white; border: none; box-shadow: 3px 2px 8px #D7D7D7; }
header .list-group li { padding: 5px }
header .list-group a { color: #0b97c4 }
.login-register { background: white; }
.login-register h4 { margin-top: 5px }
#frmAccount input { width: 27%; padding: 13px }
.login-register .row { margin-top: 20px }
.login-register .fa-user-o { font-size: 40pt; color: #f1f1f1; }
.bg_dark { background-color: rgba(0,0,0,.3); width: 100%; height: 100%; position: absolute; z-index: 3; top: 0; display: none }
/*---------------------detail-pages-------------*/
h3 { font-weight: bold }
.comment-item { background:white; box-shadow: 2px 5px 15px #d5d5d5; margin-top:10px; border-radius:8px; padding:15px 5px }
/*-----------------------Responsive-------------------*/
@media screen and (max-width: 970px) {
    header .input-group { margin-right: 30px }
    #txtHeaderSearch { width: 250px }
    #divSearch { margin-right:45px }
}
@media screen and (max-width: 767px) {
    .top-header { background: #01d1b2; }
    #divHeaderMenu a { padding: 5px }
    header a { font-size: 8pt }
    header img { width: 40px; height: 40px }
    header .input-group { margin-top: 10px }
    #frmAccount input { width: 100% }
    #frmAccount select { padding: 5px }
    .login-register { margin-top: 30px }
    #header-menu { position: absolute; z-index: 4; top: -10px; padding-left: 0; height: 100%; background: #44dcc7; width: 70%; box-shadow: 3px 2px 15px #D7D7D7; }
    nav li { border-bottom: solid 1px #e8e8e8; color: white; padding-right: 20px }
    .open-third-level:hover>.third-level { display: block; right: 0; margin-top: 0; position: relative; }
    .table-responsive { width: 112%; }
    .table-responsive table { font-size: 10pt }
    .table-responsive table img { width: 40px; height: 40px }
}