
@import url("fonts/icomoon/style.css");
@font-face {font-family:'IRANSans';font-style:normal;font-weight:normal;
    src:url('fonts/IRANSansWeb_FaNum.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('fonts/IRANSansWeb_FaNum.woff') format('woff') /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
:root {
  color-scheme: light only ; /* Forces the website to display in light mode */
}


body{margin:0;padding:0;font-family:'IRANSans';color:#383a43;font-size:14px;}

html,body{zzzoverflow-x:hidden !important;}/*ccc ??? error on position: sticky; */
/***********Default setting************/
a {text-decoration:none;color:#1E88E5}
a:hover { text-decoration:none;outline:0 ;color:#0e6dba}
/*a:link {text-decoration:none;outline:0 ;color:#1E88E5}
a:active {color:#626676}*/
i/*,span*/,label,a{display:inline-block;font-weight:normal;}
ul{list-style:none !important;list-style-type:none !important;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{ font-size:15px;margin:0;padding:0}
img{max-width:100%}
/********** Transition ************/
a,i,input[type="submit"], form button,.top-menu ul li:before,.links-layer ul li a:before,.socials-networks a span:before,.socials-networks a span:after,
.socials-networks a:before,.socials-networks a:after,.mega-menu nav > ul > li > a:before,.mega-menu nav > ul > li ul li a:before,
.responsive-menu-layer .inner ul li .icon-uniF2F9,.selected-one-option label{ outline:medium none;text-decoration:none;-webkit-transition :all 0.2s linear 0s;-moz-transition :all 0.2s linear 0s;-ms-transition :all 0.2s linear 0s;-o-transition :all 0.2s linear 0s;transition :all 0.2s linear 0s}
.clientarea .inner .create-account:before,.clientarea .inner .account-panel:before,.clientarea .inner .login-account:before{ outline:medium none;text-decoration:none;-webkit-transition :all 0.3s linear 0s;-moz-transition :all 0.3s linear 0s;-ms-transition :all 0.3s linear 0s;-o-transition :all 0.3s linear 0s;transition :all 0.3s linear 0s}
/*********** clearFix ************/
.top-menu:after,.top-menu ul:after,.links-layer ul:after,.bottom-footer .footer-menu ul:after,
.bottom-footer .namad:after,.mega-menu nav > ul:after,.selected-one-option:after,
.comment-layer .left .captcha:after , .comments-list .comment-box:after{display:block;clear:both;content:'';visibility:hidden;height:0;line-height:0}

.top-bar{background-color:#ebedf3;width:100%;position:relative;border-bottom:3px solid #d2d6e1}
.top-menu{width:100%;position:relative;}
.top-menu-w {float:right}
.top-menu > span {display:block;position:relative;width:100%;height:40px;line-height:40px;padding:0 15px;font-size:14px;color:#fff;background-color:#262a35;display:none}
.top-menu > span i{position:absolute;left:10px;top:5px;font-size:28px;color:#ebedf3}
.top-menu > span i:hover{cursor:pointer;color:#6a6d79}
.top-menu ul li{float:right;padding:10px 0;position:relative;}
.top-menu ul li a{display:block;width:100%;padding:0 15px;border-left:1px solid #b5bcd0;line-height:15px;font-size:13px;color:#424c6a;position:relative;}
.top-menu ul li:first-child a{padding-right:0}
.top-menu ul li:last-child a{border-left:0}
.top-menu ul li:before{position:absolute;height:100%;width:0;bottom:-3px;right:0;content:''}
.top-menu ul li:hover:before{width:100%;}
.res-menu{font-size:30px;color:#565865;position:relative;top:2px;line-height:25px;height:25px;display:none;z-index:100}
.res-menu:hover{color:#f1821d;cursor:pointer;}
.overlay{position:fixed;right:0;top:0;z-index:1000;background-color:rgba(56,57,68,0.2);width:100%;height:100%;display:none}
.top-menu.responsive{position:fixed;right:-230px;top:0;background-color:#383a43;z-index:10000;width:230px;height:100%}
.top-menu.responsive > span{display:block;}
.top-menu.responsive ul{padding:10px 25px;}
.top-menu.responsive ul li{float:none;width:100%;padding:0}
.top-menu.responsive ul li a{font-size:13px;line-height:31px;color:#fff;border:0;padding:0 5px 0 10px;position:relative;}
.top-menu.responsive ul li a:before{position:absolute;right:-6px;top:0;font-family:'icomoon';content:'\f2f4';color:#fff;font-size:15px}
.top-menu.responsive ul li a:hover,
.top-menu.responsive ul li a:hover:before{color:#f1821d}
.top-menu.responsive ul li:before{display:none;}
.phone-numbers-layer p{text-align:left;font-size:13px;color:#424c6a;line-height:15px;padding:8px 0 0}
.phone-numbers-layer p a{font-size:15px;letter-spacing:1px;position:relative;top:2px;padding:0 2px}
.phone-numbers-layer p a:hover{color:#797d91}
/*.main-header{padding:15px 0}*/
/*.main-header .left-side-header{padding-top:8px}*/
.clientarea {width:185px;float:left;margin-right:15px;overflow:hidden;position:relative;}
.clientarea.loggedin{width:auto;}
.clientarea .inner{background-color:#ebedf3;position:relative;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:35px;line-height:25px;font-size:14px;color:#454856;width:100%}
.clientarea .inner .create-account{padding:0 15px;height:35px;position:relative;line-height:35px}
.clientarea .inner .create-account i{font-size:24px;position:relative;top:6px;margin-left:5px;color:#7d8192;z-index:2}
.clientarea .inner .create-account span{position:relative;top:0;z-index:2}
.clientarea .inner .create-account:before{background-color:#d8dce8;right:0;top:0;width:0;height:100%;content:'';z-index:1;position:absolute;}
.clientarea .inner .create-account:hover:before{width:100%}
.clientarea .inner .login-account{position:absolute;top:0;left:0;z-index:2;height:35px;line-height:25px;width:85px;background-color:#f1821d;color:#fff;padding:0 15px 0 10px}
.clientarea .inner .login-account:before{background-color:#e57916;right:0;top:0;width:0;height:100%;content:'';z-index:1;position:absolute;}
.clientarea .inner .login-account:hover:before{width:100%}
.clientarea .inner .login-account i{font-size:22px;position:relative;top:5px;z-index:2;margin-left:5px}
.clientarea .inner .login-account span{position:relative;top:1px;z-index:2}
.main-footer {background-color:#383a43;border-top:3px solid #f1991d;}
.main-footer .top-footer{padding:20px 0;position:relative;color:#ddddde}
.main-footer .bottom-footer{background-color:#2c2e35;padding:15px 0}
/*Footer*/
.links-layer{color:#fff;width:100%;position:relative;border-left:1px solid #4f515b;}
.links-layer ul li {width:50%;float:right;}
.links-layer ul li a{position:relative;padding-right:12px;color:#fff;font-size:13px;line-height:27px;display:block;width:100%}
.links-layer ul li a:before{position:absolute;right:0;top:0;content:'\f2f4';color:#4c4e58;font-size:19px;font-family:'icomoon'}
.links-layer ul li a:hover,
.links-layer ul li a:hover:before{color:#f1991d}
.socials-layer{color:#fff;padding-right:25px}
.socials-networks > span
{font-size:16px;line-height:25px;color:#fff;display:block;width:100%;margin-bottom:25px;}
.socials-networks a{position:relative;width:42px;height:42px;color:#fff;line-height:42px;text-align:center;float:left;margin-right:16px}
.socials-networks a:last-child{margin-right:0}
.socials-networks a:before{width:12px;height:12px;position:absolute;right:0;top:0;content:'';border-top:1px solid #fff;border-right:1px solid #fff;}
.socials-networks a:after{width:12px;height:12px;position:absolute;left:0;top:0;content:'';border-top:1px solid #fff;border-left:1px solid #fff;}
.socials-networks a span{position:relative;width:42px;height:42px;}
.socials-networks a span:before{width:12px;height:12px;position:absolute;right:0;bottom:0;content:'';border-bottom:1px solid #fff;border-right:1px solid #fff;}
.socials-networks a span:after{width:12px;height:12px;position:absolute;left:0;bottom:0;content:'';border-bottom:1px solid #fff;border-left:1px solid #fff;}
.socials-networks a:hover span:before,.socials-networks a:hover span:after,
.socials-networks a:hover:before,.socials-networks a:hover:after{width:100%;height:100%;transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.socials-networks a i{font-size:24px;position:relative;top:5px}
.socials-networks a i.themeshop-telegram{top:0;font-size:22px}
.bottom-footer .footer-menu {padding:5px 0}
.bottom-footer .footer-menu ul{margin-bottom:10px}
.bottom-footer .footer-menu ul li{float:right;padding:5px 0;}
.bottom-footer .footer-menu ul li a{color:#9195a8;font-size:13px;line-height:15px;border-left:1px solid #9195a8;padding:0 10px}
.bottom-footer .footer-menu ul li:first-child a{padding-right:0}
.bottom-footer .footer-menu ul li:last-child a{border-left:0}
.bottom-footer .footer-menu p{color:#9195a8;font-size:13px;line-height:20px;}
.bottom-footer .footer-menu p a{color:#9195a8;}
.bottom-footer .footer-menu p a:hover,
.bottom-footer .footer-menu ul li a:hover{color:#f1991d}
.bottom-footer .namad .box{float:left;width:75px;height:100px;padding:12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#383a43;margin-right:10px;margin-top:5px;overflow:hidden;}
.bottom-footer .namad .box img{width:100%}
/*mega menu*/
.mega-menu{width:100%;position:relative;background-color:#383a43;margin-bottom:35px}
.responsive-menu{position:relative;font-size:30px;top:4px;color:#fff;line-height:45px;display:none;width:40px}
.responsive-menu:hover{color:#f1821d;cursor:pointer;}
.mega-menu:before{width:100%;height:7px;background:url('../images/bar.jpg') repeat-x 0 0;position:absolute;right:0;bottom:-7px;content:''}
.mega-menu nav{width:100%;position:relative;}
.mega-menu nav > ul > li:last-child{padding-left:0}
.mega-menu nav > ul > li > a{display:block;width:100%;color:#fff;font-size:17px;padding-left:0;position:relative;}
.mega-menu nav > ul > li:hover > a{color:#f1991d}
.mega-menu nav > ul li ul{display:none}
.mega-menu nav > ul > li > a span{position:absolute;left:-17px;top:3px;color:#fff;font-size:18px;}
.mega-menu nav > ul > li > ul{position:absolute;right:0;top:54px;background-color:#42444c;padding:15px 0;}
.mega-menu nav > ul > li > ul:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 7px 7px 7px;border-color:transparent transparent #42444c transparent;right:20px;top:-7px;content:'';z-index:2;}
.mega-menu nav > ul > li ul{width:200px;z-index:1002}
.mega-menu nav > ul > li ul li a{width:100%;display:block;padding:0 20px 0 0;line-height:30px;position:relative;color:#fff}
.mega-menu nav > ul > li ul li a:before{content:'\f18c';font-family:'icomoon';color:#565860;position:absolute;right:0;top:0;font-size:17px;}
.mega-menu nav > ul > li ul li a:hover,
.mega-menu nav > ul > li ul li a:hover:before{color:#f19f1d}
.mega-menu nav > ul > li > ul li ul{right:200px;top:-5px;position:absolute;background-color:#42444c;padding:10px 0;}
.mega-menu nav ul li{position:relative;padding:2px 20px}
.mega-menu nav > ul > li{float:right;padding:15px 0 15px 50px;position:relative;}
.mega-menu nav > ul > li ul li .icon-uniF2F9{position:absolute;left:10px;top:8px;font-size:17px}
.mega-menu nav ul li:hover > ul{display:block;}
.responsive-menu-layer{position:fixed;right:-250px;top:0;background-color:#383a43;z-index:10000;width:250px;height:100%}
.responsive-menu-layer > span{position:relative;width:100%;height:40px;line-height:40px;padding:0 15px;font-size:14px;color:#fff;background-color:#262a35;display:inline-block;}
.responsive-menu-layer > span i{position:absolute;left:10px;top:5px;font-size:28px;color:#ebedf3;}
.responsive-menu-layer > span i:hover{cursor:pointer;color:#6a6d79}
.responsive-menu-layer .inner{padding:15px 25px}
.responsive-menu-layer .inner > ul{padding:0 ;}
.responsive-menu-layer .inner ul li{float:none;width:100%;padding:0;position:relative;}
.responsive-menu-layer .inner ul li .accordion-sign{position:absolute;left:0;top:5px;border:1px solid #636570;width:18px;height:18px;text-align:center;line-height:15px;font-size:18px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#fff;z-index:100}
.responsive-menu-layer .inner ul li .accordion-sign:active,
.responsive-menu-layer .inner ul li .accordion-sign:hover{color:#f1821d;cursor:pointer;border-color:#f1821d}
.responsive-menu-layer .inner ul li a{font-size:13px;line-height:35px;color:#fff;border:0;padding:0 5px 0 10px;position:relative;}
.responsive-menu-layer .inner ul li a:before{position:absolute;right:-6px;top:0;font-family:'icomoon';content:'\f2f4';color:#fff;font-size:15px}
.responsive-menu-layer .inner ul li a:hover,
.responsive-menu-layer .inner ul li a:hover:before{color:#f1821d}
.responsive-menu-layer .inner > ul > li ul{padding:5px 20px 8px 0;display:none ; background-color: #41434b;border-radius: 5px;}
.section-layer{border:1px solid #cccfdd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:relative;}
.breadcrumb{background-color:#fff;border:1px solid #d2d6e1;}
.breadcrumb a{color:#5c5f6c;font-size:13px;}
.breadcrumb a:hover{color:#f1821d}

.aside-layer .aside-section {margin-bottom:20px;position:relative;}
.aside-layer .aside-section .heading{width:100%;position:relative;font-size:15px;line-height:42px;padding:0 15px}
.aside-layer .aside-section .heading .accordion{position:absolute;width:25px;height:25px;left:10px;top:7px;font-size:18px;color:#9da5ba;text-align:center;line-height:35px;}
.aside-layer .aside-section .heading .accordion:hover{color:#383a43;cursor:pointer;}
.aside-layer .aside-section .inner{padding:15px;position:relative;border-top:1px solid #cccfdd;}
.page-style{position:relative;}
.page-style > header {width:100%;border-bottom:1px solid #e6e7ee;position:relative;}
.page-style > header h2{position:relative;font-size:18px;line-height:22px;padding:20px;}
.page-style > header h2 a {color:#f1821d}
.page-style > article{padding:20px 25px;}
.page-style > article p , .comment-txt p{line-height:26px;zztext-align:justify;padding:10px 0;margin:0}
.page-style > article h2{font-size:18px;color:#f1821d;padding:20px 0 0;display:block;line-height:26px}
.page-style > article h3 , .m-h3{font-size:16px;color:#89c444;padding:20px 0 0;display:block;line-height:26px}
/*.page-style > article ul{padding:15px 0}*/
/* ====== mmm ======= */
article.inner-section{border-bottom:1px solid #e6e7ee;}
.loader-1{background:url('images/loader-1.gif') no-repeat center center;width:24px;height:24px;vertical-align:bottom;margin-left:15px;display:inline-block;}
/*a.btn , a.btn:hover , a.btn:active , a.btn:visited {color:#ffffff}*/

.eng-num , .eng-text , .eng-txt{/*font-family:Arial, Helvetica, sans-serif ;*/font-family:sans-serif ;}
#cap_reload , .cap_reload {font-size:30px;color:#1e76c0;cursor:pointer;vertical-align:bottom;margin-bottom: 10px;}
#captcha_code_input , .captcha_code_input{direction:ltr;margin-bottom:10px;}
#captcha , .captcha_copy{width:118px;height:37px;border-radius:4px;vertical-align:bottom;margin-bottom:10px;}
.header-datez{color:#fff;opacity:0.7;margin-top:10px;float:left;font-size:13px;}
/* -- spinner -- */
.spinner {display:inline-block;-webkit-animation:rotation 0.5s linear ;-o-animation:rotation 0.5s linear ;animation:rotation 0.5s linear ;}
.spinner-reverse {display:inline-block;-webkit-animation:rotation_reverse 0.5s linear ;-o-animation:rotation_reverse 0.5s linear ;animation:rotation_reverse 0.5s linear ;}
@-webkit-keyframes rotation {0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(180deg);}}
@-moz-keyframes rotation {0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(180deg);}}
@-ms-keyframes rotation {0% {-ms-transform:rotate(0deg);}
100% {-ms-transform:rotate(180deg);}}
@-o-keyframes rotation {0% {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(180deg);}}
@keyframes rotation {0% {transform:rotate(0deg);}
100% {transform:rotate(180deg);}}
/* ^^ spinner ^^ */


.checkbox label , .radio label{padding-right:30px;}
select option{font-family:tahoma;}
.form-comment{padding-top:25px !important;padding-bottom:20px !important;}
/* The container <div> - needed to position the dropdown content */
.dropdown {position:relative;display:block;float:left;direction:ltr;cursor:pointer;z-index:2;}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1000;direction:rtl;border-radius:5px;}
/* Links inside the dropdown */
.dropdown-content a {color:black;padding:12px 16px;text-decoration:none;display:block;border-radius:5px;}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color:#ddd;}
img.avatar , .av-can { display:inline-block;vertical-align:bottom;}
img.avatar.size-5 { width:28px;height:28px;border-radius:50%;}
img.avatar.size-4 { width:40px;height:40px;border-radius:50%;}
img.avatar.size-3 { width:50px;height:50px;border-radius:50%;}
img.avatar.size-2 { width:60px;height:60px;border-radius:50%;}
img.avatar.size-1 { width:85px;height:85px;border-radius:50%;}
.av-can {border-radius:50%;border:1px #D1D1D1 solid;background-color:white;padding:1px;}
.av-can-1 {max-height:85px;padding:5px;}
.av-can-2 {max-height:70px;padding:5px;}
.av-can-3 {max-height:50px;padding:3px;}
.av-can-4 {max-height:40px;padding:2px;}
.av-can-5 {max-height:28px;padding:1px;}
.av-username{display:inline-block;vertical-align:bottom;font-size:16px;color:#fff;zzfont-family:Arial, Helvetica, sans-serif ;}
.av-username.av-left{margin-left:5px;}
.av-username.av-right{margin-right:5px;}
.accordion-un{border:1px solid #b0afaf;width:18px;height:18px;text-align:center;line-height:15px;font-size:18px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;vertical-align:top;margin-left:10px;color:#b0afaf;display:inline-block}
.phone-numbers-layer{text-align:left;}
.right-side-header{float:right}
.top-bar-date-time , .chnm-n3 , .top-bar-date-time , .chkne{display:inline-block;}
.chnm-n3 , .chkne{margin-left:40px;font-size:16px;position:relative;}
.chnm-n3 i , .chkne i{position:relative;top:8px;}

.chnm-n ,  .chkne-n{text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding:1px 5px !important ;
    border-radius:
    8px;
min-width: 20px;min-height: 20px;}



.bg-warning-400{background-color:#FF7043;border-color:#FF7043;color:#fff;}
.chnm-n , .chkne-n{position:absolute;top:0;right:13px;}
#top-message {position:fixed;top:0;width:70%;margin:0 auto;left:0;right:0;/*right:10%;*/z-index:1060 /* for modal conflict*/ ; }

#top-message .alert {margin:0 5px 5px 5px;box-shadow:0px 3px 10px rgba(0, 0, 0, 0.3);}
#top-message .close {margin-right:10px;}
.bg-empty{background-color:#e4e6ec;color:#333333;border:1px #d2d2d2 solid;padding:3px 5px}
.alert-progress {width:100%;margin-top:17px;margin-right:-13px;}
.alert-bar , #alert-bar {width:1%;height:2px;background-color:#4CAF50;}
.alert-auto-close{padding-bottom:0 !important;}



.alert-success {border-color:#7cd8ae;}

.alert-danger a , .alert-danger a:hover , .alert-danger a:visited {color:#D32727 !important;}
.alert-warning{color:#bb7200;}
.alert-warning a , .alert-warning a:hover , .alert-warning a:visited {color:#dd8802 !important;}
.alert .btn-close {opacity:0.3;}

.alert-info a {color:#00545c;}
.alert-primary .alert-bar {background-color:#91beff;}
.alert-success .alert-bar {background-color:#7ec7a6;}
.alert-danger .alert-bar {background-color:#f1aeb5;}
.alert-warning .alert-bar {background-color:#F9C676;}
.alert-info .alert-bar {background-color:#7BC9D3;}
.alert ul{list-style:none outside;}
.alert.alert-danger ul li::before{content:'\ed63';font-family:'icomoon';margin-left:8px;font-size:16px;vertical-align:middle;}
.alert.alert-success ul li::before{content:'\ed6e';font-family:'icomoon';margin-left:8px;font-size:16px;vertical-align:middle;color:#03a003;}
.alert.alert-warning ul li::before{content:'\e9cf';font-family:'icomoon';margin-left:8px;font-size:16px;vertical-align:middle;}
.alert.alert-info ul li::before{content:'\e9ba';font-family:'icomoon';margin-left:8px;font-size:16px;vertical-align:middle;}
/*--- header ---*/

.heading-page{width:100%;position:relative;background:url('../images/header/0001.jpg') no-repeat center top;background-size:cover;border-bottom:3px solid #f1991d;padding:10% 0 0 0}
.heading-page #overlay-canvas{position:absolute;right:0;top:0;z-index:1;opacity:0.2;}
.heading-page .container{position:relative;position: absolute; top: 0;  left: 0;  bottom: 0;  right: 0;padding-top:0}
.heading-page .container h1{font-size:22px;line-height:25px;width:70%;float:right;padding-top:5px}
.heading-page .container h1 a{color:#fff;}
.heading-page .container h1 a span{color:#fff;padding:2px 12px 0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-right:5px;line-height:25px;background-color:#f1821d;font-size:16px}
#aspect_ratio_w{position: relative;height: 100%;}
#aspect_ratio{ margin: 0;  position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.m-logo{display:inline-block;height: 100%;text-align:left;vertical-align: middle;}
#header-comment{zzmargin-top:10px}
#header-txt , #header-comment{color:#fff;overflow: hidden;/*height: 1.25em;line-height: 1.25em;*/line-height: 24px;height: 24px;}/*hhh*/
#header-txt-com{display:inline-block;zzpadding-right:15px;vertical-align: middle;}
a.logo{display:inline-block;height:100%;width: 100%;}
a.logo img{display:inline-block;max-height:90%;}
.user-layer{float:left;display:inline-block;position: absolute;left: 15px;bottom: 30%;margin-top:10px}
.user-layer form{width:100%;line-height:40px;height:40px;position:relative;}
.user-layer form input{width:100%;line-height:40px;height:40px;background-color:rgba(255,255,255,0.1);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 15px;font-size:14px;border:0;color:#fff;position:relative;z-index:1}
.user-layer form button{width:48px;line-height:48px;height:40px;background-color:transparent;font-size:22px;border:0;position:absolute;left:0;top:0;color:#fff;text-align:center;z-index:2}
.user-layer form button:hover{color:#f1821d}
/*^^^ header ^^^*/
.ops-div .btn{display:block;width:100%;margin-bottom:5px}
.top-filter , .top-group-operations{padding:0 25px;}
.table-filters{margin-bottom:20px}


.form-group.required .col-form-label:after {content:"*";margin-right:4px;color:red;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .col-form-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {color:#c81b17 !important;}
.has-error .form-control {border-color:#c81b17 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#c81b17}
.form-errors{display:none;margin-bottom:10px}
.form-errors a , .form-errors a:hover , .form-errors a:visited , .form-errors a:active , .input-message a , .input-message a:hover , .input-message a:visited , .input-message a:active {color:#c81b17;font-weight:bold;}
.form-errors a:hover , .input-message a:hover {text-decoration:underline;}
.alert {padding:15px 20px;padding-left:40px;}
.alert ul {padding:0 !important}
.btn-info{text-shadow:0px 0px 2px rgba(26, 38, 53, 0.8);}
.btn-info.disabled {text-shadow:0px 0px 2px rgba(26, 38, 53, 1);}
.login-register-btn {min-width:160px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:0 15px;line-height:37px;border:0;background-color:#77b300;color:#fff;font-size:14px;float:left;margin-top:10px;border-bottom:3px solid #649926}
.login-register-btn:hover{background-color:#6ea600;border-bottom:3px solid #598822}
.login-register-btn{text-shadow:0px 0px 3px rgb(19, 37, 16);}
.btn#resend-vc{width:160px;}
#verification_code{width:100%}
.btn.btn-primary.processing , input.processing[type="submit"] {transition:none;background:bottom right repeat-x url("images/processing-11.gif") #007bff !important;}
.btn.btn-outline-primary.processing  {transition:none;background:bottom right repeat-x url("images/processing-11.gif") !important;}
.btn.btn-info.processing {transition:none;background:center bottom repeat-x url("images/processing-1.gif") #5bc0de !important;}
.btn.btn-success.processing {transition:none;background:center bottom repeat-x url("images/processing-2.gif") #28a745 !important;}
.btn.btn-danger.processing {transition:none;background:center bottom repeat-x url("images/processing-4.gif") #dc3545 !important;}
.btn.btn-default.processing {background:center bottom repeat-x url("images/processing-3.gif") !important;}
.btn.btn-warning.processing {transition:none;background:center bottom repeat-x url("images/processing-5.gif") #ec971f !important;}
.btn.btn-outline-warning.processing {transition:none;background:center bottom repeat-x url("images/processing-6.gif") #fff !important;}
.op_btn.processing{transition:none;background:center bottom repeat-x url("images/processing-3.gif") #FFF !important;}
.btn.color-bw.processing {transition:none;background:center bottom repeat-x url("images/processing-4.gif");}

a.create-account , a.create-account:hover , a.create-account:active , a.create-account:visited , .chnm-n3 a , .chkne a{color:#424c6a ;transition:none;}
.m-logout-li{float:left !important}
.m-logout-li a {font-size:14px !important;border:1px #845716 solid;padding:3px 8px !important;border-radius:4px;}
.m-logout-li i , .dropdown-content i {vertical-align:middle;margin-left:5px;transition:none;}
.responsive-menu-layer .inner ul li.m-logout-li a::before {content:'';}
.amount-cost{letter-spacing:1px;display:inline-block;direction:ltr;}
.m-pcal{
    display: inline-block;
    max-width: 141px;
    background:
    url('images/pcal.png') no-repeat center left;
    background-size: auto;
    background-size: auto;
    direction: ltr;
    text-align: right;
}
a.pcalBtn {width:32px !important;height:37px !important;}


.automatically_filled .autofill-i{display:inline-block;}
.autofill-i{margin-left:8px;font-size:16px;display:none;}
.automatically_filled label{color:#1b568a;}
.automatically_filled input , .automatically_filled select , .automatically_filled textarea {background-color:#edf6ff;border-color:#a6b6c6;color:#35507a;}

.mt-row{display:table-row;}
.mt-col , .mt-col-h{display:table-cell;border:1px solid #d2d6e1;border-bottom:none;border-right:none;}
.mt-col-h {width:225px;text-align:left;background-color:#edf1f9;border-right:1px solid #d2d6e1;padding:7px 15px;color:#586271;font-size: 14px;}
.mt-col {width:425px;padding:7px 15px;text-align:right;zzline-height:2;}
.last-row .mt-col-h ,.last-row .mt-col{border-bottom:1px solid #d2d6e1;}
.mt-table{margin:0 auto 50px;border-top:3px #2b78cb solid;width:650px;border-radius:4px;background-color:#ffffff;}

.c-mt-table{border-top:3px #3ab6c6 solid;margin-top:20px;}
.colon{display:none;}
.mt-row-head{color:#e8ecff;background-color:#2b78cb;font-size:12px;padding:2px 15px;text-align:left;}
.c-mt-table .mt-row-head{background-color:#3ab6c6;text-align:right;}
.last-row .mt-col-h{border-bottom-right-radius:4px;}
.last-row .mt-col{border-bottom-left-radius:4px;}
.detail-btn{float:left;}
.chp_name_of_institution .loader-2{background:url('images/loader-1.gif') no-repeat center center;display:inline-block;vertical-align:middle;margin-right:5px;width:18px;height:18px;background-size:16px;visibility:hidden;}
.contact_info span.icon{margin-left:10px;font-size:18px;color:#429dff;}

.mt-table.mt-table-wide{width:100%;margin-bottom:20px}
.mt-table.mt-table-wide .mt-col-h{width:335px;}
.mt-table.mt-table-wide .last-row .mt-col-h ,.mt-table.mt-table-wide .last-row .mt-col  {border-radius:0}
.mt-table.mt-table-wide .last-row .mt-col-h:first-child {border-bottom-right-radius:4px;}
.mt-table.mt-table-wide .last-row .mt-col:last-child {border-bottom-left-radius:4px;}


.h-w{background:url('../images/bar.jpg') repeat-x 0 0;margin:50px 0 30px;}
.h-w h2{position:relative;top:-10px;background-color:#fff;display:inline-block !important;margin-right:30px;padding:0 10px !important;}
.three-btn-w{display:inline-block;margin:0 10px;}
.article-content{margin-bottom:20px}
/*------- bootbox---------*/
.bootbox .modal-header{padding-bottomzzz: 0;}
.bootbox.modal{z-index:1070}
body { padding-right:0 !important }
.modal-footer {text-align:center;direction:ltr;}
.modal-footer .btn + .btn , .modal-footer .btn {margin-left:20px;min-width:60px;margin-bottom:5px;}
/*^^^^^ bootbox ^^^^^^*/
.help-icon {font-size:17px;color:#84bef4;cursor:help;vertical-align:baseline;}
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius:20px;}
.toggle.ios .toggle-handle { border-radius:20px;}
.toggle.ios .toggle-handle{width:40px;}
.toggle.ios .toggle-off.btn-xs{padding-left:35px;}
.toggle.ios .toggle-on.btn-xs {padding-right:20px;}

.pagination {width:100%;margin-bottom:0;padding-bottom:0 !important;}
.pagination-s {float:right;}
.pagination-s div {width:7px;height:30px;}


.top-filter{border-bottom:1px solid #e6e7ee;zzpadding-right:20px;}
.top-filter .inner , .top-group-operations .inner{padding:15px 0;}
.top-group-operations{border-bottom:1px solid #e6e7ee;}
.top-filter labelzzz , .top-group-operations label{font-size:13px;}
.upst-1:before{ font-family:'icomoon';content:'\e106';}
.upst-2:before{ font-family:'icomoon';content:'\e105';}

.text-red{color:#d31717;}
/*==== upload file ====*/
.progress-bar.error-progress{background-color:#f14a4a;}
.loading1 {display:none;border:none;padding:0;margin:0}
#percent { position:absolute;display:inline-block;top:1px;left:48%;}
#cancel_upload{display:none;}
.corrent-cp{color:#3DB35D}
#uploded_list_m_w{height:20px;margin:5px 20px 10px 0;}
#uploded_list_m{font-size:12px;display:none;max-width:135px;padding:2px 10px;border-radius:2px;}
.progress{display:none;margin-bottom:0;}
/*--- browse button style ---*/
#myfile{opacity:0.0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);width:1px;height:1px;-moz-opacity:0.0;}
#upbtn {width:108px;text-align:center;border-radius:2px;padding:6px 14px 7px;display:inline-block;background-color:#0081C2;background-image:linear-gradient(to bottom, #08C, #0077B3);background-repeat:repeat-x;cursor:pointer;margin-bottom:0;}
#upbtn span {color:#FFF;font-size:13px;}
#upbtn i {color:#FFF;}
#upbtn:hover,#upbtn:active {background-color:#1D8AC2;background-image:linear-gradient(to bottom, #13ACF9, #1D8AC2);}
#upload_table {border-spacing:0;padding:10px 0;}
#btntd {display:table-cell;padding-left:5px;}
.upload-div{ border:1px #dde1e3 solid;padding:4px;border-radius:4px;max-width:400px;margin-bottom: 20px;}
.selected_file_name{display:table-cell;width:100%;background-color:#f7f7f7;padding:4px 10px;border:1px #ececec solid;border-radius:3px;height:34px;vertical-align:bottom;direction:ltr;text-align:right;}
#progress_td {width:210px;vertical-align:middle;display:inline-block;}
#uploded_list_div {border-top:1px solid rgb(230, 230, 230);padding-top:5px;overflow:auto;padding-bottom:15px;width:100%;}
#upload_messages_div {margin:0;padding:0 10px;}
#upload_messages_frame {margin:10px 0 0 0;padding:0;min-height:24px;border:1px #F8F8F8 solid}
#uploded_list , .prev_uploded_list {direction:rtl;text-align:right;list-style-type:none;font-size:12px;}
#uploded_list li , .prev_uploded_list li {margin:4px;padding:4px 5px 4px 10px;float:right;border:1px #CFCCCC solid;border-radius:2px;background-color:#f5f3f3;}
.uploded_name {margin-right:7px;border-right:1px #D2D0D0 solid;padding-right:10px;max-width:185px;overflow:hidden;height:24px;padding-top:2px}
.uploded_name.wi {margin-right:0;border-right:0;padding-right:5px;}
.del_file , .copy-link {cursor:pointer;float:right;font-size:16px;color:#9E9E9E;}
.copy-link {border-right:1px #D2D0D0 solid;font-size:14px;padding:0 7px;margin-right:5px;height:24px;}
.comment-title{color:#0083c6;margin-left:10px;font-weight:bold;}
.has-error p{color:#c81b17}
.has-error .choice span {border-color:#de5753;}
.text-primary {color:#007bff !important;}
.text-success {color:#28a745 !important;}
.text-danger { color:#dc3545 !important;}
.text-warning { color:#dd8803 !important;}
.text-info { color:#17a2b8 !important;}
.btn i {margin-left:10px;}
.btn i.position-left {margin: 0 10px 0 0;vertical-align: middle;}
.btn i.position-right {vertical-align: middle;}
.mega-menu::before{border-bottom:1px #e3e3e3 solid;}
.mega-menu {margin-bottom:0;}
.container-mw{padding-top:27px;background:url(../images/body-bg/000.png) #f0f0f0 repeat-x top right;padding-bottom:30px;}
.section-layer , .login-page #form1{background-color:#ffffff;}
body{background-color:#f0f0f0;}
/*--- messages ---*/
.fade-m-div{height:40px;overflow:hidden;position:relative;white-space:nowrap;line-height:2.8;}
.fade-div{height:40px;width:100px;position:absolute;left:0;background:url(images/fade_bg.png) transparent no-repeat top center ;background-size:cover;}
.single-row-tbl .row {border-bottom:1px #dddddd solid}
.single-row-tbl{margin-top:20px;}
.single-row-tbl .row:first-child{border-top:1px #dddddd solid;margin-top:20px;}
.m_is_new_0::before {content:"\e903";color:#bcbcbc;font-family:'icomoon';}
.m_is_new_1::before {content:"\e904";color:#fdc400;font-family:'icomoon';}
.m_is_new_0 , .m_is_new_1{float:right;line-height:3.2;margin-left:20px;font-size:12px;}
/*.single-row-tbl .row:hover {background-color:#E9ECEF;color:#383a43;}*/
.single-row-tbl a {color:#383a43;}
.single-row-tbl a:hover {color:#1E88E5;}
.m_is_new_1 ~ div.fade-m-div a {font-weight:bold;}
.sr-td-t , .sr-td-i{line-height:2.8;font-size:12px;color:#737272;}
.sr-td-i{font-size:14px;color:#737272;text-align:left;}
.mb-10{margin-bottom:10px;}
.mt-10{margin-top:10px;}
.single-row-tbl .row.type-4 {background-color:#ffebeb;}
.single-row-tbl .row.type-4 .fade-div{background:url(images/fade_bg_r.png) transparent no-repeat top center ;background-size:cover;}
.single-row-tbl .row.type-4 .m_title{color:#c91717;}
.single-row-tbl .row.type-4 .m_title:before{content:"\ed63";font-family:'icomoon';margin:0 3px 0 10px ;font-size:18px;vertical-align:middle;}
.single-row-tbl .row.no-b-border {border-bottom:none}
/*^^^ messages ^^^*/
.btn-w-1{padding-right:30px;padding-left:30px}
#message-txt ,.message-txt{zzwidth:80%;margin-top:15px;height:100px;}
/*--- message ---*/
.message {margin:15px 0 15px 0;padding:15px 20px;text-align:right;background:#fff;border:1px solid #cccfdd;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.05);box-shadow:0 2px 3px 0 rgba(0,0,0,.05);border-radius:3px;-webkit-border-radius:3px;transition:all .3s;}
.message-left .u-avatar {text-align:center;min-width:50px;}
.message-body {width:100%}
.message-body, .message-left {display:table-cell;vertical-align:top;}
.message-left .u-avatar img , .message-left .u-avatar canvas {width:50px;height:50px;margin:0;margin-left:15px}
.message-left img ,.message-left canvas {max-width:65px;border-radius:50%;}
.message-content {padding:0 0 35px 0;position:relative;}
.message-heading, .message-heading:link {margin-top:0;margin-bottom:5px;font-weight:bold !important;color:#65676f;transition:none;}
.message-content .msg-text {margin-bottom:0;margin-top:30px;}
.message-body .date , .more-comment{color:#909090;font-size:12px;display:block;margin-top:2px;}
.more-comment{color:#868686;font-size:13px;}
.more-comment .m-icon{font-size: 16px;vertical-align: sub;margin-left: 10px;display: inline-block;min-width: 20px;text-align: center;}
.message.mtype-4 {border:1px #ea5c5c solid;border-top-width:4px;}
.message.mtype-4 .msg-text{color:#c91717;}
.i_id{float:left;color:#d0d0d0}
@media screen and (max-width :767px){.message-body, .message-left {display:block;text-align:right;margin-bottom: 10px;}
    .message-left .u-avatar{text-align:right;}
.message-heading {margin-top:10px;}}
.current_message{border:1px #f29609 solid}



.message.owner .message-heading , .message.owner .message-heading:link {color: #4d7995;}
.message.owner{background-color: #def1fd;}
.message.owner .msg-text{color:#114e74}
.message.owner .date{color:#88a7bb}
.message.owner .av-can{border-color: #bdd1df;}





.my-message {background-color:#effdde;border-color:#c0db9e;}
.m_link_div{margin-top:15px;}
/*--- message ---*/
.ltr{direction:ltr;}
.breadcrumb , .login-page form , .section-layer{box-shadow:0 0 10px rgba(0,0,0,.1);}
.get_contact_info{float:left;}
.get_contact_info a{font-size:13px;}
.chp_name_of_institution .contact_info_w {display:none;}
.chp_name_of_institution .contact_info {opacity:0;text-align:right;}
.btn.reveal{padding-top:9px !important;padding-bottom:3px !important;border-radius: 5px 0 0 5px;}
.btn-mr-8{margin:0 8px 8px 0;}
.btn-ml-10{margin:0 0 8px 8px;}
.button.close{margin-right: 20px;}
.tooltipzz{width: 220px;}
.font-size-13 , .font-13{font-size:13px !important;}
.font-size-14 , .font-14{font-size:14px !important;}
.font-size-15 , .font-15{font-size:15px !important;}
.delele_message{float: left;font-size: 20px;margin-right: 25px;color: #909090;cursor: pointer;}
.select-for-del{border:1px red solid;transition:none;background: #fff3f3;}

/*--- questions-list ---*/

.q_is_new_1::before {content:"\e904";color:#fdc400;font-family:'icomoon';}
.has_new_payment_1::before {content:"\e904";color:#1cbb1c;font-family:'icomoon';}
.has_new_conv_1::before {content:"\e904";color:#4091f9;font-family:'icomoon';}
.single-row-tbl.questions-list a.has_new_event {font-weight:bold;color:#383a43}
.q_is_new_0 , .q_is_new_1 , .has_new_payment_1 , .has_new_payment_0 ,  .has_new_payment_ , .has_new_conv_1 , .has_new_conv_0 ,  .has_new_conv_ {display:inline-block;line-height:3.2;margin-left:10px;font-size:12px;}
.q_is_new_0 , .has_new_payment_0 , .has_new_payment_ , .has_new_conv_0 , .has_new_conv_ {margin-left:0;}

.st_i_c{min-width: 40px;float: right;}

.single-row-tbl.questions-list a{color:#575860}
.q_st_2{color:#17a2b8}
.single-row-tbl.questions-list .sr-td-t , .single-row-tbl.questions-list .sr-td-i{line-height:1.8}
.single-row-tbl.questions-list .row{padding-bottom: 15px;padding-top: 10px;}
.single-row-tbl.questions-list .fade-div{background:url(images/fade_bg_gray.png) transparent no-repeat top center ;}
.single-row-tbl.questions-list .row.no-b-border {background-color: #f7f7f7;}


/*^^^ questions-list ^^^*/
/*--- question ---*/
.q_title {padding: 30px 25px; border-bottom: 1px solid #e5e7ee;padding-top: 10px;}
.q_op_btn_w {float:left;margin-right: 20px;margin-bottom: 15px;}
.q_op_cf_btn_w{margin-right: 20px;margin-bottom: 15px;}
.q_op_btn_w .btn , .q_op_cf_btn_w .btn{min-width:270px}
@media screen and (max-width :500px){
    .has_3_tabs .nav-link {border:1px rgb(222, 226, 230) solid}
    .has_3_tabs .nav-link.active {border-color:#1371fd}
}
#new_convs_count{
    display: inline-block;
    margin-right: 3px;
    background-color:  #2e86c1   ;
    padding: 0 6px;
    vertical-align: middle;
    border-radius: 10px;
    margin-bottom: 5px;
    color: #fff;
    display:none;
    min-width: 20px;
    text-align: center;
}
/*^^^ question ^^^*/
/*--- public-question ---*/
.pq_consultation_fee_div , .pq_answers_div{border: 1px #ddd solid;
    border-radius: 5px;
    padding: 15px 20px;
margin-bottom: 10px;}
.pq_view_anwser_wzzz{position: relative;display: inline-block;}
.ncc_w {display:inline-block;zzzposition: absolute;}
.new_convs_count{
    display: inline-block;
    margin-right: 8px;
    background-color:  #2e86c1   ;
    padding: 0 6px;
    vertical-align: middle;
    border-radius: 10px;
    margin-bottom: 5px;
    color: #fff;
    min-width: 20px;
    text-align: center;
}

/*^^^ public-question ^^^*/

/*--- user ---*/
.user-info .conv-heading{height:70px}
.user-info .conv_user_title , .user-info .conv_user_name {font-size:16px}
.user-resume , .consulting_rules{padding: 20px 30px;border: 1px #ddd solid;
    border-radius: 5px;
    padding: 15px 20px;
margin-bottom: 10px;margin-topzzz:20px}
.con_rules .m-h3 {position: absolute;
    top: -15px;
    right: 20px;
    background-color: #fff;
padding: 0 15px;}
.con_rules .user-resume {padding-top: 25px;}
@media screen and (max-width :500px){
    .user-resume , .consulting_rules{padding: 20px 15px;}
}
/*^^^ user ^^^*/
/*--- list ---*/

.ml_id{float:right;margin-bottom: 15px;zzmargin-right: 90px;}
.ml_id a{color:#8a8a8a;font-size:13px}
.ml_title{margin-bottom: 25px;zzzfloat:right}
.ml_title a , .ml_title a:visited {color:#055DAA}
.ml_user_name{color:#8a8a8a;float:right;margin-left: 40px;}
.ml_date {float:left}
.ml_is_new{color:#007bff}
.m-list-item .new_convs_count{margin-right:0}
.ml_cf{display:inline-block;min-width:190px;margin-left: 5px;}
.ml_cfp{display:inline-block;zzzmin-width:240px}
.ml_detial{padding: 5px;
    display: zzzinline-block;
zzmargin-left: 40px;}
.hr-light{opacity: 0.1;}
.ml_raty{zzzposition:absolute;zzleft:30px;float:right}
/*^^^ list ^^^*/
/*============ padding & margin ===========*/

.m-w-60{width:60px}
.m-w-75{width:75px}
.m-w-80{width:80px}
.m-w-85{width:85px}
.m-w-90{width:90px}
.m-w-100{width:100px}
.m-w-130{width:130px;}
.m-w-140{width:140px;}
.m-w-110{width:110px;}
.m-w-120{width:120px;}
.m-w-160{width:160px;}
.m-w-170{width:170px;}
.m-w-180{width:180px;}
.m-w-200{width:200px}
.m-w-240{width:240px}
.m-w-250{width:250px}
.m-w-350{width:350px}
.m-mw-120{max-width:120px}
.m-mw-160{max-width:160px}
.m-mw-250{max-width:250px}
.m-mw-200{max-width:200px}
.m-mw-300{max-width:300px}
.m-mw-350{max-width:350px}
.m-mw-500{max-width:500px}
.m-mw-700{max-width:700px}
.m-mih-85{min-height:85px !important}
.m-mih-110{min-height:110px !important}
/*--- min-width ---*/
.m-miw-85{min-width:85px}
.m-miw-90{min-width:90px}
.m-miw-100{min-width:100px}
.m-miw-120{min-width:120px}
.m-miw-150{min-width:150px}
.m-miw-160{min-width:160px}
.m-miw-150{min-width:150px}
.m-miw-200{min-width:200px}
.m-miw-215{min-width:215px}
.m-miw-230{min-width:230px}
.m-miw-250{min-width:250px}




.inline_block , .inline-block {display:inline-block !important}
.nopadding , .no-padding {padding: 0 !important;margin: 0 !important;}
.float-left{float:left}
.float-right{float:right}
.margin-0 {margin:0px !important}

.margin-2{margin:2px !important;}
.margin-10{margin:10px;}
.margin-b-0{margin-bottom:0 !important;}
.margin-b-5{margin-bottom:5px !important}
.margin-b-10{margin-bottom:10px !important}
.margin-b-15{margin-bottom:15px !important}
.margin-b-20{margin-bottom:20px !important}
.margin-b-25{margin-bottom:25px !important}
.margin-b-30{margin-bottom:30px!important}
.margin-b-40{margin-bottom:40px !important}
.margin-l-5{margin-left:5px !important}
.margin-l-10{margin-left:10px !important}
.margin-l-15{margin-left:15px !important}
.margin-l-20{margin-left:20px !important}
.margin-l-25{margin-left:25px !important}
.margin-l-40{margin-left:40px !important}
.margin-r-0{margin-right:0 !important;}
.margin-r-3{margin-right:3px !important}
.margin-r-5{margin-right:5px !important}
.margin-r-40{margin-right:40px !important}
.margin-rb-8{margin-right:8px;margin-bottom:8px;}


.margin-r-10{margin-right:10px !important;}
.margin-r-15{margin-right:15px !important;}
.margin-r-20{margin-right:20px !important;}

.margin-right-auto{margin-right: auto !important;}
.margin-t-0{margin-top:0}
.margin-t-5{margin-top:5px}
.margin-t-10{margin-top:10px !important;}
.margin-t-15{margin-top:15px !important;}
.margin-t-20{margin-top:20px !important;}
.margin-t-25{margin-top:25px}
.margin-t-30{margin-top:30px !important;}
.margin-t-40{margin-top:40px}
.margin-t-60{margin-top:60px}
.margin-tb-20 {margin-top:20px;margin-bottom:20px;}
.margin-tb-10 {margin-top:10px;margin-bottom:10px;}
.padding-0 {padding:0px !important}
.padding-5 {padding:5px}
.padding-15 {padding:15px}
.padding-r-40 {padding-right:40px}
.padding-l-40 {padding-left:40px}
.padding-20-25 {padding:20px 25px !important;}

.padding-b-0{padding-bottom:0 !important;}
.padding-b-15{padding-bottom:15px}
.padding-b-20{padding-bottom:20px}
.padding-b-25{padding-bottom:25px}
.padding-r-0{padding-right:0}
.padding-r-15{padding-right:25px}
.padding-r-25{padding-right:25px}
.padding-t-0{padding-top:0 !important}
.padding-t-15{padding-top:15px}
.padding-t-20{padding-top:20px}
.padding-t-25{padding-top:25px}
.padding-tb-10 {padding-top:10px;padding-bottom:10px;}
.padding-tb-20 {padding-top:20px;padding-bottom:20px;}
.letter-spacing-1{letter-spacing:1px !important}
.vertical-align-middle , .va-middle {vertical-align: middle !important;}
.vertical-align-bottom , .va-bottom {vertical-align: bottom !important;}
.rtl{direction:rtl}
.font-bold{font-weight:bold;}
.cursor_p{cursor: pointer;}
.btn-only-i i{margin:0;vertical-align: middle !important;}
.m-nowrap {white-space: nowrap;}
/*-----------------------------------*/
.va-middle{vertical-align: middle !important;}
.font-16{font-size:16px !important}
/*===================================*/
.m-comment-w{display:inline-block;float:left;}

.m-comment-w.mcw-active{display:block;float:none;background-color: #E1F8FB;border:1px #A7D8DD solid;border-radius: 4px;margin-bottom:20px}

.btn-comment{z-index: 100;position: relative;color: #46b8da;background-color: #fff;zzborder-color: #46b8da;zztext-shadow: 0px 0px 2px rgba(57, 83, 115, 0.8);}
.btn-comment.focus, .btn-comment:focus{    color: #fff;background-color: #31b0d5;border-color: #1b6d85}
.btn-comment:hover{color: #fff;background-color: #31b0d5;border-color: #269abc}
.btn-comment.active, .btn-comment:active , .mcw-active .btn-comment{color: #fff;background-color: #31b0d5;border-color: #269abc}
.btn-comment i.position-left{zzcolor: #bcf0ff;font-size: 14px;text-shadow: none;margin-right: 5px;text-shadow: none;}
.comment-w{display: none;color: #00545c;margin:0 0 20px ;}
.comment-txt{opacity: 0;padding:20px 20px 10px }
.btn-comment-h-modal {float:left;margin:15px}



header .comment-div{float: left;margin: 15px;} /*rrr*/
header .btn-comment {margin-bottom: 0;}
header.has-btn-comment h2 { display: inline-block;}
#comment {height:34px}



.btn-outline-primary {color: #007bff !important;background-color: transparent;background-image: none;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);color: #007bff
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff !important;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}


.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.btn-outline-info:hover  {
    color: #fff !important;
    background-color: #17a2b8;
    border-color: #17a2b8;
    
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);color: #17a2b8;
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}


.btn-outline-danger {
    background-color: transparent;
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff ;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);color: #dc3545;
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}




/*----------------------------------------------*/
/*
.btn-outline-success {
    background-color: transparent;
    color: #218838;
    border-color: #218838;
}
.btn-outline-success:not(:disabled):not(.disabled):hover {
    color: #fff !important;
    background-color: #218838;
    border-color: #218838;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);color: #218838;
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #218838;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #218838;
    border-color: #218838;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
*/

/*-------------------------------------------*/
.btn-warning{text-shadow:0px 0px 2px rgba(53, 26, 26, 0.8);}
.btn-warning{
    color: #fff;background-color: #ec971f;border-color: #d58512
}
.btn-warning.focus, .btn-warning:focus{
    color: #fff;background-color: #dd8509;border-color: #985f0d
}
.btn-warning:hover{
    color: #fff;background-color: #dd8509;border-color: #d9850d
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning{
    color: #fff;background-color: #dd8509;border-color: #d9850d
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover{
    color: #fff;background-color: #d9850d;border-color: #985f0d
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning{
    background-image: none
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover{
    background-color: #ec971f;border-color: #d58512
}
.btn-warning .badge{
    color: #ec971f;background-color: #fff
}

/*---------*/

.btn-outline-warning {color: #e88800 !important;background-color: transparent;background-image: none;
    border-color: #ec971f;
}

.btn-outline-warning:hover {
    color: #fff !important;
    background-color: #ec971f;
    border-color: #ec971f;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);color: #e88800
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #e88800 !important;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff !important;
    background-color: #ec971f;
    border-color: #ec971f;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/*-------------------------------------------*/



.page-style > article h3 , .m-h3{font-size:18px;color: #7db73a;}
.child-p{padding-right:20px}
.ht2{color: #1981D3 !important;margin-left: 10px;}

.bottom-footer .footer-menu ul{margin-bottom: 0;}
.main-footer .bottom-footer {padding: 8px 0;}

#goTop , #goPrevPos  {
    position: fixed;    
    right: 30px;
    left :auto;
    border: none;
    outline: none;
    background-color: #3d85c6;
    color: white;
    cursor: pointer;
    padding: 8px 13px;
    border-radius: 10px;
    font-size: 20px;
    opacity: 0.6;
    display:none;
    bottom: 20px;
    z-index:10000
}
#goTop  {
    z-index: 99;
}
#goPrevPos {
    z-index: 100;bottom: 58px;
}
			
#goTop:hover , #goPrevPos {
    opacity: 1; /* Add a dark-grey background on hover */
}

#q_nav {
    position: fixed;
    
    right: 30px;
    left :auto;
    border: none;
    outline: none;
    background-color: transparent;
    
    zzcursor: pointer;
    zzpadding: 8px 13px;
    zzborder-radius: 10px;
    zzfont-size: 20px;
   
    zzdisplay:none;
    bottom: 20px;
    z-index:10000
}

#go_to_info {
    background-color:   #1abc9c  ;
}
#go_to_q {
    background-color:   #1abc9c  ;
}
#go_to_new_convs {
    background-color: #2e86c1  ;display: inline-block;
}
#go_to_new_convs.not-active {
    background-color:  #616a6b  ;cursor:default;
}
#go_to_new_convs.not-active:hover {
    background-color:  #616a6b  ;cursor:default;opacity: 0.5 !important;
}

#go_to_answer {
    background-color:   #e67e22  ;
}

#q_nav .q_nav_btn{
    cursor: pointer;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 16px;margin-bottom:5px;color: white; opacity: 0.5;max-width:36px
}
#q_nav .q_nav_btn:hover{
    opacity: 1;
}










/*=== sekha ================*/



.aid_status_1 , .ual_3{ color:#17a2b8 !important;}
.aid_status_2 , .ual_6{ color:#28a745 !important;}
.aid_status_3 , .ual_2 , .ual_1 ,  .ual_4{ color:#dc3545 !important;}
.ual_5{ color:#ce7f03 !important;}

.section-layer{font-size:15px;}


.tbl-right-header {border-radius: 4px;}
.tbl-right-header td{padding:5px 20px;border: 1px solid #d2d6e1;min-width: 210px;}
.tbl-right-header td.trh{background-color:#337AB7;color:#ffffff;min-width: 220px;padding:5px 20px;text-align: left;border-right-color:  #337AB7 ;}		
.tbl-right-header tr:last-child td.trh {border-bottom-color:  #337AB7 ;}
.tbl-right-header tr:first-child td.trh {border-top-color:  #337AB7 ;}
.chp-table-rh .get_contact_info{margin-right:20px;}
.btn-style-view{padding:2px 3px;float:left;margin-right:5px}
.result-p{float:right}
.records_count{background-color: #429dff;color: #fff;padding: 0 8px;border-radius: 10px;font-weight: bold;}

.top-scroll-w{width:100%;overflow-x:auto;height:20px;}
.chp-table-rh-w {width: 100%;overflow-y: hidden;overflow-x:auto; height:100%;margin-bottom:40px}
.top-scroll {height: 20px; }
li#inquiry{padding: 12px 0 12px 30px;}
.mega-menu a.main-a{border: 1px #f1991d solid;padding: 3px 10px;border-radius: 4px;}
.mega-menu a.main-a >  span{position: static;margin-right: 3px;color: #f1991d;}
p.modal-title{font-size:14px}

.search-skill-w{position: relative;}
.search-skill-button{position: absolute;top:2px;left:0;background-color:transparent;height: 45px;}
.search-skill-button i{font-size: 18px;color:rgb(120, 120, 120)}
#search-skill-keywords{padding-left:50px;height:50px;}
#search-skill-result-w{position:relative;zzmin-height: 150px;padding: 10px 20px;
    border: 1px #d9d9d9 solid;
    border-radius: 10px;
    display:none;
    height:auto;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
#search-skill-result-w #overlay {background-color: rgba(225, 225, 225, 0.5);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;border-radius: 10px;}
#search-skill-result-w #overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
#search-skill-result{min-height: 100px;max-height:270px;overflow-y:auto;}
.searched-skill{display: table;
    zzbackground-color: red;
    margin: 5px;
padding: 5px 10px;}

.search-skills-parent {color: #6464da;
    background-color: #f1f7ff;
    padding: 3px 5px;
margin-bottom: 10px;}



.btn.searched-skill , .btn.searched-skill:hover{
    white-space: normal;
    color: #005abb !important;background-color: #e7f1ff;background-image: none;
    border-color: #c2dbff;
    box-shadow: 0 0 7px rgba(0,0,0,.1);
}



.btn.searched-skill.ss-selected {
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}



#selected-skills-w{
    border: 1px solid #e6e7ee;
    padding: 30px;
    padding-bottom: 10px;
    margin-top: 30px;
    border-radius: 5px;

    position: relative;
    display:none;

}
.selected-skill{
    border-radius: 4px;
    color: #007bff ;
    

    border: 1px #007bff solid;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 10px;

}
#selected-skills-w-t{
    position: absolute;
    top: -12px;
    font-size: 13px;
    right: 20px;
    background-color: #fff;
    padding: 0 5px;
    color: #868686;

}

.remove-selected-skill{
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-size: 16px;
    cursor: pointer;
}



#ss_number_of_cons{
    display:inline-block;margin-right:10px;vertical-align: top;
}
.loadin_div_1{
/*    text-align: center;
      font-size: 12px;
      font-weight: bold;
      padding: 1px 5px !important;
      border-radius: 8px;*/
    display:inline-block;
    min-width: 20px;
    min-height: 20px;

    background:url(images/loading_5.svg)  no-repeat top right;
    background-size: 18px 18px;
}

.loadin_div_2{
    display:inline-block;
    min-width: 36px;
    min-height: 36px;
    background:url(images/loading_4.svg)  no-repeat top right;
    background-size: 32px 32px;
}

.col-form-label.xs-lablezzz{
    height: 34px;
    line-height: 34px;
    margin-right: -5px;
    padding-top:0;
}
.btn-copy , .btn-copy2, .btn-copy3{zzzmargin-bottom:5px;zzzmargin-top:5px;height: 47px;}
.list_raty_w , .u_raty_w{display:inline-block;}

.m-raty img{width: 30px;height:30px}
.m-raty.m-raty-sm img{width: 22px;height:22px}

#list_filter_modal .date_select_ft{position:relative}
#list_filter_modal .picker{left: auto !important;top: 40px !important;right: 0px !important;position: absolute;width: 234px !important;}
#list_filter_modal .date_select_ft div.monthYearPicker{left: auto !important;top: 77px !important;right: 65px !important;}
#list_filter_modal .date_select_ft div.monthYearPicker.YearPicker{right: 130px !important;}
#list_filter_modal .picker .monYear:nth-child(3){ width:70px !important;}
.list_filter_modal_top_btns{
    border-bottom: 1px #dee2e6 solid;
    margin: 0 -40px 25px;
    padding: 0 40px 10px;
}

.tr_w_amount{color:#bb202f}
.tr_d_amount{color:#12812b}

.conversation .btn-default:hover{background-color:rgb(255, 255, 255)}


.co_score_s{background:url('images/star-on-big.png') no-repeat center center;width:18px;height:18px;display: inline-block;
background-size: cover;vertical-align: middle;}
.co_score_n{display: inline-block;
    vertical-align: middle;
margin: 4px 8px 0 4px;}
.co_score_c{color: #c5c7ca;
    font-size: 12px;
    margin: 0 8px 0 0;
display: inline-block;vertical-align: text-bottom;}

.co_score_hidden{display: inline-block;
    vertical-align: middle;
    margin: 4px 7px 0 0;border: 1px #74757b solid;
    border-radius: 50%;
    padding: 3px;
    font-size: 11px;
color: #74757b;}

.score-sm .co_score_s{width:16px;height:16px;}
.score-sm .co_score_n{font-size:13px}
.score-sm .co_score_hidden{font-size: 7px;}


.btn-skill-t{margin-left: 4px;margin-bottom: 5px;
color: #a8a8a8;}


.loading_2{

    display:inline-block;
    width: 18px;
    height: 18px;
    
    background:url(images/loading_5.svg)  no-repeat top right;
    background-size: 18px 18px;
    vertical-align: sub;

}



.getting_new_me{

    background:url(images/loading_5.svg)  no-repeat top right;
    background-size: 18px 18px;
}

.new_events_count{display: inline-block;
	min-width: 25px;
	padding: 5px 6px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 15px;
	background-color: #FF7043;
	border-color: #FF7043;
	color: #fff;
    margin-left: 20px;
    vertical-align: top;
    min-height: 25px;
    min-width: 25px;
}

.ne-title{text-align:right}

.getting_ne_data {background:url(images/loading_5.svg) no-repeat center center;
background-size: 18px 18px;}


.new_events_c_0{background-color: #ebedf0 !important;
	color: #7d7d7d !important;
border: 1px #d7d7d7 solid !important;}
.ne-btn{border-color: #fff;}
.new-events-tbl-w{
	max-height: 200px;
	min-height: 100px;
	border: 2px #d5d5d5 solid;
	overflow-y: auto;
	overflow-x: hidden;padding:0 15px;
}

@media (min-width:768px) {
    .form-horizontal .col-form-label {margin-bottom:5px;}
    .page-style > article{padding:20px 60px;}
    .q_title{padding:30px 60px;padding-top: 10px;}
    .top-filter , .top-group-operations{padding:0 60px;}
    .ops-div .btn{max-width: 300px;}
}


#show_cons_info_w{padding: 0 15px;}

/*------------ m-table -----------*/
.m-table-w{width:100%;overflow-x: auto;}
.m-table{display:table;width:100%}
.m-tr{display:table-row;}
.m-td{display:table-cell;padding: 10px 20px;border: 1px solid #e5e7ee}
.m-td{border-bottom:none;} 
.m-th{display:table-cell;padding:7px 15px;border: 1px solid #e5e7ee;background-color:#f4f6fa;color:#586271;width: 180px;text-align: left;font-size: 14px; zzwhite-space: nowrap;}
.m-td.m-col{padding:0;border:none}
.m-th{border-bottom:none;} 
.m-table .m-tr:first-child .m-td:last-child {
    border-top-left-radius: 5px;
}
.m-table .m-tr:first-child .m-th:first-child {
    border-top-right-radius: 5px;
}
.m-table .m-tr:last-child .m-td {
    border-bottom: 1px solid #e5e7ee;
}
.m-table .m-tr:last-child .m-th {
    border-bottom: 1px solid #e5e7ee;
}
.m-table .m-tr:last-child .m-td:last-child {
    border-bottom-left-radius: 5px;
}
.m-table .m-tr:last-child .m-th:first-child {
    border-bottom-right-radius: 5px;
}
.m-th{border-left:none}
@media screen and (max-width :991px){
    .m-tr , .m-td , .m-table , .m-th {display:block;}
    .m-th , .m-td {border-bottom:none; }
    .m-td {border-top:none;}
.m-col:last-child .m-tr:last-child .m-td {border-bottom: 1px solid #e5e7ee;}
.m-th{text-align: right;width: 100%;}
.m-td{text-align: left;}
.m-table .m-tr:first-child .m-th:first-child {
    border-top-left-radius: 5px;
}
.m-table .m-tr:first-child .m-td:last-child {
    border-top-left-radius: 0;    
}
.m-table .m-tr:last-child .m-th:first-child {
    border-bottom-right-radius: 0;
}
.m-table .m-tr:last-child .m-td:last-child {
    border-bottom-right-radius: 5px;
}
.m-th{border-left: 1px solid #e5e7ee}

}
/*^^^^^^^^^^ m-table ^^^^^^^^^^^*/

#m_help_modal .modal-content{background-color: #E1F8FB;color: #00545c;}
#m_help_modal .modal-header{border-bottom-color:#A7D8DD}
#m_help_modal .modal-footer{border-top-color:#A7D8DD}

.accordion-item h2{padding-top: 0 !important;line-height: normal !important;}


/* ^^^^^^^^^^^^^^^ mmm ^^^^^^^^^^^^^^^^^ */
@media screen and (max-width :500px){
    /*    .main-header .logo , #header-txt-com{display:inline-block;}*/
    /*------- new events ------*/
    .ne-span{width:200px !important ; white-space: normal !important}
    #selected-skills-w-t {right:10px}
    #ss_number_of_cons {margin-right:0}
    #selected-skills-w {padding-top: 35px;}
}
@media screen and (max-width :900px){
    .res-menu{
    display:block;}
}
@media screen and (max-width :1199px){

    .mega-menu nav > ul > li{
        padding-left:50px
    }
    .mega-menu nav > ul > li > a{
        font-size:15px
    }
    .mega-menu nav > ul > li > ul{
        top:51px
    }
    .socials-networks a,.socials-networks a span{
        height:35px;width:35px
    }
    .socials-networks a i{
        font-size:18px;top:0
    }
    .socials-networks a i.themeshop-telegram {
    top:-3px;font-size:18px;}
}





@media screen and (max-width :991px){
 
    /*------- detail table ------*/
    .mt-row{display:block;}
    .mt-col , .mt-col-h{display:block;}
    .mt-col-h {text-align:right;}
    .mt-col , .mt-col-h {width:100%;}
    .last-row .mt-col-h{border-bottom:none;border-radius:0}
    .last-row .mt-col {border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;}
    .mt-col {border-right:1px solid #d2d6e1;border-top:none;text-align:center;}
    .colon{display:inline-block;}
    .mt-table{width:100%;}
    .mt-table.mt-table-wide , .id-div , .chp-table-rh.tbl-right-header , .top-scroll-w{display:none}
    /*^^^^^^ detail table ^^^^^^^*/
    .mega-menu nav{display:none}
    .responsive-menu{display:block;}
    .q-op .q-op-info{
        margin-bottom:30px
    }
    #goTop , #goPrevPos , #q_nav{
        right:auto;
        left:30px
    }
    #new_convs_count{
        position: absolute;
        right: -26px;
    }

}
@media screen and (min-width :992px){
    .hide-min-992{display:none}
    .mt-table{display:none}
    .mt-table.mt-table-wide{display:block}

}
@media screen and (max-width :767px){
    #top-message {width:90%;left:0;right:0;}
    .links-layer{
    border-left:0;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #4f515b;}
    .socials-networks{
    width:400px;margin:0 auto;padding:0;float:right;}
}

@media screen and (max-width :667px){
    /*--- header ---*/
    .heading-page{padding: 0 !important;position: static}
    .heading-page #overlay-canvas{position:static;}
    #aspect_ratio_w,#aspect_ratio{display:block;height: auto;}
    #aspect_ratio{position: static;-ms-transform: none;  transform: none;}
    .m-logo , #header-txt-com , .user-layer {display:inline-block;}
    .user-layer {position: static;}
    .m-logo , a.logo , a.logo img{height: auto;width: auto;}
    a.logo img {margin-bottom:10px}
    .heading-page .container{position: static;padding-top: 20px;padding-bottom: 20px;}
    /*^^^ header ^^^*/    
}

@media screen and (max-width :600px){
    .top-bar .phone-numbers-layer{
    zzzfloat:left;}
    .top-bar .phone-numbers-layer p span{
        display:none
    }
    .res-menu{
        position:absolute;right:15px;top:2px
    }
    .clientarea{
        /*width:85px*/
    }
    .clientarea .inner .create-account{
        padding:0 12px
    }
    .clientarea .inner .login-account{
        /*padding:0 10px;width:42px*/
    }

    .heading-page .container h1{
    width:100%;float:none;}
    .user-layerzz{
        float:none;width:100%;margin-top:15px
    }
}



@media screen and (max-width :460px){
    .bottom-footer .footer-menu ul{
        display:none
    }
    .heading-page .container h1{
        font-size:17px
    }
}
@media screen and (max-width :420px){
}
@media (min-width:992px) and (max-width:1199px){
    .add-edit-ch-p{padding-right:0 !important;padding-left:0 !important}
    .add-edit-ch-p .alert , .add-edit-ch-p .comment-w {margin-right:25px !important;margin-left:25px !important}

}
/*.top-menu:after,.top-menu ul:after,.links-layer ul:after,.bottom-footer .footer-menu ul:after,
.bottom-footer .namad:after,.mega-menu nav > ul:after,.selected-one-option:after,
.comment-layer .left .captcha:after , .comments-list .comment-box:after{display:block;clear:both;content:'';visibility:hidden;height:0;line-height:0}
.padding-t-25{padding-top:25px}
.padding-t-20{padding-top:20px}
.padding-t-15{padding-top:15px}
.padding-b-25{padding-bottom:25px}
.padding-b-20{padding-bottom:20px}
.padding-b-15{padding-bottom:15px}
.margin-t-25{margin-top:25px}
.margin-t-20{margin-top:20px}
.margin-t-15{margin-top:15px}
.margin-b-25{margin-bottom:25px}
.margin-b-20{margin-bottom:20px}
.margin-b-15{margin-bottom:15px}
.margin-b-10{margin-bottom:10px}*/
/*.top-menu:after,.top-menu ul:after,.links-layer ul:after,.bottom-footer .footer-menu ul:after,
.bottom-footer .namad:after,.mega-menu nav > ul:after,.selected-one-option:after,
.comment-layer .left .captcha:after , .comments-list .comment-box:after{display:block;clear:both;content:'';visibility:hidden;height:0;line-height:0}
.padding-t-25{padding-top:25px}
.padding-t-20{padding-top:20px}
.padding-t-15{padding-top:15px}
.padding-b-25{padding-bottom:25px}
.padding-b-20{padding-bottom:20px}
.padding-b-15{padding-bottom:15px}
.margin-t-25{margin-top:25px}
.margin-t-20{margin-top:20px}
.margin-t-15{margin-top:15px}
.margin-b-25{margin-bottom:25px}
.margin-b-20{margin-bottom:20px}
.margin-b-15{margin-bottom:15px}
.margin-b-10{margin-bottom:10px}*/
/*.top-menu:after,.top-menu ul:after,.links-layer ul:after,.bottom-footer .footer-menu ul:after,
.bottom-footer .namad:after,.mega-menu nav > ul:after,.selected-one-option:after,
.comment-layer .left .captcha:after , .comments-list .comment-box:after{display:block;clear:both;content:'';visibility:hidden;height:0;line-height:0}
.padding-t-25{padding-top:25px}
.padding-t-20{padding-top:20px}
.padding-t-15{padding-top:15px}
.padding-b-25{padding-bottom:25px}
.padding-b-20{padding-bottom:20px}
.padding-b-15{padding-bottom:15px}
.margin-t-25{margin-top:25px}
.margin-t-20{margin-top:20px}
.margin-t-15{margin-top:15px}
.margin-b-25{margin-bottom:25px}
.margin-b-20{margin-bottom:20px}
.margin-b-15{margin-bottom:15px}
.margin-b-10{margin-bottom:10px}*/

/*----------- login -----------*/
.m-tab-w{margin: -25px -30px;margin-bottom: -25px;margin-bottom: 50px;margin-top: -25px;}
.m-tab-tb{display:table;width:100%}
.m-tab-tr{display:table-row;}
.m-tab-r , .m-tab-l{width:50%;display:table-cell;padding: 10px 35px;vertical-align: top;font-size: 16px;}
.m-tab-not-active {border-bottom:1px #d9dee8 solid;background-color:#F7F7F7;}
.m-tab-r h2 , .m-tab-l h2 {padding-bottom:5px!important}
.m-tab-l{text-align:left;border-right: 1px #d9dee8 solid;}
/*.m-tab-l a {color: rgb(108, 112, 130);}*/
@media screen and (max-width : 480px){
    .m-tab-w{margin-top: -20px;margin-right: -25px;margin-left: -25px;}
}
.login-h-btn  i{color:#007bff !important}
.login-h-btn:hover i{color:#ffffff !important}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#landing:before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        
}
#landing{position:relative;}
.code-txt{font-size: 18px;
    letter-spacing: 3px;
    border: 1px #158CBA solid;
    padding: 5px 15px;
    border-radius: 4px;
    color: #074A63;
background-color: #E6F8FF;display: inline-block;}
.code-txt-2{
    font-size: 18px;
    letter-spacing: 1px;
    border: 1px #8FDBF9 solid;
    padding: 10px 15px;
    border-radius: 4px;
    color: #074A63;
background-color: #E6F8FF;display: inline-block;vertical-align: bottom;}
#manual-check{display:none}
.display-none , .display_none{display:none}
.display-block , .display_block{display:block}
.display-table{display:table}
.display-table-cell{display:table-cell}
.pos-rel{position:relative;}
.date_select_ft {margin-bottom:5px}
.date_select_ft .ft_span {margin:0 10px;width:12px;display: inline-block;}
.header-l-btn{float:left;margin: 20px 15px 20px 25px;}
.m-tab-pane{border:1px #ddd solid;border-top:none;padding: 20px 40px; }
.bootstrap-filestyle input{direction:ltr}

.select2-selection__clear {
    position: absolute !important;
    left: 20px !important;
    height: 32px !important;
    background-color: #fff !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.input-message{color: #c81b17;padding: 10px;display:none;}
.bootstrap-filestyle{width:100%}
#files_inputs_wraps{display:ztable;max-width:700px}
.m_files_r{display:none;margin-bottom:10px}
.m_files_r.first_m_files_r{display:block}
.m_files_w{vertical-align:middle;max-width:50%;display:inline-block;zzmargin-bottom: 5px;width:100%}
.remove_field ,.remove_field_first , .remove_prev_field {margin-right: 10px;display: inline-block;vertical-align: middle;padding: 5px 0;
    cursor: pointer;
}
.file_size_w{display: inline-block;vertical-align: bottom;}
.file_size{font-size: 13px;min-width:95px;
    margin: 0 10px 0 0;
    border: 1px #ddd solid;
    background-color: #f9f9f9;
    padding: 7px 5px;
    border-radius: 3px;
    color: #797979;
    vertical-align: top;display: inline-block;
}
#add_file_button{font-size: 18px;
    padding: 5px 8px 3px;
line-height: 1;}
.eng-fa-text-inline{
display:inline-block;}
#the-count , #the-count2{display:none}
.processing-txt{font-size:13px;display:none;vertical-align:bottom;margin:10px;}


/*--- conversation ---*/
.conversation , .m-list-item {margin:15px 0 15px 0;padding:35px 25px 15px;text-align:right;background:#fff;border:1px solid #cccfdd;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.05);box-shadow:0 2px 3px 0 rgba(0,0,0,.05);border-radius:3px;-webkit-border-radius:3px;transition:all .3s;}
.conv-left{float:right}
.conv-left .u-avatar {text-align:center;min-width:50px;}

.conv-body {width: 100%;padding-right: 65px;}
.conv-left .u-avatar img.size-3 , .conv-left .u-avatar canvas.av-can-3 {width:50px;height:50px;margin:0;margin-left:15px}
.conv-left .u-avatar img.size-2 , .conv-left .u-avatar canvas.av-can-2 {width:70px;height:70px;margin:0;margin-left:15px}
.conv-left img ,.conv-left canvas {zzmax-width:65px;border-radius:50%;}
.conv-content {padding:0 0 20px 0;position:relative;}

.conv-headingzzz{display:block}

.conv-heading{height:50px;display: flex;align-items: center;}

.conv-heading, .conv-heading:link {margin-top:0;zzzmargin-bottom:5px;zzfont-weight:bold !important;color:#8a8a8a;transition:none;}
.conversation.owner .conv-heading, .conversation.owner .conv-heading:link {color: #628fac;}

.conv_user_title{color:#383a43;transition:none;}
.conv_user_name{color:#6d6f78;transition:none;font-family: sans-serif;  direction: ltr;  font-size: 14px;}
.conversation.owner .conv_user_title {color:#4d7995;}
.conversation.owner .conv_user_name {color:#4d7995;}


.conv-content .conv-text {margin-bottom:0;margin-top:15px;}
.conv-body .date , .m-list-item .date , .more-comment{color:#909090;font-size:12px;display:block;zzzmargin-top:10px;text-align:left}
.more-comment{color:#868686;font-size:13px;}
.more-comment .m-icon{font-size: 16px;vertical-align: sub;margin-left: 10px;display: inline-block;min-width: 20px;text-align: center;}
.i_id{float:left;color:#d0d0d0}

.conversation.owner{background-color: #def1fd;}
.conversation.owner .conv-text{color:#114e74}
.conversation.owner .date{color:#88a7bb}
.conversation.owner .av-can{border-color: #bdd1df;}

@media screen and (max-width :767px){
    .conv-body {padding-right: 0;}
    .conv-body, .conv-left {display:block;text-align:right;margin-bottom: 10px;}
    .conv-left .u-avatar{text-align:right;}
    .conv-heading {margin-top:10px;}
}
.current_conv{border:1px #f29609 solid}
.conversation.question , .conversation.opinion , .conversation.opinion_reply_div{margin:15px 0 15px 0;padding:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;transition:all .3s;}
.conversation.opinion_reply_div{border: 1px solid #e6e7ee;padding: 15px 25px;border-radius: 5px;margin-top: 20px;}
.file-a{background-color: #f7f7f7;border: 1px #dadada solid;
    padding: 5px 15px;
    margin: 0 0 8px 10px;
    border-radius: 4px;
    color: #4177A6;
    display: block;
    max-width: 240px;
    text-wrap: nowrap;
    overflow: hidden;
}
.file_txt{margin-left: 10px;padding-left: 8px;border-left: 1px #dadada solid;}
.conversation.owner .file-a{border: 1px #9cc3db solid;}
.conversation.owner .file_txt{border-left: 1px #9cc3db solid;}
@media (min-width:768px) {
    .conversation , .m-list-item{padding:35px 60px 20px;}  
    
}
.conv-op{margin-top:10px;text-align:left}
/*--- conversation ---*/
.m-btn-inline-i{
    padding: 6px 7px 2px;
}
.m-btn-inline-i i{font-size: 18px;margin:0}
.has-remove-btn-x{display: inline-block;position: relative;right: -20px;font-size: 18px;margin-left: -10px;cursor:pointer;}
.has-remove-btn2{position: relative;display:inline-block;width:100%}
.has-remove-btn-x2{display:inline-block;position:absolute;font-size:22px;cursor:pointer;left:5px;top:4px;color: #989a9c;padding: 0 5px;}
.has-remove-btn2.date_select_ft{width:auto}
.date_select_ft .has-remove-btn-x2{left: 30px;}



.m-badge{
    display: inline-block;
    min-width: 22px;
    padding: 3px 7px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    font-size: 16px;
}

.m-bg-info{background-color:#17A2B8}
.m-bg-p2{background-color:#428BCA}
@media (max-width:560px) {
    .m-s-wide{width:100% !important;margin:0 0 15px !important}
    #goTop , #goPrevPos , #q_nav{
        right:auto;
        left:3px
    }
}
.m_prev_files_r{margin-bottom: 10px;}
.prev-file{height: 34px;padding: 6px 12px;font-size: 14px;color: #555;background-color: #F0F0F0;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);white-space: nowrap;overflow: hidden;}
.file-a2{display: inline-block;color: #4177A6;}
.tuman{font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
color: #8a8a8a;}
.m-number-input{font-weight: bold;letter-spacing: 1px;}
.m-number-text{font-weight: bold;letter-spacing: 1px;}
.q-op{color:#696a6d;}
.op-title{color:rgb(112, 112, 112);margin-left: 5px;}
.con-fee-amount{border-radius: 4px;
    border: 1px #86cdd7 solid;
    padding: 0 10px;
    color: #026c76;
    background-color: #eaf8fa;
font-size: 16px;}
.filter_title{font-size: 13px;
    padding-top: 0;
margin-left: 20px;margin-bottom: 15px;}
.fts {display:inline-block;margin: 5px 0;}

/* -------- tinymce --------*/
table , td , th , tr {border-color:transparent}
td , th {padding:.4rem;}
.img-w-100{width:100% !important;height: auto !important}
.conv-text p , .pc-text p {padding:5px 0 !important}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.sr-td-2{font-size: 14px;padding: 5px;color: #737272;}
.sr-td-t2{padding: 5px;}
.m-title{color: #62b502;font-size: 16px;}
.m-title-b{color:#055DAA;font-size: 16px;}
.loader-3 {
    border: 3px solid #d5d5d5; /* Light grey */
    border-top: 3px solid #808080; /* Blue */
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 0.7s linear infinite;
    display: inline-block;
    vertical-align: middle;visibility:hidden;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.icon-plus.position-left{font-size:12px}
.gallery_img{max-width: 160px;height: 120px;display: inline-block;margin: 5px;}
#gallery_w{padding-top: 20px;}
/* -------- comments --------*/
.message.comment{box-shadow:none;}
.message.comment .msg-text{margin-top:20px}
.message.comment .message-content {padding: 0 0 15px 0;}
.reply_comment{margin-right: 70px;}
.admin_comm{border-color: #afceb2;color: #213430;background-color: #e7ffec;}
@media (max-width:560px) {
    .reply_comment{margin-right: 40px;}
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.modal-wide .modal-dialog{width: 90% !important;}
.modal-footer.rtl{justify-content: flex-start;}
.modal-footer.rtl .btn {direction:ltr}

.reply_to_w {background: rgba(0,0,0,.05);border-radius: 3px;border: 1px solid rgba(0,0,0,.1);padding: 10px 15px;margin: 15px 0px 5px 10px;cursor:pointer;}
.reply_to_sender{color: #909090;font-size: 12px;display: block;margin-bottom: 10px;}
.csnt{color:#989ba9;font-size: 13px;padding: 0 5px;}
.reply_to_txt{color: #6d6f77;padding:0 5px;font-style: italic;height: 20px;overflow:hidden;}
.conversation.question.article{margin-top:0}
.conversation.question.article .conv-text{margin-top:0}


/*.breadcrumb #search-li {display:block;text-align:left}
.breadcrumb #search-li::before {content: "";}*/
.breadcrumb-m {
    box-shadow:none;
    border : none;
    margin-bottom: 0;

}
.breadcrumb-m-w {box-shadow: 0 0 10px rgba(0,0,0,.1);
    background-color: #fff;
    border: 1px solid #d2d6e1;
    margin-bottom: 20px;
border-radius: 4px;padding-left:15px}

.flexslider {direction:ltr;border-radius: 3px;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,.1);margin-bottom:15px !important}
.flexslider img{border-radius: 3px;}
.flexslider .flex-caption{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}


.btn-m-clear{padding: 3px 5px 1px;
    font-size: 18px;
    line-height: 1;
    border-radius: 3px;position: absolute;
    left: 0;
bottom: 0px;}

.padding-r-40 {padding-right:40px}
pre{direction:ltr}

.form-horizontal .form-group {
    zzzmargin-right: 0;
   
}
.submit_btn{width: 140px;height: 36px;}
.go_back_btn{width: 100px;height: 36px;}
.amount{display:inline-block;direction:ltr;letter-spacing: 0.5px;}
.social-networks i {font-size:24px;margin-right:20px}

.l-image{background-color:black} /*rrr*/