@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('../fonts/font-awesome-4.7.0/css/font-awesome.css');
@import url('../fonts/simple-line-icons/css/simple-line-icons.css');
@import url('../fonts/boxicons/css/boxicons.min.css');
@import url('../fonts/theme/style.css?v=1');

body{font-family: "Inter", sans-serif; color:#3D3D3D; font-weight:normal; background-color:#fff; font-size: 14px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:600;  }

/* text color css start */
a.link:focus, a.link:hover{color: #11A89f;}
a { color:#11A89f; } 
a:hover, a:focus { color:#11A89f;}
.text-black{ color:#3D3D3D!important;}
.text-red{ color:#d00e0e;  }
.text-gray { color:#bbb;}
a.text-gray:focus, a.text-gray:hover { color:#bbb; text-decoration:underline;}
.text-primary { color: #11A89f !important;}
/* text color css end */

/*BG color css start */
.bg-primary { background-color:#11A89f !important;} 
/*BG color css end  */

.sb-chat-btn .sb-icon { margin: 12px 0 19px -16px !important;  }
/*loader css start */
.ajex_loader.inner_loader { position: absolute; }
.ajex_loader { background: rgba(255, 255, 255, 0.8)  no-repeat center; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index:10000; } 
.ajex_loader .loading { position: absolute;  left: calc(50% - 35px);  top:calc(50% - 35px); width: 70px;  height: 70px;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;  border: 4px solid transparent;}
.ajex_loader .loading .effect-1,.loading .effect-2 {  position: absolute;  width: 100%;  height: 100%;  border: 4px solid transparent;  border-left: 4px solid #11A89f ;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.ajex_loader .loading .effect-1 {  animation: rotate 1s ease infinite;}
.ajex_loader .loading .effect-2 { animation: rotateOpacity 1s ease infinite 0.1s;}
.ajex_loader .loading .effect-3 {position: absolute; width: 100%; height: 100%; border: 4px solid transparent; border-left: 4px solid  #11A89f;  -webkit-animation: rotateOpacity 1s ease infinite 0.2s;  animation: rotateOpacity 1s ease infinite 0.2s;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.ajex_loader .loading .effects { transition: all 0.3s ease;}
@keyframes rotate {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg);  }
  100% { -webkit-transform: rotate(1turn);  transform: rotate(1turn); }
}
@keyframes rotateOpacity {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg); opacity: 0.1; }
  100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 1; }
}
/*loader css end  */

/* spacing utilities css start */
.mn{ margin:0 !important;}
.pn{ padding:0 !important;}
/* spacing utilities css end */

/* font weight utilities css start  */
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
/* font weight utilities css  end */

/* width utilities css start */
.mw100 { max-width:100px;}
.mw250 {max-width: 250px;}
.mw300 { max-width:300px;}
.mw400 { max-width:400px;}
.mw500 { max-width:500px;}
.mw650 { max-width:650px;}
.mw160 {min-width: 160px;}
.w100per{ width:100%;}
.min-50{ min-width: 50px; }
.min-75{ min-width: 75px; }
.min-100{ min-width: 100px; }
.min-200{ min-width: 200px; }
.min-220{ min-width: 220px; }
.min-400{ min-width: 400px; }
.mh225 { min-height: 225px; }
/* width utilities css end   */

/* font size utilities css end */
.fs6{font-size: 6px !important;}
.fs10{font-size: 10px !important;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 20px;}
.fs24{font-size: 24px !important;}
/* font size utilities css end */

/* button css start */
button { border: 0; background: none;}
button:focus, button:not(:disabled):not(.disabled):active:focus { outline: 0; box-shadow: none; }

.btn{border-radius:3px;  font-size: 14px; padding: 5.5px 15px; font-weight: 500;}
.btn:focus, .btn:not(:disabled):not(.disabled):active:focus{ box-shadow:none;}

.btn-default { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:hover { color: #2d2d2d; background-color: #fff; border-color: #b8b8b8; }
.btn-default.focus, .btn-default:focus { box-shadow: none; color: #2d2d2d; background-color: #fff; border-color: #b8b8b8;}
.btn-default.disabled, .btn-default:disabled { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show>.btn-default.dropdown-toggle:focus { box-shadow: none; }

.btn-primary { color: #fff; background-color: #11A89f; border-color: #11A89f }
.btn-primary:hover { color: #11A89f; background-color: #fff; border-color: #11A89f }
.btn-primary.focus, .btn-primary:focus { box-shadow: none; color: #11A89f; background-color: #fff; border-color: #11A89f }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #11A89f; border-color: #11A89f }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #11A89f; border-color: #11A89f }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; }

.btn-primary-o { color: #11A89f; background-color: #fff; border-color: #11A89f }
.btn-primary-o:hover { color: #fff; background-color: #11A89f; border-color: #11A89f }
.btn-primary-o.focus, .btn-primary-o:focus { box-shadow: none; color: #fff; background-color: #11A89f; border-color: #11A89f}
.btn-primary-o.disabled, .btn-primary-o:disabled { color: #fff; background-color: #11A89f; border-color: #11A89f }
.btn-primary-o:not(:disabled):not(.disabled).active, .btn-primary-o:not(:disabled):not(.disabled):active, .show>.btn-primary-o.dropdown-toggle { color: #fff; background-color: #11A89f; border-color: #11A89f }
.btn-primary-o:not(:disabled):not(.disabled).active:focus, .btn-primary-o:not(:disabled):not(.disabled):active:focus, .show>.btn-primary-o.dropdown-toggle:focus { box-shadow: none; }

.btn-secondary-o { color: #000000; background-color: #fff; border-color: #000000 }
.btn-secondary-o:hover { color: #fff; background-color: #000000; border-color: #545b62 }
.btn-secondary-o.focus, .btn-secondary-o:focus { box-shadow: none; color: #fff; background-color: #000000; border-color: #545b62}
.btn-secondary-o.disabled, .btn-secondary-o:disabled { color: #fff; background-color: #000000; border-color: #000000 }
.btn-secondary-o:not(:disabled):not(.disabled).active, .btn-secondary-o:not(:disabled):not(.disabled):active, .show>.btn-secondary-o.dropdown-toggle { color: #fff; background-color: #000000; border-color: #000000 }
.btn-secondary-o:not(:disabled):not(.disabled).active:focus, .btn-secondary-o:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary-o.dropdown-toggle:focus { box-shadow: none; }

.btn-outline-light:focus  { color: #FFF;  }
.btn-outline-light:hover { color: #212529; }
/* button css end   */

/*common css start  */
a:focus { outline: none;  }
.dropdown-menu {font-size: 14px;}
.navbar .menu .dropdown .dropdown-toggle:after{ display: none; float: right; }
.table-theme thead tr th, .table-theme thead tr th a { font-weight: 600 }

/* popover in table css start */
.popover  .table-theme  { font-size: 12px;}
.popover  .table-theme tr td, .popover  .table-theme tr th { padding:6px;}
/* popover in table css end  */

/* dropdown css start */
.dropdown-item{font-size:14px; padding: 7px 21px;}

/* password popup css start  */
.pswd_popup { position: absolute; bottom: 100%; left: 0px; z-index: 99; background: #ffffff; width: 330px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  border:1px solid #d1d1cf; font-size:14px;}
.pswd_popup h4 { border-bottom: 1px solid #d1d1cf; color: #333; margin: 8px 0; padding: 0 10px 5px; font-size:18px; font-weight:normal;  }
.pswd_popup .pswd_popup_inner { position: relative; }
.pswd_popup .pswd_popup_inner .btarrow { position: absolute; z-index: 1; bottom: -24px; width: 100%; background: url(../images/btarrow.png) center bottom no-repeat; height: 14px; }
.pswd_popup .pswd_popup_inner ul { display: block; margin: 0 0 10px; padding: 0px 10px; }
.pswd_popup .pswd_popup_inner ul li { display: block; margin: 0 0 5px; position: relative; padding-left: 25px; text-align: left; }
.pswd_popup .pswd_popup_inner ul li.valid { color:#3fc35f; }
.pswd_popup .pswd_popup_inner ul li.valid em { background:url('../images/pass_marks.png') 0 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }
.pswd_popup .pswd_popup_inner ul li.invalid { color:#ff5555; }
.pswd_popup .pswd_popup_inner ul li.invalid em { background:url('../images/pass_marks.png') -39px 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }
/* password popup css end  */

/* tooltip and popover css start */
.popover { font-family:"Inter", sans-serif; }
.popover.br-blue { border-color:#000000; }
.popover.br-blue.bs-popover-top>.arrow::before { border-top-color:#000000; }

.tooltip {font-family:"Inter", sans-serif; text-align:left; font-size: 12px; font-weight: normal;  }
.tooltip.show{opacity: 1;}
.tooltip .tooltip-inner{ background-color:#fff; color:#1D1D1D; border:1px solid #000000; }
.tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color: #000000;}
.tooltip.bs-tooltip-top .arrow:before{border-top-color: #000000;}
.tooltip.bs-tooltip-left .arrow:before{border-left-color: #000000;}
.tooltip.bs-tooltip-right .arrow:before{border-right-color: #000000;}

.tooltip-box .tooltip-inner { background-color:#fff; color:#4F4F4F; box-shadow: 0 2px 8px 0 rgba(61,61,61,0.25); border-color:#fff; }
.tooltip-box.bs-tooltip-top .arrow:before {border-top-color: #fff;} 
.tooltip-box.bs-tooltip-bottom .arrow:before {border-bottom-color: #fff;} 
/* tooltip and popover css end */

/*.text-primary{ color:#11A89f !important;   }*/
.dropdown-menu { border-radius:0; border:0;box-shadow: 0 2px 8px 0 rgba(61,61,61,0.5); margin-top: 0; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background-color:#11A89f; color:#fff; }
.dropdown-toggle:after { content: "\e903"; font-family: 'Theme'; border:0;vertical-align: 0; font-size: 12px;}
.line-title h1{  font-size: 30px; font-weight: normal; position:relative; margin-top:0; margin-bottom:20px;} 
.line-title h1 span { background-color:#fff; position:relative; z-index:11; display:inline-block; padding-right:10px;}
.line-title h1:after { content:""; width:100%; height:2px; position:absolute; left:0; top:50%;  border-bottom: 2px solid #11A89f;}
.line-title h1 .right-btn { float:right; background-color:#fff; position: relative; z-index: 1; padding-left:40px;}
.black_link { color:#1D1D1D; text-decoration:none;}
a.black_link:hover {color:#1D1D1D; text-decoration:none; } 
.page_wrapper { padding:15px;min-height:calc(100vh - 250px);float:left; width:100%; position:relative; }
@media (min-width:1280px){
.page_wrapper  { padding:25px 10px;}	
}
.page_wrapper > .container { width:auto; max-width:100%;} 
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend:not(:first-child) > .btn  { border-radius: 4px;}
.filter-div{ top: inherit; left: inherit; right:80px;   }
.filter-div .dropdown-menu{ min-width: 260px; z-index:999; }
/*common css end    */

/* support page css start */
.support_wrap .tickets-ul ul{ padding:0; } 
.support_wrap .tickets-ul ul li { padding:7px 0 ;	border-bottom: 1px solid #B0B0B0;  }
.support_wrap .tickets-ul ul li a { color: #3D3D3D; }
.support_wrap .askus-box ul { margin:0 0 20px 0;  padding: 0;list-style:none; }
.support_wrap .askus-box ul li {  line-height: 24px; padding: 5px; margin-bottom: 5px; color: #333; position: relative; border-bottom: 1px solid #B0B0B0; padding-left:30px; background-color: #f3f3f3;}
.support_wrap .askus-box ul li a.active, .support_wrap .askus-box ul li a:hover { text-decoration: underline; }
.support_wrap .askus-box ul li:before { content: "\f105"; font-family:'FontAwesome'; position: absolute; top:5px; left:10px; font-size: 18px; }
/* support page css end   */

/*Login page css start*/
.login_page_wrap{position:relative;display:table;width:100%;height:100vh;background-color:#fff;}
.login_page_wrap .login_left_part{ width:450px; display:table-cell; vertical-align:middle; position: relative; background-image: url("../images/login-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top left;}
.login_page_wrap .coffeepro-bg { width:350px; background-image: url("../images/coffeepro-bg.jpg"); background-position: bottom  center;  }
.login_left_part .login_left_content{text-align: center; padding: 40px 0px;  }
.login_left_part .login_left_content img{max-width: 260px;}
.login_page_wrap .login_right_part { vertical-align: middle; display: table-cell; padding:30px 15px; position: relative; }
.login_right_part .login_right_content { max-width: 360px; margin: 0px auto; width: 100%; }
.create_account .login_right_part .login_right_content{max-width: 90%;}
.loging_left_center_content { vertical-align: middle; color:#fff; padding: 18px; text-align: center; display: table-cell; }
/*Login page css end  */

/* updated notification css start */
.card-alert{position: fixed; right: 0px; top: 145px; z-index:999999;}
.card-alert .media{max-width: 512px;align-items: stretch; position: relative; min-width: 420px; display: flex; }
.card-alert .media-body, .card-alert .media-left, .card-alert .media-right{vertical-align: middle;}
.card-alert .media .media-left{min-width: 100px; /*height: 100px;*/ text-align: center;}
.card-alert .media .media-left img{margin: 0px auto; max-width: 100px;}
.card-alert .media .media-body{color: #fff; padding: 15px 30px 15px 15px; } 
.card-alert .media .media-body h4{ font-size: 18px; } 
.card-alert .media .media-left:after{  width:100px; height:100px; background-position:center; background-size:60%; background-repeat:no-repeat; display:inline-block; }
.card-alert.success .media .media-body{background-color: #91D879;} 
.card-alert.success .media .media-left{background-color: #3AB80E;}
.card-alert.success .media .media-left:after { content:" "; background-image:url(../images/card_right.svg);}
.card-alert.danger .media .media-left{background-color: #E02020;}
.card-alert.danger .media .media-body{background-color: #EB6E6E;} 
.card-alert.danger .media .media-left:after { content:" "; background-image:url(../images/card_close.svg);}
.card-alert.warning .media .media-left{background-color: #d6a54d;}
.card-alert.warning .media .media-body{background-color: #ffb42d;} 
.card-alert.warning .media .media-left:after { content:" "; background-image:url(../images/card_warning.svg);}
.card-alert .media .media-body .media-heading, .card-alert-success .media .media-body p{font-weight: normal; line-height: normal;}
.card-alert .media .media-close{position: absolute; color: #fff; right: 10px; top:7px; font-size: 24px; font-weight: normal; line-height: 24px;}
.card-alert .media .media-close:hover{text-decoration: none;}
/* updated notification css end */

/*header css start*/

.topbar  .site-msg-wrap { background-color: #fbb73a; border-color: #fbb73a; margin:0; padding: 6px 15px;}
.topbar  .site-msg-wrap .close  {color:#FFF; opacity: 0.75; font-weight: normal; text-shadow: none; padding: 3px 15px;}
.topbar  .site-msg-wrap .close:hover { color:#FFF; }

/*.navbar .right-icons .ricon-link{ margin: 0 10px; position: relative; }
.navbar .right-icons .ricon-link img{ max-width: 24px;}
.navbar .right-icons .ricon-link:hover  img{ filter: invert(36%) sepia(98%) saturate(1312%) hue-rotate(184deg) brightness(104%) contrast(104%); }
.navbar .right-icons .ricon-link:first-child { margin-left: 0;}
.navbar .right-icons .ricon-link:last-child { margin-right: 0;}
.navbar .right-icons > div { display: inline-block;}*/

.topbar  { position: relative;top: 0; left: 0; /*z-index: 1003;*/ width: 100%; background-color: #fff; }
.topbar .navbar  { padding: 0 15px; }
.topbar .navbar .navbar-nav a.nav-link { color: #1D1D1D; position: relative; padding-left:10px; padding-right: 10px; font-size: 16px; line-height: 32px;  }
.topbar .navbar .navbar-nav a.nav-link .prd_cout { position: absolute; background-color: #fff; border: 1px solid #1D1D1D; width: 14px; height: 14px; display: inline-block; text-align: center; font-size: 8px; color: #1d1d1d; line-height: 14px; top: 7px; right: 5px; border-radius: 50%; letter-spacing: 0px; font-weight: bold;}
.topbar .navbar .navbar-nav a.nav-link .prd_cout.red { border-color:#D00E0E; color: #D00E0E; }
.topbar .navbar .navbar-nav .menu-toggle { display: none; }

.page-titlebar {background-color: #052435; color: #fff; padding:8px 12px; font-size: 12px; float: left; width: 100%;}
.page-titlebar .breadcrumb  .breadcrumb-item a,  .page-titlebar .breadcrumb  .breadcrumb-item.active{ color: #FFF; }
.page-titlebar .breadcrumb-item+.breadcrumb-item::before { content: ">"; }
/*.black_subbar .dropdown a.dropdown-toggle { color: #fff; text-decoration: none; padding: 10px 0; display: inline-block;}
.black_subbar .dropdown a.dropdown-toggle:hover{ opacity: 0.85; }
.black_subbar .dropdown a.dropdown-toggle:after { display: none;}*/
/*.black_subbar .dropdown .dropdown-menu { padding: 22px;  }*/
.topbar .navbar .chat-link { display: inline-block;-webkit-animation: fglowing 1500ms infinite; -moz-animation: fglowing 1500ms infinite;-o-animation: fglowing 1500ms infinite;  animation: fglowing 1500ms infinite; }
/*.topbar .navbar .chat-link img { margin-top: -2px; }*/
.topbar .navbar .chat-link svg { width: 18px; margin-top: -2px; }
.topbar .navbar .chat-link svg path,  .topbar .navbar .chat-link  span{  -webkit-animation: fglowing 1500ms infinite; -moz-animation: fglowing 1500ms infinite;-o-animation: fglowing 1500ms infinite;  animation: fglowing 1500ms infinite; }
@-webkit-keyframes fglowing {
  0% {  fill: #353535;}
  50% {  fill: #8dc63f;}
  100% { fill: #353535;}
}
@-moz-keyframes fglowing {
  0% {  fill: #353535;}
  50% {  fill: #8dc63f;}
  100% { fill: #353535;}
}
@-o-keyframes fglowing {
  0% {  fill: #353535;}
  50% {  fill: #8dc63f;}
  100% { fill: #353535;}
}
@keyframes fglowing {
  0% {  fill: #353535; color: #353535;}
  50% {  fill: #8dc63f; color: #8dc63f;}
  100% { fill: #353535; color: #353535;}
}

/*header css end  */
.support-link  { display: inline-block; border-radius: 4px; font-size: 14px; color:#FFFFFF; padding: 5px 10px;  -webkit-animation: fglowing-v2 1500ms infinite; -moz-animation: fglowing-v2 1500ms infinite;-o-animation: fglowing-v2 1500ms infinite;  animation: fglowing-v2 1500ms infinite; text-decoration: none; }
.support-link:hover, .support-link:focus {color:#FFFFFF;  text-decoration: none; }
@-webkit-keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}
@-moz-keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}
@-o-keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}
@keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}

/* new slidebar css start*/
.main-wrapper { margin-left: 235px; position: relative; }
.left-sidebar .mCSB_scrollTools { width: 5px; }
.left-sidebar { position: fixed; top: 0;bottom: 0; left: 0; z-index: 100;  width: 235px; height: 100%; background-color: #FFFFFF;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);}
.left-sidebar .navbar-head { text-align: center; padding: 25px;}
.left-sidebar .navbar-brand { padding: 0; margin: 0; }
.left-sidebar .navbar-brand img { max-width: 100%; max-height:150px; }
.left-sidebar ul.nav > li:last-child { margin-right: 0; }
.left-sidebar ul.nav > li { display: inline-block; width: 100%; }
.left-sidebar ul.nav > li > a.nav-link{ color: #1D1D1D; padding: 12px 15px; position: relative; font-size: 14px;transition: all .3s ease-out;  }
.left-sidebar ul.nav > li > a i { width: 28px; font-size: 18px; display: inline-block; vertical-align: top; line-height: 22px;  }
.left-sidebar ul.nav > li > a.dropdown-toggle:after { position: absolute; right: 10px; top: 12px; }
.left-sidebar ul.nav > li.show > a.dropdown-toggle:after { transform: rotate(180deg) translate(0, -50%); top: 5px}
.left-sidebar ul.nav > li > a:hover, .left-sidebar ul.nav > li.active > a,  .left-sidebar ul.nav > li > a.active{ background-color:#11A89f; color: #FFFFFF; }
.left-sidebar ul.nav > li.dropdown .dropdown-menu{ box-shadow: none; background: none; }
.left-sidebar ul.nav > li.dropdown .dropdown-menu .dropdown-item { padding-left: 40px; }
.left-sidebar ul.nav > li.dropdown .dropdown-menu .dropdown-item.active, .left-sidebar ul.nav > li.dropdown .dropdown-menu .dropdown-item:hover {color: #11A89f; background: none; }
.left-sidebar ul.nav > li > a span.red-dot{width:7px; height:7px; background-color:#D00E0E; display:inline-block; border-radius:50%; position:absolute; top:9px; right:-2px;}
/* new slidebar css end  */

/* footer css start   */
.footer {background-color: #F9F9F9; text-align: left; color:#1D1D1D; padding: 30px 15px;margin-left: 0px; display: inline-block; width: 100%;}
.footer .logo {  display:inline-block; margin-bottom: 15px;}
.footer .logo img{max-width:105px;}
.footer .logo small { text-transform: uppercase;font-size: 8px; margin-top: 8px; letter-spacing: 0.5px; display: block;color: #3D3D3D; text-align: center; }
.footer .contact_ul.fs18 ul li.li-head i{ top:2px;}
.footer .contact_ul ul { display:block; padding:0;}
.footer .contact_ul ul li { display:block; padding-left: 25px;}
.footer .contact_ul ul li.li-head{ position:relative;font-weight: bold; text-transform:uppercase;  }
.footer .contact_ul ul li.li-head i{ position:absolute; left:0; top:0; font-size:16px; color:#11A89f; }
.black_footer { background-color:#3D3D3D; padding:15px; font-size: 14px; color:#fff;   }
.black_footer .doc_ul{ padding: 0; margin: 0; }
.black_footer .doc_ul li{ display: inline-block; border-right: 1px solid #fff; line-height: 14px; margin-right: 7px; padding-right: 7px; }
.black_footer .doc_ul li:last-child { margin-right: 0; padding-right: 0; border:0; }
.black_footer .doc_ul li a{ color:#fff;  }
/* footer css end   */

/*BS scrolling tab css start */
.scroll_tabs_container{position:relative;top:0px;left:0px;right:0px;text-align:left;height:47px;margin-bottom:10px;}
ul.scroll_tabs_container{list-style:none;}
.scroll_tabs_container div.scroll_tab_inner{height:47px;}
.scroll_tabs_container div.scroll_tab_inner li{font-size:14px; cursor:pointer;}
.scroll_tabs_container div.scroll_tab_inner li{display:-moz-inline-stack;display:inline-block;*display:inline;list-style-type:none;}
.scroll_tabs_container div.scroll_tab_inner li a { font-size: 18px; font-weight: 500;  border: 0;  border-bottom: 2px solid transparent; color: #1D1D1D; text-transform: uppercase; padding-left:15px;padding-right:15px;line-height:28px; display: inline-block;}
.scroll_tabs_container div.scroll_tab_inner li.active a{ color: #11A89f;  border-bottom: 2px solid #11A89f; }
.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher{padding:0px;width:0px;}
.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher{padding:0px;width:0px;}
.scroll_tabs_container .scroll_tab_left_button{height:47px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; text-align: left;}
.scroll_tabs_container .scroll_tab_right_button { text-align: right; }

.scroll_tabs_container .scroll_tab_left_button::before{content:"\f053";  font-family: FontAwesome; line-height:47px;}
.scroll_tabs_container .scroll_tab_right_button::before{content:"\f054"; font-family: FontAwesome; line-height:47px;}
.scroll_tabs_container .scroll_tab_left_button_disabled, .scroll_tabs_container .scroll_tab_right_button_disabled{color:#AAAAAA; opacity: 0;}
/*BS scrolling tab css end  */

/*Commision page css start*/
.commision_tab .dash_box.active {border-bottom: 4px solid #11A89f; }
.commision_tab .dash_box .media {padding: 0; border: 0; margin-bottom: 20px; }
/*Commision page css end  */

/*Dashboard css start*/
.dashboard_wrap .dash_box { margin-bottom:20px; }
.dashboard_wrap .dash_box .line-title h1 { margin-bottom:10px; }
.dashboard_wrap .dash_box .media {padding: 0;border: 0;margin-bottom: 20px;}
.dashboard_wrap .dash_box .media .media-left {width: 40%;}
.dashboard_wrap .dash_box .media .media-body .btn.btn-primary { display: block; }
.dashboard_wrap .news_list { width: 100%; padding-right: 15px; margin-bottom: 20px; display: inline-block; }
.dashboard_wrap .news_list h4 {font-size: 24px;font-weight: normal;margin-bottom: 5px;}
.dashboard_wrap .news_list h4 small.time { color: #aeaeae; float: right; text-align: right; font-size: 12px; margin-top: 6px;}
.dashboard_wrap .news_list p {line-height: 20px; font-size: 12px; margin:0; word-break: break-all;}
.dashboard_wrap .news_list p a {font-size: 12px; float: right; text-decoration: underline;}
.dashboard_wrap .news_list img { max-width: 100% !important; }

.dashboard_slider {padding: 0;margin: 0; margin-bottom: 0;}
.dashboard_slider .bx-wrapper { border: 0;box-shadow: none;left: 0; margin-bottom: 45px;}
.dashboard_slider .bx-controls .bx-pager { position: absolute;bottom: -30px;padding: 0;margin: 0;width: 100%; list-style: none; text-align: center;}
.dashboard_slider .bx-wrapper .bx-pager {text-align: center; font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.dashboard_slider .bx-controls .bx-pager .bx-pager-item {display: inline-block; margin-right: 15px;}
.dashboard_slider .bx-controls .bx-pager .bx-pager-item a {border: 0;background: none; font-size: 0;border-radius: 100%;border: 2px solid #1D1D1D;height: 14px;width: 14px;display: inline-block;padding: 0;margin: 0;}
.dashboard_slider .bx-controls .bx-pager .bx-pager-item a.active {background-color: #1D1D1D;}
.dashboard_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000;}
.dashboard_slider .item  img { width:91%; margin:0 auto;max-height: 502px; } 
.dashboard_slider .bx-controls .bx-controls-direction a {left: 0; min-width: 50px; background: none;position: absolute;top: 0;height: 100%; z-index: 99;font-size: 0;background-color: #F9F9F9; border: 0;margin-top: 0;text-indent: inherit;text-align: center;}
.dashboard_slider .bx-controls .bx-controls-direction a.bx-next {left: inherit;right: 0;}
.dashboard_slider .bx-controls .bx-controls-direction a.bx-prev:after {content: "\e605";font-family: 'simple-line-icons'; font-size: 25px;color: #1d1d1d;}
.dashboard_slider .bx-controls .bx-controls-direction a:after {top: calc(50% - 15px ); position: relative;}
.dashboard_slider .bx-controls .bx-controls-direction a.bx-next:after {content: "\e606";font-family: 'simple-line-icons';font-size: 25px;color: #1d1d1d;}

.dashboard_slider .bx-wrapper .bx-viewport { box-shadow: none; }
.dashboard_slider .bx-controls .bx-controls-direction a:hover, .dashboard_slider .bx-controls .bx-controls-direction a:focus {text-decoration: none; }

.btn.btn-animation { -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite;-o-animation: glowing 1500ms infinite;  animation: glowing 1500ms infinite; color: #FFF; } 
.btn.btn-animation:hover { color: #FFF; }
@-webkit-keyframes glowing {
  0% { background-color: #11A89f; border-color: #11A89f; -webkit-box-shadow: 0 0 3px #11A89f; }
  50% { background-color: #fbb73a;border-color: #fbb73a; -webkit-box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #11A89f; border-color: #11A89f; -webkit-box-shadow: 0 0 3px #11A89f; }
}

@-moz-keyframes glowing {
  0% { background-color: #11A89f; border-color: #11A89f; -moz-box-shadow: 0 0 3px #11A89f; }
  50% { background-color: #fbb73a;border-color: #fbb73a; -moz-box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #11A89f; border-color: #11A89f; -moz-box-shadow: 0 0 3px #11A89f; }
}

@-o-keyframes glowing {
  0% { background-color: #11A89f; border-color: #11A89f; box-shadow: 0 0 3px #11A89f; }
  50% { background-color: #fbb73a;border-color: #fbb73a; box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #11A89f; border-color: #11A89f; box-shadow: 0 0 3px #11A89f; }
}

@keyframes glowing {
  0% { background-color: #11A89f; border-color: #11A89f; box-shadow: 0 0 3px #11A89f; }
  50% { background-color: #fbb73a;border-color: #fbb73a; box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #11A89f; border-color: #11A89f; box-shadow: 0 0 3px #11A89f; }
}

.dash_alert.alert  { display: table; padding: 0; width: 100%; background-color: #f5f5f5; }
.dash_alert.alert .alert-row { display: table-row; }
.dash_alert.alert .alert-row > div { display: table-cell; vertical-align:  middle; }
.dash_alert.alert .alert-icon {  font-size: 30px; line-height:0; text-align: center; width:40px; color:#000000; }
.dash_alert.alert .alert-content { position: relative;  padding: 10px 48px 10px 8px;  display: inline-block;  }
.dash_alert.alert .alert-content .close {  position: absolute; right: 0; bottom: 0; background-color: #11A89f; color:#fff; font-weight: normal; opacity: 1; font-size: 18px; padding: 0px; min-width: 40px;  }

.dash_slider { width: 100%; /*height: 500px;*/ background-color:#000000; margin: 0 auto; overflow: hidden; position: relative;margin-bottom: 25px;  }
.dash_slider .slider-nav .slider-button { font-size: 2.5em; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.75); opacity: 0.5; }
.dash_slider .slider-nav .slider-button:hover { opacity: 1; }
.dash_slider .slider-nav-content .bullet-list { position: absolute; padding: 0; text-align: center; width: 100%; bottom: 0; z-index: 3; }
.dash_slider .arrows li { position: absolute; top: 50%; transform: translateY(-50%); }
.dash_slider .arrows li:first-child { right: 0em; }
.dash_slider .arrows li:last-child { left: 0em; }
.dash_slider .slider-nav-content .bullet-list li { display: inline-block; }
.dash_slider .arrows li, .dash_slider .bullet-list li, .slide { list-style: none; }
.dash_slider .bullet-list .bullet { width: 15px; height: 15px; margin: 0 .15em; -webkit-border-radius: 50%; border-radius: 50%; background: #FFFFFF; transition:  transform .6s,  -webkit-transform .6s; transform: scale(0.8);  }
.dash_slider .bullet-list .bullet.active { opacity: 1; transform: scale(1);}
.dash_slider .slider-list { width: 100%; height: 100%; padding-left: 0; opacity: 1; margin-bottom: 0; }
.dash_slider .slide { width: 100%; padding-top:62.45% ; background-color: #000; background-position:center; background-repeat: no-repeat; background-size: 100%; display: block; text-align: center; opacity: 1; position: relative; }
.dash_slider .slide:before {content: ""; position:absolute; left: 0; bottom: 0; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(196, 196, 196, 0) 35.94%, rgba(0, 0, 0, 0.72) 100%); }
.dash_slider .slide-content { position: absolute; left: 0; bottom: 0; width: 100%; color: #FFFFFF; padding: 15px 30px 50px; }
.dash_slider .arrows { margin: 0; padding: 0; }
.dash_slider .arrows .slider-button{ position: absolute; left: 0; top:-27px; z-index: 1; }
.dash_slider .arrows .slider-button.next{left: inherit; right: 0; }
/*Dashboard css end  */

/* Coffee dashboard css start */
.text-red { color:#8c1c10; }

.coffee-red-wrap  { max-width:950px; margin:0 auto; }

.btn-red { background-color:#8c1c10; border-color:#8c1c10;color:#FFF;  border-radius:0; padding:.475rem .95rem; font-weight:normal;  }
.btn-red:hover,.btn-red:focus, .btn-red:active {background-color:#000000; border-color:#000000;color:#FFF;   }

.dash-box-text { background-color:#fcc2c1; border-radius:8px; border:1px solid #010101; line-height:normal; color:#070400; }
/* Coffee dashboard css end   */

/*profile-page*/
.text-lightgrey {color: #878787 !important;}
.text-exlightgray {color: #D3D3D3 !important;}
.profile_info { border:2px solid #1D1D1D; margin-bottom:50px; }
.profile_info .profile-head {padding:15px;  border-bottom:2px solid #3AB80E;} 
.profile_info .profile-body .right_btn { position: relative; right: 0; bottom: 0; text-align: right;}
.profile_info .profile-head .profile-img {	border: 1px solid #F3F3F3;height: 50px;	width: 50px; text-align:center; }
.profile_info .profile-head .profile-img img{ width: 100%; height: 100%; }
.profile_info#profile_edit_div .profile-head .profile-img { border-color:#11A89f; padding-top: 15px;}
.profile_info .profile-body {padding:15px; position:relative; }
.profile_info .profile-body table tr td { padding:4px 0;}
.profile_info .profile-head .media-left{vertical-align:top;}

.profile_cust{width:55px; height:55px; border:none;border:1px solid #11A89f; position: relative;}
.img-container{max-height: 450px; overflow: hidden; margin-bottom: 15px;}
.docs-cropped .modal-body>canvas, .docs-cropped .modal-body>img, .img-container>img, .img-preview>img {max-width: 100%;}
.docs-buttons .btn-default {color: #333; background-color: #fff; border-color: #ccc;}
.docs-buttons .btn-primary{background: #11A89f;border: 2px solid #11A89f; color:#fff;}
.profile_cust .dropzone .dz-preview, .profile_cust .dropzone-previews .dz-preview{margin:0px;  padding:0px; display:block; border:none; position:relative;}
.profile_cust .dropzone{padding:0px; }
.profile_cust .dropzone.dz-clickable .dz-message, .profile_cust .dropzone.dz-clickable .dz-message span{margin:0px; min-width:53px; min-height:53px;}
.profile_cust .dropzone .dz-preview .dz-details .dz-size, .profile_cust .dropzone .dz-preview .dz-progress{display:none!important;}
.profile_cust .dropzone .dz-preview  .dz-remove{width:100%; padding:0px; color:#fff; background-color:transparent;  font-size:0px; text-align:right; line-height:0px; position:absolute; right:-2px; bottom:2px;}
.profile_cust .dropzone .dz-preview  .dz-remove:before{font-family:'FontAwesome'; content:"\f00d"; font-size:10px; background-color:#4d4d4d; color:#fff; padding:2px 3px;}
.profile_cust .dropzone .dz-preview  .dz-remove:hover{text-decoration:none;}
.profile_cust .dropzone .dz-preview .dz-details, .profile_cust .dropzone .dz-preview .dz-details img{height:55px; width:55px;margin-bottom:0px; background-color:transparent;}
.profile_cust  .dropzone{position:relative; border:none;}
.profile_cust .edit-det-prof{width: 74px; margin: 0px; padding: 0px; position: absolute; bottom: -7px;left: -17px; text-align: center; z-index: 200;    list-style-type: none; right: -10px;}
.profile_cust .edit-det-prof li{ display:inline-block; margin-right:3px;}
.profile_cust .edit-det-prof li a{font-size:10px; background-color: #11A89f; color:#fff; width:20px; height:20px; text-align:center; line-height:20px; border-radius:100%; display:inline-block;  }
.profile_cust .edit-det-prof li:last-child{margin-right:0px; float:right;}
.profile_cust .dropzone .dz-preview .dz-details .dz-filename{display:none;}
.profile_social a{font-size:32px; color:#11A89f; margin-right:40px;}
.profile_social_panel .form-group{margin-top:50px; margin-bottom:0px;}

/* order edit page css start */
.order_edit_box{ padding:15px; min-height:170px; border:1px solid #1D1D1D;position:relative;}
.order_edit_box .custom-control.custom-radio { transform: scale(1.2); position: relative; left: 10px;  top: -15px;}
.order_edit_box table{min-height:112px;}
.order_edit_box table tbody tr td{padding-right:15px;}
.order_edit_box table tbody tr td:first-child{padding-right:0px;}
.order_edit_box .edit{ padding:7px 20px; border: 1px solid #11A89f; font-size:16px; color:#1d1d1d; text-align:center; text-transform:uppercase;  }
.order_edit_box .edit:hover, .order_edit_box .edit:focus{ background-color:#11A89f; color:#fff; text-decoration:none;}
.order_edit_box .edit_type{font-size: 24px; line-height:24px; color: #ddd; text-transform:uppercase;}
/* order edit page css end */

/*popup warning message css start */
.popup-warning { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height:calc(100vh - 100px );}	
.popup-warning .media { max-width:650px; margin:0 auto;}
.popup-warning .media.media-auto { max-width:inherit ;}
.popup-warning .media .media-left {padding-right: 15px;}
.popup-warning.two-alert { display: block; padding-top: 100px; }
.popup-warning.two-alert .media { margin-bottom: 50px; }

.iframe .btn + .btn { margin-left:10px;}
/*popup warning message css end   */

/*iframe css start*/
.iframe{background-color:#fff!important;}
.iframe .card{box-shadow: none; background-color:#fff; border:none; margin: 0px;}
.iframe .card .card-header{padding: 15px 20px; background-color:#fff; border-bottom: 1px solid #bbb;}
.iframe .card .card-header .card-title{ font-size: 18px; font-weight: 500;  margin: 0px;}
.iframe .card .card-body{padding: 20px; background-color:#fff;}
.iframe .card .card-footer{padding: 20px; background-color:#fff; border-top: 1px solid #bbb;}
.iframe .padding_panel .card-body{ padding: 50px 50px 15px ; }
.padding_panel_lg .card-body{ padding: 80px 100px 15px ; }
/*iframe css end  */

/* phone addon css start */
.phone-control-wrap.fixed_size{ table-layout:fixed;}
.phone-control-wrap { display:table; width:100%;}
.phone-control-wrap .phone-addon { display:table-cell; vertical-align:middle; padding-right:8px; text-align:center;}
.phone-control-wrap .phone-addon:last-child{padding-right:0;}
/* phone addon css end */

/* error class start */
.parsley-error-list { color: #FF0000; font-size:12px; display: block;  list-style: outside none none; margin: 0; padding: 0!important; text-align: left;}
.error, .required_error { padding: 0px !important; color: #FF0000 !important; font-size: 12px !important; margin: 0px !important; }
/* error class start */

/*Table css start */
.recorde_perpage{margin-bottom: 20px;}
.table-theme {font-size: 14px;}
.table-theme thead tr {background:#11A89f;  }
.table-theme thead tr th, .table-theme thead tr th a{ color:#fff;  border-bottom:0; font-weight: 500; } 
.table-theme tbody tr td, 
.table-theme thead tr th, .table-theme tfoot tr td{ padding:10px; border:0; vertical-align:middle;  }
.table-theme tbody tr:last-child td{ border-bottom:1px solid #F4F4F4; }
.table-theme tr td.icons{white-space: nowrap;}
.table-theme tr td.icons a:hover img { filter: invert(0) sepia(0%) saturate(0) hue-rotate(181deg) brightness(40%) contrast(108%);}
.table-theme tr td.icons a:not(.btn) > i { color:#000000; font-size:18px; margin: 0 5px;}
.table-theme tr td.icons a:not(.btn):hover > i { color:#000000;}

.pagination{margin: 0px;}
.pagination .page-item{margin-right: 5px;}
.table-theme tr.table-primary td { background-color:#E9EFFF; }
.table-theme tr.table-secondary td { background-color: #dddddd; }
.pagination .page-item .page-link{color: #000; border-color:#bbb; padding:4px 8px;}
.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover{background-color: #11A89f; color: #fff; border-color: #11A89f;}
.pagination .page-item.disabled {cursor: not-allowed;}
.pagination .page-item.disabled .page-link{background-color: #f4f4f4; color: #999; pointer-events:none;}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{border-radius: 0px;}
.pagination .page-item .page-link:focus{box-shadow: none;}
.pagination .page-item .page-link:hover{background-color:inherit;}
.pagination .page-item .page-item:last-child{margin-right: 0px;}
/*Table css end   */

/* card css start */
.card{box-shadow: 0 2px 8px 0 rgba(61,61,61,0.25); background-color:#fff; border:none;}
.card .card-header:not(.card-search .card-right){padding: 20px; background-color:#fff;}
.card .card-header .card-title{ font-size: 18px; font-weight: 500;  margin: 0px;}
.card .card-body{padding: 20px; background-color:#fff;}
.card .card-footer{padding: 20px; background-color:#fff; border:none;}
.card.inline-colorbox{box-shadow: none; margin: 0px;}
.card.inline-colorbox .card-header{background-color: #fff;}
/*  card css end */

/*Shopping pages css start */
.prd_details .purchase_radio .custom-control{ padding-left:0;  }
.prd_details .purchase_radio .custom-control-label span{ border: 1px solid #11A89f; color: #11A89f; text-transform: uppercase;  border-radius:4px; padding:6px 20px 6px 40px ; display:inline-block; }
.prd_details .purchase_radio .custom-control-label::after, .prd_details .purchase_radio .custom-control-label::before { left:14px; top:9px;}
.prd_details .purchase_radio .custom-control-input:checked~.custom-control-label span{ background-color:#11A89f; color:#fff; }

.prd_details .product-details-img { margin-bottom:15px; display:inline-block; max-width:710px; padding: 0px; text-align: center; /*min-height: 600px;max-height: 490px;*/  position:relative; }
.prd_details .product-details-img .product-zoom-right {position: relative; width:100%; float: left; padding:10px ; min-height: 280px;}
.prd_details .product-details-img .product-zoom-right img { display: block; height: auto; margin: 0 auto; max-width: 100%; max-height: 400px; }
.prd_details .product-details-img .product-dec-slider-2{ padding: 0; width: 100%; padding:0 10px; float: left; margin-top: 10px;}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide{margin: 5px;}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide div { display: flex; align-items: center; }
.prd_details .product-details-img .product-dec-slider-2 .slick-slide a { width:100%; height:100px; line-height: 5.5rem; margin:0 auto; cursor: pointer; padding: 2px; box-shadow: 0 2px 4px 0 rgba(61,61,61,0.5); transform: scale(0.9);transition: all .3s ease-in-out;}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide a.active { box-shadow: 0 2px 4px 0 rgba(30,42,76,0.5); transform: scale(1);}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide a:hover { box-shadow: 0 2px 4px 0 rgba(30,42,76,0.5); transform: scale(1);}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide img { max-width:100%; max-height:96px; margin:0 auto; display: inline-block;}
.product-details-img .product-dec-slider-2 img { max-width: 100px;}
.product-details-img .product-dec-slider-2 .product-dec-icon {cursor: pointer;display: inline-block; left:0%; position: absolute; -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9;  width: 30px; height: 30px; line-height:27px; text-align: center; font-size: 20px; color: #1f2226; top:38%; }
.product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-prev { left:0px; }
.product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-next { left:inherit; right: -30px; }
.product-details-img .product-dec-slider-2 .product-dec-icon:hover { color: #11A89f; }

.blue-border-ig .input-group-text{border: 1px solid #11A89f;background-color: #F4F4F4; background-color: #F4F4F4;border-radius: 2px 0 0 2px; font-weight: bold;}
.blue-border-ig.input-group>.form-control{border: 1px solid #11A89f; border-radius: 1px;}
.blue-border-ig.input-group>.form-control:focus{ outline: 0; border: 1px solid #11A89f; box-shadow: none; }

.cart-dropdown .dropdown-toggle::after{ display: none; }
.cart-dropdown .dropdown-menu {border: 1px solid #F4F4F4; border-radius: 4px; box-shadow: 0 0 5px 0 rgba(187,187,187,0.5); padding: 0; min-width:400px;}
.cart-dropdown .dropdown-menu .cart-body{max-height:190px; position: relative;}
.cart-dropdown.open .dropdown-menu{ max-height: 400px;opacity: 1;}
.cart-dropdown .dropdown-menu .table-cart { font-size:16px; width:100%; margin:0px 0px 10px; }
.cart-dropdown .dropdown-menu .table-cart tbody tr td { border-bottom:0.50px solid #bbb;}
.cart-dropdown .dropdown-menu .table-cart tr td { padding:10px 4px; vertical-align:top; }
.cart-dropdown .dropdown-menu .table-cart tr td:last-child { padding-right:20px;}
.cart-dropdown .dropdown-menu .table-cart tr td:first-child { padding-left:0;}
.cart-dropdown .dropdown-menu .table-cart tfoot { font-size:16px;}

.prd_cate_label {display: flex; justify-content: center; align-content: center; flex-direction: column;background-color: #11A89f; color: #fff; padding: 7px; min-width: 380px; max-width: 380px; padding-left: 65px;  margin-bottom: 15px;  min-height: 50px;} 
.prd_cate_label.left-title{ position: relative; min-width: 100%; padding-left: 42px; border-radius:4px 0 0 4px; }
.prd_cate_label.left-title:after{ content: ""; width: 100%; height: 100%; position: absolute; right: -12%; z-index: -1; background-color: #11A89f; }
.prd_cate_label h4 { text-transform: uppercase;  margin: 0px;}
.prd_item_wrap { text-align:center; margin-bottom:30px; position:relative; margin-top: 20px;}
.prd_item_wrap a:hover h4{ color:#11A89f;}
.prd_item_wrap .prd_img { min-height:205px; line-height:160px; position: relative;display: inline-block; width: 100%;  }
.prd_item_wrap .prd_img img {max-height: 160px; max-width:160px;  margin: 0 auto;}
.prd_item_wrap .prd_img .quick_popup{position: absolute; top: 50%; left: 0px; right: 0px; max-width: 180px; transform: translateY(-50%);  box-shadow: 0 2px 4px 0 rgba(29,29,29,0.35); transition: all 0.4s ease-out; margin: 0 auto; opacity: 0;}
.prd_item_wrap .prd_img:hover .quick_popup{ opacity: 1; }
.prd_item_wrap  h4{font-size: 18px; font-weight:normal; color: #3D3D3D; text-transform:uppercase;}
.prd_item_wrap  a { text-decoration: none; }

.res-tab-wrap {border: 1px solid #d0d0d0;}
.res-tab-wrap .resp-tabs-list { margin: 0px; padding: 0px;background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); width: 100%; display: inline-block; }
.res-tab-wrap .resp-tabs-list li { padding: 20px 20px; margin: 0; list-style: none; cursor: pointer; float: left; color: #2A2B2F; font-size: 16px; border-right:1px solid #d0d0d0;}
.res-tab-wrap .resp-tabs-list li:last-child { border:0; }
.resp-tabs-container { padding: 0em; clear: left; }
.resp-tabs-container h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding: 15px; }
.res-tab-wrap .resp-tabs-list li.resp-tab-active { background: #fff; color:#000; }
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tabs-container h2.resp-accordion { font-size: 17px; border-bottom: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 16px 15px;  }
.resp-tabs-container h2.resp-tab-active { border-bottom: 0px solid #fff !important; margin-bottom: 0px !important;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
.resp-tab-content.resp-tab-content-active +  h2.resp-accordion { border-top: 1px solid #c1c1c1; }

model-viewer{width:100%;height:100%;background-color:#fff;display: block;position:  absolute; contain: strict;}
.product-details-img .progress-bar{display:block;width:33%;height:10%;max-height:2%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);border-radius:25px;box-shadow:0 3px 10px 3px rgba(0,0,0,.5),0 0 5px 1px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.9)}
.product-details-img .progress-bar.hide{visibility:hidden;transition:visibility .3s}
.update-bar{width:0%;height:100%;border-radius:25px;float:left;transition:width .3s}
#ar-button{background-image:url('../images/ar_icon.png');background-repeat:no-repeat;background-size:20px 20px;background-position:12px 50%;background-color:#fff;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;bottom:132px;padding:0 16px 0 40px;font-size:14px;color:#4285f4;height:36px;line-height:36px;border-radius:18px;border:1px solid #dadce0}
#ar-button:active{background-color:#e8eaed}#ar-button:focus{outline:none}#ar-button:focus-visible{outline:1px solid #4285f4}
@keyframes circle{from{transform:translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg)}to{transform:translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg)}}@keyframes elongate{from{transform:translateX(100px)}to{transform:translateX(-100px)}}
model-viewer>#ar-prompt{position:absolute;left:50%;bottom:175px;animation:elongate 2s infinite ease-in-out alternate;display:none}
model-viewer[ar-status=session-started]>#ar-prompt{display:block}model-viewer>#ar-prompt>img{animation:circle 4s linear infinite}

/*Shopping pages css end   */

/* Summary box css start */
.sum_wrap {width: 100%; border: 1px solid #3D3D3D; position: relative; margin:20px 0; border-radius: 3px; }
.sum_wrap .sum_title {position: absolute; font-size: 32px; line-height: 42px; text-align: center; top: -23px; left: 0; width: 100%; text-align: center; position: absolute;      text-transform: uppercase; font-weight: normal; color: #3d3d3d;}
.sum_wrap .sum_title span {display: inline-block;  background-color: #fff; padding: 0 15px;}
.sum_wrap .sum_body { padding: 35px 20px 20px 20px;}
.sum_wrap .sum_body table { width: 100% ; }
.sum_table .table thead tr th{color: #878787; text-transform: uppercase; border-bottom: 1px solid #F4F4F4; font-weight: normal;}
.sum_wrap .sum_body table tr td{vertical-align: middle;}
.sum_wrap .sum_body table tr td:first-child{color: #878787; text-transform: uppercase;}
.sum_wrap .sum_body .sum_table_bottom tr td{padding: 10px; font-size: 18px;}
.sum_wrap .sum_body .sum_table_bottom tr td:last-child{ text-align: right; font-weight: bold; }
.sum_wrap .sum_body .sum_table_bottom tfoot tr td{border-top: 1px solid #f4f4f4; padding-bottom: 0px;}
.sum_wrap .sum_body .sum_table_bottom tfoot tr td:first-child{ color:#3d3d3d; font-weight: 500;  }
.sum_wrap .sum-line-title h5 { position: relative; color:#BBBBBB; }
.sum_wrap .sum-line-title h5 span{ background-color: #fff; position: relative; z-index: 11; display: inline-block; padding-right: 20px;}
.sum_wrap .sum-line-title h5:after{content: ""; width: 100%;height: 2px; position: absolute; left: 0; top: 50%; border-bottom: 2px solid #BBBBBB;}
/* Summary box css end  */

.cpopup_wrap {display: none;}

.profile_social a {font-size: 32px;color: #11A89f;margin-right: 40px;}
.btn-block {display: block;width: 100%;}
.distributor-profile-tab .nav-tabs:not(.nav-justified){border-bottom: 1px solid #d5d5d5;}

.info-icon { position: absolute; right:-22px; top: 5px; font-size: 18px; }
.info-icon:hover + .pswd_popover { display: block; }
.pswd_popover {  padding: 10px; background-color: #fff; font-size: 12; color:#3d3d3d; position: absolute; bottom: 100%; right: -26px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); display: none; }
.pswd_popover:after { content: "";width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; position: absolute; right: 2px; bottom: -10px;  }
.pswd_popover:before { content: "";width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #9c9c9c transparent transparent transparent; position: absolute; right: 2px; bottom: -11px;  }
.object_hide { display:none; }
/*personalized-popup css*/

/*Tab css start  */
.nav-tabs:not(.nav-justified) {font-size:18px; border:0; border-bottom: 2px solid #F3F3F3; margin-bottom: 30px;}
.nav-tabs:not(.nav-justified) > li.nav-item > a { text-transform: uppercase; color: #3D3D3D; border:0;  border-bottom: 2px solid  transparent; /*font-weight: 500;*/ padding: 6px 15px; }
.nav-tabs:not(.nav-justified) > li.nav-item:first-child > a{ padding-left:0;}
.nav-tabs .nav-item {margin-bottom: -2px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: 0; background-color:transparent;} 
.customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover { color:#11A89f;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border: 0; border-bottom: 2px solid #11A89f; color: #11A89f;}
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active { border: 0; border-bottom: 2px solid #11A89f; color: #11A89f;}
/*Tab css end  */

/* new comman tab responsive css start */
/*.tab_wrapper {position:relative; margin:0 auto; margin-bottom: 18px; overflow:hidden; padding:5px; height:42px; background-color:#fff;}
.tab_wrapper .nav-tabs { position:absolute; left:0px; top:0px;  min-width:3000px; margin-top:px;}
.tab_wrapper .nav-tabs li{display:table-cell;  position:relative; text-align:center; cursor:grab; cursor:-webkit-grab;  color:#efefef; vertical-align:middle;}
.scroller { text-align:center; cursor:pointer; display:none;  padding:11px 7px; white-space:no-wrap; vertical-align:middle; background-color:#fff;}
.scroller-right{  float:right;}
.scroller-left {  float:left; }
.scroller .fa { font-weight: bold; font-size:18px; }*/
/* new comman tab responsive css end */

/*shop page css start*/
.shop_filter_bar .left-search { min-width: 345px;  }
.shop_filter_bar .left-search .form-control{ border:0; border-bottom: 1px solid #11A89f; border-radius:0; }
.shop_wrap .prd_label {display: flex; justify-content:center; align-content:center; flex-direction:column;  background-color:#11A89f; color:#fff; padding:7px; min-width:450px; max-width:450px; padding-left:25px; margin-left:-25px; margin-bottom:15px; min-height:50px;}
.shop_wrap .prd_label  h4 { text-transform:uppercase; margin:0px; font-size: 20px;}

.cart_table.table thead th { border-top: 0; border-bottom: 1px solid #878787; color:#878787; font-weight: normal; text-transform: uppercase; }
.quantity-select{min-width:105px; }
.value-minus, .value-plus { height: 34px; line-height: 24px; width: 35px;  float:left; cursor: pointer; position: relative; font-size: 14px; color: #fff; text-align: center; -webkit-user-select: none; -moz-user-select: none; border: 0.5px solid #1D1D1D; vertical-align: bottom; }
.quantity-select .entry.value-minus, .quantity-select .entry.value-plus {color:#1D1D1D; font-size:14px; font-family:'FontAwesome'; line-height:34px;}
.quantity-select .entry.value-minus:before { content:"\f068"; position:relative;}
.quantity-select .entry.value-plus:before { content:"\f067"; position:relative;  }
.quantity-select .value { float:left; cursor: default; width: 35px; height: 34px; padding: 8px 0px; color: #000; line-height: 18px; border-top: 0.5px solid #1D1D1D;  border-bottom: 0.5px solid #1D1D1D; background-color: #fff; text-align: center; font-weight:600;  }
.quantity-select .entry.value-minus:hover, .quantity-select .entry.value-plus:hover { background: #ddd; }
.quantity-select .entry.value-minus { margin-left: 0; }
/*shop page css end */

/*Search form css start */
.search_head { display: block;  }
.search_head h4{ text-transform: uppercase; font-size: 16px;  line-height: 48px;  margin-bottom:20px; display: inline-block; pointer-events: none;}
.search_head .search_circle{background-color:#11A89f; width: 48px; height: 48px; color:#fff; border-radius:50%; text-align:center; line-height:48px;  vertical-align: middle;  margin-right:15px; font-size:32px; display:none;}
.search_head .search_circle span:after{ content: "+"; }
.search_head h4.collapsed { pointer-events:inherit; cursor: pointer;   }
.search_head h4.collapsed .search_circle { display: inline-block; }
/*Search form css end   */

/* perfectscroll css start */
.ps{-ms-touch-action:auto;touch-action:auto;overflow:hidden!important;-ms-overflow-style:none; position: relative;}


@supports (-ms-overflow-style:none){
	.ps{overflow:auto!important;}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
	.ps{overflow:auto!important;}
}
.ps.ps--active-x > .ps__scrollbar-x-rail,.ps.ps--active-y > .ps__scrollbar-y-rail{display:block;background-color:transparent;}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail{background-color:#eee;opacity:0.9;}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x{background-color:#999;height:11px;}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail{background-color:#eee;opacity:0.9;}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y{background-color:#999;width:11px;}
.ps > .ps__scrollbar-x-rail{display:none;position:absolute;    /* please don't change 'position' */opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:0px;    /* there must be 'bottom' for ps__scrollbar-x-rail */height:15px;}
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x{position:absolute;      /* please don't change 'position' */background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;bottom:2px;      /* there must be 'bottom' for ps__scrollbar-x */height:6px;}
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x{height:11px;}
.ps > .ps__scrollbar-y-rail{display:none;position:absolute;    /* please don't change 'position' */opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:0;    /* there must be 'right' for ps__scrollbar-y-rail */width:15px;}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y{position:absolute;      /* please don't change 'position' */background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;right:2px;      /* there must be 'right' for ps__scrollbar-y */width:6px;}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y{width:11px;}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail{background-color:#eee;opacity:0.9;}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x{background-color:#999;height:11px;}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail{background-color:#eee;opacity:0.9;}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y{background-color:#999;width:11px;}
.ps:hover > .ps__scrollbar-x-rail,.ps:hover > .ps__scrollbar-y-rail{opacity:0.6;}
.ps:hover > .ps__scrollbar-x-rail:hover{background-color:#eee;opacity:0.9;}
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x{background-color:#999;}
.ps:hover > .ps__scrollbar-y-rail:hover{background-color:#eee;opacity:0.9;}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y{background-color:#999;}
/* perfectscroll css end  */

/* floating form utilities css start */
.pr { position:relative;}
.form-control:focus{ box-shadow: none; }
.form-control:-webkit-autofill, .form-control:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.theme-form .input-group>.custom-file .custom-file-input:focus~.custom-file-label, 
.theme-form .input-group>.custom-select:focus, 
.theme-form .input-group>.form-control:focus { z-index: inherit; }
.theme-form .form-group { position: relative; margin-bottom:10px; min-height:55px;}
.theme-form .form-group.height_auto { min-height:inherit; margin-bottom:15px;}
.theme-form .form-control{ color: #000; height: 34px; min-height: 34px; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 1px solid #BBBBBB;	border-radius: 1px;  margin: 0; transition: all 0.3s; background: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }
.theme-form  textarea.form-control { height: auto; min-height: inherit; }
.theme-form .form-control ~ label { position: absolute; cursor: auto; top: 7px; left: 13px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none; z-index: 1; color:#BBBBBB; font-weight:normal; }
.theme-form .form-control.has-value ~ label, .theme-form .form-control:focus ~ label { top:-8px; left:10px; font-size: 12px; background-color:#fff; padding:0 3px; color:#999999;}
.theme-form .form-control:focus ~ label{ color:#11A89f; }
.theme-form .form-control:focus { border:1px solid #11A89f; }
.theme-form .form-control[disabled], .theme-form .form-control[readonly]{ background-color: #f5f5f5; }
.theme-form .custom_select { position:relative; width:100%; }
.theme-form .custom_select:after { content:"\f0d7"; font-family:'FontAwesome'; color:#959595; position:absolute; right:5px; bottom:5px; font-size:18px; pointer-events: none;}
.theme-form .custom_select select { padding-right:20px; }
.theme-form .custom_select select::-ms-expand {display: none;}
.theme-form .input-group > .pr {flex: 1;}
.theme-form .input-group .input-group-prepend .input-group-text{background-color:#f4f4f4; border:1px solid #BBBBBB; border-radius:0px; padding: .355rem .75rem; }
.theme-form .input-group .input-group-prepend .input-group-text:focus{ border-color:#000;}
.theme-form select.form-control.select-arrow {background-position: 100% 50%; }

.theme-form .se_multiple_select ~ label { position: absolute; cursor: auto; top: 8px; left: 12px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none; z-index: 9; color:#BBB; font-weight:normal; margin: 0px;} 
.theme-form .se_multiple_select.has-value ~ label{ top:-10px; left:10px; font-size: 11px; background-color:#fff; padding:3px 3px 0; color:#999999; margin: 0px;}
.theme-form .fake-input { display: inline-block;border: 1px solid #BBBBBB;  padding: 0 15px; width: 100%; height: 34px;}
.theme-form .fake-input iframe { border: 0; height: 34px; width: 100%; }

.bs-add-option .dropdown-menu li:last-child a.dropdown-item,
.bs-add-option .dropdown-menu li:last-child a.dropdown-item:hover{ background-color: #F4F4F4; padding: 6px 16px; display: block; margin-top: 2px; color: #11A89f;  }
    .bs-add-option .dropdown-menu li a.dropdown-item  a { padding: 0; text-decoration: underline;}

select.form-control.select-arrow, table.table-theme select.form-control { background:url(../images/select_arrow.svg) no-repeat #fff; background-position: 100% 50%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding-right:25px; box-shadow: none;}

input.ui-autocomplete-input.ui-autocomplete-loading { background:url('../images/auto-loader.gif') no-repeat ;background-position: 98% 50% ; }

.phone-control-wrap.fixed_size{ table-layout:fixed;}
/*.phone-control-wrap { display:table; width:100%;}
.phone-control-wrap .phone-addon { display:table-cell; vertical-align:middle; padding-right:4px; text-align:center;}
.phone-control-wrap .phone-addon:last-child{padding-right:0;}*/

.custom-checkbox .custom-control-label::before { /*border:1px solid #11A89f;*/ background:none; top: .10rem; }
.custom-checkbox .custom-checkbox .custom-control-label:before { border-radius:1px;}
.custom-checkbox .custom-control-label::after{background: center no-repeat; top: .10rem; background-size: 10px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#11A89f;background-color:#11A89f}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {box-shadow:none !important;}
.custom-checkbox .custom-control-input:not(:disabled):active~.custom-control-label::before { background-color: #fff; border-color: #bfbfbf;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
.table-theme thead .custom-checkbox .custom-control-label::before { background-color: #FFF; border-color: #FFF; }
.table-theme thead .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #FFF; border-color: #FFF;}
.table-theme thead .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2309f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-label:before  { border-color:#BBBBBB; background:none;}
.custom-radio .custom-control-label::after, .custom-radio  .custom-control-label::before { top: .15rem; }
.custom-radio .custom-control-input:checked~.custom-control-label{ color:#3d3d3d;}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background: #11A89f; border-radius: 100%; margin: 4px; width: 8px; height: 8px;}
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color:#fff; border-color:#11A89f; }
 
.inline-custom-radio .custom-control{ display:inline-block; margin-right:20px; font-size:16px; cursor: pointer; }
.inline-custom-radio .custom-control .custom-control-label {text-transform:uppercase ; color:#bbbbbb; cursor: pointer; } 
.inline-custom-radio .custom-control:last-child { margin-right:0;}

.range_wrap .range_close {position: absolute; right: -10px; top: -10px; color: #AEAEAE;}
/* floating form utilities css end */

/* form control css start */
label{font-weight: 500;}
input[type='file'].form-control { padding:3px !important;} 
.form-control{ color: #000; height: 34px; min-height: 34px; padding: 6px 12px; font-size: 14px; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 1px solid #BBBBBB; border-radius: 1px; margin: 0; transition: all 0.3s; background: #fff; }
.input-group .input-group-prepend .input-group-text{background-color:#f4f4f4; border:1px solid #BBBBBB; border-radius:0px; padding: .355rem .75rem; }
.input-group .input-group-prepend .input-group-text:focus{ border-color:#000;}
.form-control:focus{border-color:#11A89f; box-shadow: none;}
.form-control[disabled], .form-control[readonly]{ background-color: #f5f5f5; }
.input-group-addon{border-radius:0px;}

.range_filter .form-control:-ms-input-placeholder {font-size: 10px;}
.range_filter .form-control::placeholder { font-size: 10px;}
.range_filter .range_filter_close {position: absolute; right: -10px; top: -10px; color: #AEAEAE;}
.range_filter .range_filter_close :hover{text-decoration: none; color: #1d1d1d;}
.range_filter .form-control{font-size:12px;}
/* form control css end */

/*card_auth_form page Authorization form*/
.authorization_form ul.form-list { border:1px solid black; padding-left:0px; }
.authorization_form ul.form-list label input { margin-right: 5px; }
.authorization_form ul.form-list li{ list-style-type: none; }
.authorization_form ul.form-list li{ border-bottom: 1px solid black; padding: 12px; }
.authorization_form ul.form-list li:last-child{ border-bottom: none; }
.authorization_form ul.form-list li>h4{font-size: 16px; margin:0px;font-weight: bold  }
.authorization_form ul.form-list li.bg-gray{  background-color:#E6E6E6;  }
.authorization_form .form-control{ border-bottom: 2px solid black; border-top:none; border-left: none; border-right: none; height: 25px;  min-height: 25px; padding-bottom:5px;}
.authorization_form .form-conditon-text{ line-height: 2.2; }

/* order receipt css start */
.receipt_left_table tbody tr td{ font-size: 16px; padding: 8px 0px; border: none!important; }
.receipt_left_table tbody tr td:first-child{ text-align: left; color: #878787; text-transform: uppercase; font-weight: normal; }
.receipt_left_table tbody tr td:last-child{ text-align: right; color: #1d1d1d; font-weight: 600;  }

/* success library css end */
.select_floating .input-group-append .input-group-text { padding: 4px 8px; font-size: 14px;}
.select_floating .form-control { font-size: 12px; padding: 7px;}
.select_floating .select_floating_close, .select_floating_close_new { position: absolute;  right: -10px; top: -10px; color: #AEAEAE;}


/*Verfiy popup css start*/
.verify-popup .address-sec{ padding: 30px;}
.verify-popup .notification-sec { padding: 0; background-color:#f1f1f1 ; height: 100%;}
.verify-popup .notification-sec .msg-div { padding: 30px; text-align: center; }
.verify-popup .notification-sec .white-box { padding: 15px;background-color: #fff; }
.verify-popup .card-body { padding: 0px; }
.verify-popup .address-box { padding: 15px; min-height:192px; border: 1px solid #fff; margin-bottom: 25px; }
.verify-popup .address-box label div.radio {vertical-align: top;}
.verify-popup .address-box p {margin-left: 24px;}
.verify-popup .address-box.active { border: 1px solid #0077c8; }
/*Verfiy popup css end  */

.custom-switch .custom-control-label:before  { border-color:#e02020;  }
.custom-switch .custom-control-label:after { background-color:#e02020; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {background-color: #fff; border-color:#3ab80e; } 
.custom-switch .custom-control-input:checked~.custom-control-label:after{ background-color:#3ab80e; }

.table-collapse tbody tr td{ border-bottom: 1px solid #dee2e6; }
.bg-gray {background-color: #f1f1f1;  }
.iframe.bg-gray {background-color: #F5F5F5 !important;  }
.table .thead-light th { background-color: #f1f1f1; }

.table.collapse_tbl > tbody > tr:nth-child(4n-1) { background-color: #fff;}
.table.collapse_tbl > tbody > tr > td.collapse_plus a{ color:#1d1d1d;}
.table.collapse_tbl > tbody > tr > td.collapse_plus a:hover, .table.collapse_tbl > tbody > tr > td.collapse_plus a:focus{text-decoration:none;color:#1d1d1d; }
.table.collapse_tbl > tbody > tr > td.collapse_plus a.collapsed span:after { content: "\f067"; font-family:FontAwesome; }
.table.collapse_tbl > tbody > tr > td.collapse_plus a span:after { content: "\f068";  font-family:FontAwesome;}
.table.collapse_tbl > tbody > tr > td.collapse_subtbl { padding: 0px;  background-color: #fff;}
.table.collapse_tbl > tbody > tr > td.collapse_subtbl .card-collapse { padding: 0px 25px!important;  border-bottom: 2px solid #1d1d1d!important; }
.table.collapse_tbl .table  thead tr th { background-color:#fff; color:#000; border-bottom: 1px solid #000; }
.table.collapse_tbl .table tbody tr:last-child td { border:0; }
.btn { text-transform: uppercase; }

/*Success libaray page css start */
/* breadcrumb css start */
.breadcrumb{background-color:transparent; padding:0px; margin:0px;}
.breadcrumb > li{font-size:12px; text-transform:uppercase;color: #AEAEAE;}
.breadcrumb > li > a{color: #AEAEAE; text-decoration:none;}
.breadcrumb-item+.breadcrumb-item::before { color: #AEAEAE; }
.breadcrumb > li > a.active{color: #1d1d1d;}
/* breadcrumb css end */

.success_lib_wrap .breadcrumb{margin-bottom:35px;}
.success_lib_wrap .tab-content{padding-top:0px; min-height:455px;}
.success_lib_wrap .br-l { border-left: 1px solid #D3D3D3;}
.success_lib_wrap .card .card-header:not(.card-search .card-right) { padding:0px; }
@media (max-width: 767px){
.success_lib_wrap .tab-content { min-height: inherit; }
.tabbing-tab { margin-top:40px; }
}
.custom_vtab_wrap > .nav.nav-tabs{border-bottom:none;}
.custom_vtab_wrap > .nav.nav-tabs > li{float: none; margin-bottom:1px; width: 100%;}
.custom_vtab_wrap > .nav.nav-tabs > li:last-child { margin-bottom: 0; }
.custom_vtab_wrap > .nav.nav-tabs > li > a.nav-link{border:none; border-radius:0px; font-size: 16px; text-transform:uppercase; position:relative; color: #1D1D1D; padding:13px 15px; display: block;}
.custom_vtab_wrap > .nav.nav-tabs > li.active > a > i:after{color:#fff;}
.custom_vtab_wrap > .nav.nav-tabs > li > a img.social_tab_ico{ width:30px; max-height:30px;   }
.custom_vtab_wrap > .nav.nav-tabs > li > a.active, .custom_vtab_wrap > .nav.nav-tabs >  li > a.active:focus, 
.custom_vtab_wrap > .nav.nav-tabs > li > a.active:hover{ border:none; background-color:#11A89f; color:#fff; }
.custom_vtab_wrap > .nav.nav-tabs > li > a:hover, .custom_vtab_wrap > .nav.nav-tabs > li > a:focus{ background-color:transparent;}
.custom_vtab_wrap > .nav.nav-tabs > li > a.active > .phone-control-wrap > .phone-addon > img, 
.custom_vtab_wrap > .nav.nav-tabs > li > a.active > .phone-control-wrap > .phone-addon > img:focus, .custom_vtab_wrap > .nav.nav-tabs > li > a.active > .phone-control-wrap > .phone-addon > img:hover{filter: invert(1) sepia(1) saturate(0.25) hue-rotate(175deg);}
.custom_vtab_wrap .phone-control-wrap .phone-addon{text-align:left;}
.custom_vtab_wrap .phone-control-wrap .phone-addon:last-child{text-align:right;}

.middle_lib_wrap > .nav.nav-tabs{border-bottom:none;}
.middle_lib_wrap > .nav.nav-tabs > li{float: none; margin-bottom:0px; display: block; width: 100%;}
.middle_lib_wrap > .nav.nav-tabs > li > a{border:none; border-radius:0px; font-size: 16px; text-transform:capitalize; position:relative; color: #1d1d1d; padding:11px 15px; position:relative; display: block;}
@media (min-width:768px) {
.middle_lib_wrap > .nav.nav-tabs > li > a:after{position:absolute; right:15px; font-family:'FontAwesome'; content:"\f054"; color:#1d1d1d; font-size:16px; top:50%;     transform: translateY(-50%);}
}
.middle_lib_wrap > .nav.nav-tabs > li.active > a, .middle_lib_wrap > .nav.nav-tabs >  li.active > a:focus, .middle_lib_wrap > .nav.nav-tabs > li.active > a:hover{ border:none; background-color:transparent; color:#11A89f; }
.middle_lib_wrap > .nav.nav-tabs > li > a:hover, .middle_lib_wrap > .nav.nav-tabs > li > a:focus{ background-color:transparent; text-decoration: none;}
.middle_lib_wrap > .nav.nav-tabs > li > a.active { font-weight:600; }
.middle_lib_wrap > .nav.nav-tabs > li > a.active,
.middle_lib_wrap > .nav.nav-tabs > li > a.active:after{color:#11A89f;}

.lib_file_list{max-height: 455px;}
.lib_file_list ul{margin:0px; list-style-type:none; padding:0px;}
.lib_file_list ul li{margin:15px 10px;}
.lib_file_list ul li a{font-size: 16px; color: #1D1D1D; text-decoration:none; }
.lib_file_list ul li a:hover, .lib_file_list ul li a:focus{ color:#11A89f;}
.lib_file_list .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:#fff; } 
.lib_file_list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #BBBBBB; 	width: 10px;}

#cboxNext, #cboxNext:hover { background:url('../images/icons/black_right_arrow.png') no-repeat center; opacity: 1; right: 15px;  }
#cboxPrevious, #cboxPrevious:hover { background:url('../images/icons/black_left_arrow.png') no-repeat center;  opacity: 1;  left:15px; }
.white-arrow #cboxNext, .white-arrow #cboxNext:hover { background:url('../images/icons/white_right_arrow.png') no-repeat center; right: 15px;  }
.white-arrow #cboxPrevious, .white-arrow #cboxPrevious:hover { background:url('../images/icons/white_left_arrow.png') no-repeat center; left:15px; }
body.iframe .card.card-arrow > .card-body{ padding:15px 60px; }
.card-arrow > a.disabled {opacity: 0.25; pointer-events: none;} 
.card-arrow .card-left-arrow {position:fixed;top: 50%;left: 20px;transition: all ease 0.5s;cursor:pointer;transform:translateY(-50%);}
.card-arrow .card-right-arrow { position: fixed;top: 50%;right:20px; transition: all ease 0.5s;cursor:pointer;transform:translateY(-50%);}
/*Success libaray page css end  */

/*Happenings page css start */
.feed_wrapper { margin:30px 0 50px;  }
.feed-item-wrap{ max-width: 650px; margin:0 auto 50px; box-shadow: 0 0 5px 0 rgba(181,181,181,0.5); border: 1px solid #F4F4F4;  border-radius: 3px; }
.feed-item-wrap .feed-head{line-height: 60px;position: relative;padding: 0 0 0 75px;color: #fff;  background-color: #1D1D1D; border-radius: 0 3px 0 0;-webkit-border-radius: 0 3px 0 0;width: 100%;}
.feed-item-wrap .feed-head img{height: 88px;  width: 88px; border: 3px solid #f3f3f3; background: #fff; border-radius: 100%; left: -4%;    position: absolute; top: -30%;  z-index: 6;}
.feed-item-wrap .feed-head h2 { font-size: 18px; font-weight: normal; margin: 0; color: #fff; line-height: 60px; text-transform: uppercase; }
.feed-item-wrap .feed-head h2 .right-dateinfo { float: right; font-size: 14px; margin-right: 15px; text-transform: capitalize; } 
.feed-item-wrap .feed-post .feed-img{ max-width: 100%; }
.feed-item-wrap .feed-data-info { background-color:#3D3D3D; color:#fff; padding: 15px;  }

.feed-item-wrap .feed-data-info  .date-div {width: 65px; background: #ffffff; color: #333333; border-radius: 8px; text-align: center;  font-size: 34px;    font-weight: 700; margin-right: 18px; vertical-align: bottom;  display: inline-block;   font-weight: normal;}
.feed-item-wrap .feed-data-info  .date-div span {border-bottom: 1px solid #ebebeb;  padding: 5px 0 7px; font-size: 16px;  float: left; width: 100%;}
.feed-item-wrap .feed-data-info .center-div { display: inline-block; }
.feed-item-wrap .feed-body { padding: 15px; }
.feed-item-wrap .feed-body img{ max-width: 100%; }
.feed-item-wrap .feed-footer {background-color: #F4F4F4; padding: 15px; text-align: center;}
.feed-item-wrap .feed-footer a, .feed-item-wrap .feed-footer button{font-size: 30px; color: #11A89f; margin-right: 35px; display: inline-block; cursor: pointer;}
.feed-item-wrap .feed-footer a:last-child, .feed-item-wrap .feed-footer button:last-child {margin-right: 0;}
/*Happenings page css end */

/*DNS register page css start   */
.register-first-step { max-width: 540px; margin: 0 auto; text-align: center; }
.register-wrap .code-input { font-size: 26px; line-height: 30px; text-align: center; border: 2px  dashed #e8e8ef; border-radius: 8px;
    padding: 33px 0; width: 100%; }
.register-wrap .code-input:focus-visible, .register-wrap .code-input:focus { border-color: #11A89f; outline: 0; }
.product-card .product-img img{ max-width:100%; display: block; margin: 0 auto; }
.register-wrap .package { border-radius: 4px; padding: 15px; padding-top: 30px; text-align: center; background: #FFFFFF; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);position: relative; }
.register-wrap .package .pack-badge { position: absolute; top:-14px; left: 0; width: 100%; text-align: center; }
.register-wrap .package .pack-badge span { display: inline-block; border: 1px solid transparent; background-color:#FFF; padding:2px 12px; border-radius: 40px; color: #FFF; }
.register-wrap .package .pack-badge span:empty { display: none;}
.register-wrap .package .pack-badge.red span{  background-color: #d00e0e; }
.register-wrap .package .pack-badge.theme span{ background-color: #11A89f; }
.register-wrap .package .pack-img { margin-bottom: 15px; }
.register-wrap .package .pack-img img { max-height: 150px; }
.register-wrap .package p { text-align: left; }
.register-wrap .package h2 { margin: 25px 0 ; font-size: 170%; }

.nav.report-tabs {  justify-content: center; padding: 30px 0 15px;  background-color: #e4e4e4; }
.nav.report-tabs  li{  text-align: center; position: relative; }
.nav.report-tabs  li a { padding-top: 0; padding-bottom: 0; }
.nav.report-tabs  li a:before {  display: block; content: ""; border-bottom: 2px solid #c9c9c9; height: 0; position: absolute; visibility: visible !important; top: 12px;
    left: 0; right: 0; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s;}
.nav.report-tabs  li a .tab-number { display: inline-block; line-height: 30px; text-align: center; vertical-align: middle; width: 30px; min-width: 30px; min-height: 30px; height: 30px;
 color: #000000; background: #fff; border-radius: 50%; position: relative; z-index: 1; -webkit-transition: color 0.3s, background 0.3s; -o-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s; font-size: 16px;  font-weight: 400;  background: #fff; border: 1px solid #ccc;}
.nav.report-tabs  li a .tab-text { margin-top: 5px; display: block; position: relative; top: auto; left: auto; right: auto; color: #000000;}
.nav.report-tabs  li a.active:before, .nav.report-tabs  li a.active .tab-number { border-color: #000000; background-color: #000; color: #FFF;}
.nav.report-tabs  li a.active .tab-text { color: #000;  }
.nav.report-tabs  li a.completed:before, .nav.report-tabs  li a.completed .tab-number { border-color: #11A89f; background-color: #11A89f;}
.nav.report-tabs  li a.completed .tab-number { font-size: 0; }
.nav.report-tabs  li a.completed .tab-number:after {content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path style="fill:%23ffffff" d="M9.95 26.2c-0.1 0-0.15 0-0.25 0-0.45-0.050-0.9-0.35-1.1-0.8l-5.45-10.55c-0.4-0.75-0.1-1.65 0.65-2 0.75-0.4 1.65-0.1 2 0.65l4.5 8.75 16.1-15.95c0.6-0.6 1.55-0.6 2.1 0 0.6 0.6 0.6 1.55 0 2.1l-17.5 17.35c-0.25 0.3-0.65 0.45-1.050 0.45z"></path></svg>') !important; left: 6px; top: 6px; width: 18px; height: 18px; position: absolute; }
/*DNS register page css end     */

/* blog page css start */
.blog-grid {margin:25px 0;}
.blog-grid .blog-img {position: relative;border-radius: 5px;overflow: hidden;}
.blog-grid .blog-img .date {position: absolute; background: #11A89f; color: #ffffff; padding: 8px 15px; left: 0; top: 10px; font-size: 14px;}
.blog-grid .blog-img .blog-post-img { width: 100%; min-height: 240px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; }
.blog-grid .blog-info {box-shadow: 0 0 30px rgba(31, 45, 61, 0.125); border-radius: 5px; background: #ffffff; padding: 20px;margin: -30px 20px 0; position: relative;}
.blog-grid .blog-info h5 {font-size: 22px; font-weight: 500; margin: 0 0 10px;}
.blog-grid .blog-info h5 a { color: #11A89f ;}
.blog-grid .blog-info p { margin: 0; word-break: break-word;}
.blog-grid .blog-info .btn-bar { margin-top: 20px;}
.px-btn-arrow { padding: 0 50px 0 0; line-height: 20px; position: relative; display: inline-block; color: #000; -moz-transition: ease all 0.3s; -o-transition: ease all 0.3s; -webkit-transition: ease all 0.3s; transition: ease all 0.3s;}
.px-btn-arrow .arrow { width: 13px; height: 2px; background: currentColor; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto;  right: 25px;    -moz-transition: ease right 0.3s; -o-transition: ease right 0.3s; -webkit-transition: ease right 0.3s; transition: ease right 0.3s;}
.px-btn-arrow .arrow:after {width: 8px; height: 8px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; content: ""; position: absolute; top: -3px;  right: 0; display: inline-block; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);    transform: rotate(45deg);}

.blog-page .card { background: #fff; transition: .5s; border: 0; margin-bottom: 30px; border-radius: .55rem; position: relative; width: 100%; box-shadow: 0 0 30px rgb(31 45 61 / 13%); }
.blog-page .card .body { color: #444; padding: 20px; font-weight: 400; }
.blog-page .card .header { color: #444; padding: 20px; position: relative; box-shadow: none; }
.single_post { -webkit-transition: all .4s ease; transition: all .4s ease }
.single_post .body { padding: 30px }
.single_post .img-post { position: relative; overflow: hidden; max-height: 500px; margin-bottom: 30px }
.single_post .img-post>img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: -webkit-transform .4s ease, opacity .4s ease; transition: transform .4s ease, opacity .4s ease; max-width: 100%; filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.01) }
.single_post .img-post:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: .7; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out }
.single_post .img-post:hover .social_share { display: block }
.single_post .footer { padding: 0 30px 30px 30px }
.single_post .footer .actions { display: inline-block }
.single_post .footer .stats { cursor: default; list-style: none; padding: 0; display: inline-block; float: right; margin: 0; line-height: 35px }
.single_post .footer .stats li { border-left: solid 1px rgba(160, 160, 160, 0.3); display: inline-block; font-weight: 400; letter-spacing: 0.25em; line-height: 1; margin: 0 0 0 2em; padding: 0 0 0 2em; text-transform: uppercase; font-size: 13px }
.single_post .footer .stats li a { color: #777 }
.single_post .footer .stats li:first-child { border-left: 0; margin-left: 0; padding-left: 0 }
.single_post h3 { font-size: 20px; text-transform: uppercase }
.single_post h3 a { color: #242424; text-decoration: none }
.single_post p { font-size: 16px; line-height: 26px; font-weight: 300; margin: 0 }
.single_post .blockquote p { margin-top: 0 !important }
.single_post .meta { list-style: none; padding: 0; margin: 0 }
.single_post .meta li { display: inline-block; margin-right: 15px }
.single_post .meta li a { font-style: italic; color: #959595; text-decoration: none; font-size: 12px }
.single_post .meta li a i { margin-right: 6px; font-size: 12px }
.single_post2 { overflow: hidden }
.single_post2 .content { margin-top: 15px; margin-bottom: 15px; padding-left: 80px; position: relative }
.single_post2 .content .actions_sidebar { position: absolute; top: 0px; left: 0px; width: 60px }
.single_post2 .content .actions_sidebar a { display: inline-block; width: 100%; height: 60px; line-height: 60px; margin-right: 0; text-align: center; border-right: 1px solid #e4eaec }
.single_post2 .content .title { font-weight: 100 }
.single_post2 .content .text { font-size: 15px }
.right-box .categories-clouds li { display: inline-block; margin-bottom: 5px }
.right-box .categories-clouds li a { display: block; border: 1px solid; padding: 6px 10px; border-radius: 3px }
.right-box .instagram-plugin { overflow: hidden }
.right-box .instagram-plugin li { float: left; overflow: hidden; border: 1px solid #fff }
.comment-reply li { margin-bottom: 15px }
.comment-reply li:last-child { margin-bottom: none }
.comment-reply li h5 { font-size: 18px }
.comment-reply li p { margin-bottom: 0px; font-size: 15px; color: #777 }
.comment-reply .list-inline li { display: inline-block; margin: 0; padding-right: 20px }
.comment-reply .list-inline li a { font-size: 13px }
@media (max-width:640px) {
    .blog-page .left-box .single-comment-box>ul>li { padding: 25px 0 }
    .blog-page .left-box .single-comment-box ul li .icon-box { display: inline-block }
    .blog-page .left-box .single-comment-box ul li .text-box { display: block; padding-left: 0; margin-top: 10px }
    .blog-page .single_post .footer .stats { float: none; margin-top: 10px }
    .blog-page .single_post .body, .blog-page .single_post .footer { padding: 30px }
}
/* blog page css end   */

/* Responsive css start */
@media (min-width:1199px){
.login_page_wrap .coffeepro-bg .login_left_content  { padding:0; margin-bottom:100px; }
}
@media (max-width:1450px){
.line-title h1{ font-size:24px; }
}
@media (max-width:1366px){
  .nav.report-tabs li a .tab-text { font-size: 12px; }
}
@media (max-width:991px){
.dashboard_wrap #slider_div_getheight .dash_box .media .media-left img { width: 75px; }
.footer .text-center { margin-top: 10px }
.nav.report-tabs li a { padding-left: 0.5rem;padding-right: 0.5rem; }
.nav.report-tabs li a .tab-text { font-size: 10px; }
}
@media (max-width:858px){
#content_wrapper .order_wrap .pull-left { margin-bottom: 15px; }
}
.visible-xs { display: none; }
@media (max-width:767px){
.hidden-xs { display: none; }
.visible-xs { display: block;  }/*Do not update visible css config in success libary   */
.iframe .padding_panel .card-body{ padding:15px 20px; } 
.dash_box.active { margin-bottom: 25px; }
.dash_box .line-title .fs24{ font-size:24px!important; }
.line-title h1 span { font-size: 26px; }
.filter-div { right: 15px;  } 
.feed-item-wrap .feed-data-info .d-sm-flex > div { display: inline-block; }
.order_wrap  .border-right { border-right: none!important }
.popup-warning .media { display: block; text-align: center; }
.popup-warning .media .media-left, .popup-warning .media .media-body { display: block; width: 100%;  text-align: center!important; padding: 0;}
.popup-warning .media-body .pull-left, .popup-warning .media-body .pull-right { float: none!important;}
.popup-warning .media-body .float-left, .popup-warning .media-body .float-right { float: none!important;}
.popup-warning .media-body h3 { font-size: 20px;  line-height: normal;}

.card-group .card + .card { margin-top: 5px;}
.custom_vtab_wrap .card { box-shadow: none; margin: 0; }
.custom_vtab_wrap .card .card-header { padding:0; position:relative; border: 0;}
.custom_vtab_wrap .card-group .card-group { margin-bottom:0;} 
.custom_vtab_wrap .card-group .card .card-header .card-title a { background-color:#11A89f; color:#fff; display:block; padding:10px 15px; text-decoration: none; }
.custom_vtab_wrap .card-group .card .card-header .card-title a:focus { text-decoration:none;}
.custom_vtab_wrap .card-group .card .card-header .card-title a img{    filter: invert(1) sepia(1) saturate(0.25) 
hue-rotate(175deg);}
.custom_vtab_wrap .card-group .card .card-header .card-title a:after { content:"\f107"; font-family:FontAwesome; color: #fff; position:absolute; right:15px; top:calc(50% - 13px); font-size:22px; }
.custom_vtab_wrap .card-group .card .card-header .card-title a.collapsed:after { content:"\f105"; font-family:FontAwesome;  color: #323232;}
.custom_vtab_wrap .card-group .card .card-header .card-title .collapsed{ background-color: #f9f9f9; color: #323232; }
.custom_vtab_wrap .card-group .card .card-header .card-title .collapsed img { filter : none;}
.custom_vtab_wrap .card-group .card .card-header .card-title .nav-link img {  max-width: 30px;}
.custom_vtab_wrap .card-group .card .card-header .card-title{font-size: 14px; }
.custom_vtab_wrap .card-header .phone-control-wrap .phone-addon:last-child { display:none;}
.custom_vtab_wrap .card-header .phone-control-wrap .phone-addon:first-child { width:45px;}
.custom_vtab_wrap .middle_lib_wrap .card-group .card .card-header .card-title a { background-color:#fff; font-weight:normal; }
.custom_vtab_wrap .hide_maintab .middle_lib_wrap .card-group .card .card-header .card-title a.collapsed { display:none; background-color:#fff !important;}
.custom_vtab_wrap .hide_maintab  .middle_lib_wrap .card-group .card .card-header .card-title a { background-color:#fff; color:#aeaeae; font-weight:normal; font-size:12px; text-transform:uppercase;}
.custom_vtab_wrap .hide_maintab  .middle_lib_wrap .card-group .card .card-header .card-title a:after { color:#11A89f; right:inherit; left:0; content:"\f104"; top:4px; }
.middle_lib_wrap .card-body { border:0 !important;}
.lib_file_list ul { margin:0 15px; }
.lib_file_list ul li { margin:0 0 15px; }
.lib_file_list ul li a { font-size: 14px; display:block;}
.hide_maintab > .card > .card-header { display:none;}  
.hide_maintab > .card > .card-collapse > .card-body { padding:0; border:0;}
.nav.report-tabs { display: block; overflow: hidden; }
.nav.report-tabs li { text-align: left; padding: 8px 0;  }
.nav.report-tabs li a .tab-text { display: inline-block; margin-left: 5px; }
.nav.report-tabs li a:before {     transform: rotate(90deg); width: 46px; top: 22px; }
}
@media (max-width:575px){
.footer .text-center { float: left; margin-left: 25px; margin-top: 10px }
.tabbing-tab .order_edit_box { margin-bottom: 18px; }
.btn-block { margin-bottom: 18px; }
.order_wrap .sum_wrap .sum_foot .btn-block { margin-bottom: 0px; }
}
@media (max-width:480px){
.line-title h1 span { font-size: 22px; }
.feed-item-wrap .fs16 { font-size: 14px; }  
.feed-item-wrap .feed-head { padding: 8px 0 8px 65px;}
.feed-item-wrap .feed-head img { height: 65px;  width: 65px; top: -10%; }
.feed-item-wrap .feed-head h2 { font-size: 16px;line-height:  normal; } 
.feed-item-wrap .feed-head h2 .right-dateinfo { float: none; display: block; }
.feed-item-wrap .feed-data-info .date-div {width: 50px; font-size: 26px; margin-right: 12px;}
.feed-item-wrap .feed-data-info .date-div span { font-size: 12px; }
.feed-item-wrap .feed-data-info .center-div{ font-size: 12px; }
.feed-item-wrap .feed-data-info .center-div p { margin-bottom: 5px; }
.feed-item-wrap .feed-data-info .d-sm-flex > div.flex-grow-1{ width: 75%; vertical-align: top;}
.feed-item-wrap .feed-data-info .d-sm-flex > div:last-child { display: block; }
.feed-item-wrap .feed-footer a{font-size: 24px; margin-right: 25px;}
.profile_info .profile-body table tbody tr td span { line-break:anywhere; }
}
/*Happenings page css end  */ 

/*new recognition page css start  */
.recognition_wrap .nav.nav-tabs > li > a.nav-link { text-transform: none; font-weight: bold; font-size: 18px;  }
.recognition_wrap .nav.nav-tabs > li > a, .recognition_wrap .nav.nav-tabs > li > a:hover, .recognition_wrap .nav.nav-tabs > li > a:focus { background-color: rgba(0, 153, 255, 0.1); }
.recognition_wrap .custom_vtab_wrap > .nav.nav-tabs > li { margin-bottom: 10px; }
.recognition_wrap .profile-img { background-color: #FFF; width: 35px; height: 35px; display: inline-block; overflow: hidden; border-radius: 35px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.35); }
/*new recognition page css end   */

/*Business progress page css start */
.biz_progress_wrap h5 { margin: 10px 0; font-size: 16px; font-weight: 600; } 
.biz_progress_wrap .rand_circle{ width: 95px; height:95px; font-size: 15px; line-height:20px; font-weight: 500;  border: 1px solid #11A89f; background-color:#11A89f ; color:#fff; border-radius: 100%; word-break:break-word; margin: 0px auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.biz_progress_wrap .inactive .rand_circle{ background-color:#f1f1f1; border-color: #000; }
.biz_progress_wrap .inactive .text-primary{ color: #9ca6af!important; }
.biz_progress_wrap .process_circle { display: inline-block; margin:0 auto; text-align: center; width:100%; position:relative; margin-bottom:15px; margin-bottom: 50px; }
.biz_progress_wrap .process_circle .circle-text { position:absolute; top:calc(100% - 60px); left:calc(50% - 95px); min-width:190px; max-width:190px; z-index:99; font-size:18px; color:#000; }  
.biz_progress_wrap .process_circle .circle-text .rank_title { display:inline-block; color:#11A89f ; font-size:22px; font-weight: 700;}

.biz_progress_wrap .biz-box { border: 2px solid #000;  text-align: center; padding: 15px; color: #000; position: relative;  background-position: center; background-repeat: no-repeat;  background-size: auto 200px;    margin-bottom: 25px;}
.biz_progress_wrap .biz-box .biz-box-head { position:absolute; font-size: 22px; line-height:32px; font-weight:bold; text-align:center; top:-16px; left:0; width:100%; text-align:center; position:absolute;  color:#000;    }
.biz_progress_wrap .biz-box .biz-box-head span { display:inline-block; background-color:#fff; padding:0 10px; }
.biz_progress_wrap .ranking_tbl tbody{ text-align: left; color: #212529; font-size: 18px; }
.biz_progress_wrap .ranking_tbl td { border-color:#212529; padding: 8px;}
.biz_progress_wrap .ranking_tbl tbody tr:first-child td {border-top: 0;}
.biz_progress_wrap .ranking_tbl td:last-child, .biz_progress_wrap .ranking_tbl td:nth-child(2) {text-align:right;}
.biz_progress_wrap .box-header { text-align:center; font-size:24px; color:#12335a; margin-bottom:20px; }
.biz_progress_wrap .box-header a{ margin:0 8px;}
.biz_progress_wrap .box-header .fa{ font-size:26px;}
.customer_bones { padding:0 50px }
.customer_bones p { color: #BBBBBB; font-size: 12px;}
.customer_bones .progress { height: 20px; position: relative; }
.customer_bones .progress .progress-text { position: absolute; right: 10px; line-height: 20px; color: #BBBBBB; font-size: 12px; font-weight: bold;}
.customer_bones .progress .progress-bar { background-color: #11A89f;}
/*Business progress page css end   */

/*Org tree page css start */
.controlDiv { position:absolute; z-index:50; top:10px; right:10px; width:96px; background-size:100%;  border:1px solid transparent;background: radial-gradient(50.75% 50.75% at 50.75% 48.51%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); border-radius: 100%;}
.controlDiv table {margin:0px; table-layout: fixed;  width: 94px; height: 94px; }
.controlDiv table td { text-align:center; vertical-align:middle; width: 28px; height:28px; border:1px solid transparent;  }
.controlDiv table td a { display:inline-block; cursor:pointer;background:url('../images/tree-arrow.svg') no-repeat center; width: 24px; height: 24px; position: relative; top: 2px; }
.controlDiv table td a:hover { opacity: 0.5; }
.controlDiv table td a.uparrow { transform: rotate(0deg);}
.controlDiv table td a.leftarrow { transform: rotate(270deg);}
.controlDiv table td a.rightarrow { transform: rotate(89deg);}
.controlDiv table td a.downarrow {  transform: rotate(181deg);}

/*.rightzoom { display:block;  display:inline-block; position:absolute; z-index:10; margin-top:12px;   margin-left: 12px; }
.rightzoom ul { padding:2px 2px 5px; margin:0; border-radius: 5px; background-color:#DCDCDC; float:left; width:40px;   box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);  border: 1px solid #c4c4c4; }
.rightzoom ul li{ display:block;  list-style:none; margin:3px; float:left; }
.rightzoom ul li:first-child{ border-bottom:1px solid #929292;   padding-bottom: 5px;}
.rightzoom ul li a{ color:#4a4a49;  padding:5px; float:left;   border-radius: 2px; font-size: 19px; padding: 2px 5px; }
.rightzoom ul li a:hover {color:#157bfb; }*/

.node_label {text-align: center; background-color: #fff; position: relative; }
.node_label h4 { font-size: 14px; font-weight: 600; color: #11A89f; margin: 7px 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; word-wrap: break-word; vertical-align: middle; }
.node_label h6 {  margin: 0; }
.node_label p { font-size: 12px; font-weight: 400; color: #339900; padding: 0px; margin: 0px; }
.node_label .bottom { position: absolute; left: 0; width: 100%; bottom: 0; }
.node-border-primary { border: 1px solid #11A89f !important; }
.node-border-success { border: 1px solid #28a745 !important; }
.node-border-primary p { color: #13dafe; margin: 0 !important; }
.node-border-blue { border: 1px solid #11A89f !important; }
.node-border-blue p { color: #11A89f;  }
.node_label { display:table; width: 100%; }
.node_label .call  { display: table-cell; width: 27px; text-align: center; min-height: 100%;  line-height: 100%;  margin: 0;  padding: 0; vertical-align: middle;  background-color: rgba(0,0,0,0.1 ); }
.node_label .member_popup  {  display: table-cell; }
.node_label p a.graph-icon i { font-size: 16px; }
.node_label p a.graph-icon i { padding: 1px 5px; }
.node_label p a.graph-icon.inactive { color: #cf0000; }
.node_label .place-icon  { display: table-cell; width: 27px; text-align: center; min-height: 100%;  line-height: 100%;  margin: 0;  padding: 0; vertical-align: middle;  background-color: rgba(0,0,0,0.1 ); }
.node_label p a.graph-icon.active { color: #093; }
.fs-14 {font-size: 14px !important;}
/*Org tree page css end   */

/* org profile popup css start  */
.org-profile:before  { content: ""; position: absolute; left: 0; top: 0; width: 100%; min-height: 200px; background: url('../images/profile-bg.jpg') no-repeat center; background-size: cover; z-index: 1;  }
.iframe .card.org-profile  {background-color: #F5F5F5;}
.iframe .card.org-profile .card-body{ background:none; padding: 10px 25px; position: relative;  z-index: 1;}
.org-profile .profile_info { border: 0; }
.org-profile .profile_info .profile-head { border: 0; text-align: center; padding:0 0 12px; }
.org-profile .profile-head .profile-img { background-color: #FFF; border-radius: 15px; margin: 0 auto;margin-bottom: 10px;  width: 90px; height: 90px; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3); overflow: hidden; }
.org-profile .profile_info .profile-body { border-radius: 15px; background-color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.org-profile .profile-body table tr td { border-bottom: 1px solid #E8E8E8; }
.org-profile .profile-body table tr:last-child td { border-bottom: 0; }
/* org profile popup css end  */

/* trovopoly page css start*/ 
.sec-travopoly {  max-width: 1210px; margin: 0 auto; }
.sec-travopoly .text-warning {color: #F89704 !important;}
.sec-travopoly a.text-warning:hover, .sec-travopoly a.text-warning:focus {color: #F89704 !important; text-decoration: underline;}
.sec-travopoly .text-secondery{color: #AFC9DF;}
.fs52 { font-size: 52px; }
.fs44 { font-size: 44px; }
/* trovopoly page css end*/

/*mass pay page css start  */
.mass_pay_wrap .shadow{ box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2) !important; }
.transfer_option { margin-bottom: 30px; }
.transfer_option .custom-radio { padding-left: 0; }
.transfer_option .custom-radio .cust-label { padding:10px; border-bottom:  2px solid transparent; color: #BBBBBB; cursor: pointer;}
.transfer_option .custom-radio .custom-control-input:checked~.cust-label { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);  border-bottom:  2px solid #11A89f; color: #000; }
.transfer_option .custom-radio .custom-control-input:checked~.cust-label .col-auto { color: #11A89f; }
.card_bank_option .shadow{  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5) !important; position: relative;  color: #000;}
.card_bank_option a.shadow:hover, .card_bank_option a.shadow:focus { text-decoration: none; }
.card_bank_option .shadow .edit-icon {  position: absolute; right: 10px; top: 5px; color: #11A89f; }
.card_bank_option .new-add-btn { font-weight: bold; color: #000; margin-left: 15px; }
.card_bank_option .new-add-btn:hover{ color: #11A89f; }
/*mass pay page css end    */

/*new success libary css start  */
.success_lib_v1 .nav li.nav-item.drop > a[data-toggle='collapse']:not(.collapse.show) { background-color: #f1f1f1; font-weight: bold;
text-transform: uppercase; font-size: 16px;  }
.success_lib_v1 .nav li.nav-item.drop  a[data-toggle='collapse']:after { content: "\f105"; font-family: FontAwesome; font-size: 18px; position: absolute; right: 10px; top: 5px;  }
.success_lib_v1 .nav li a { color: #3D3D3D; position: relative; font-size: 14px; }
.success_lib_v1 .nav li a:hover { background-color:#f1f1f1 ; }
.success_lib_v1 .nav li.nav-item.active a  { background-color: #11A89f; color: #FFF; }
/*new success libary css end    */

/*contant.php css start  */
.announe_wrap .card { border-top: 3px solid #11A89f;transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s; }
.announe_wrap:not(.announe_wrap_info) .card:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); transform: translateY(-6px);  }
.announe_wrap img { max-width: 100%; width: inherit; height: inherit;}
.announe_wrap .card .media .media-left img{ max-width: 45px;}
/*contant.php css end   */

/*contant.php css start  */
.social_wrap .social-item { max-width: 272px; margin-bottom: 25px;  }
.social_wrap .social-item .social-img { min-width: 100%;min-height: 272px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; cursor: pointer; }
.social_wrap .social-item .social-img .overlay-title { position: absolute; width: 100%; left: 0; bottom: 0; padding:15px 10px; background-color: rgba(0, 0, 0, 0.6); color: #FFF;}
.social_wrap .social-item .social-info { padding: 15px 10px; }
.social_wrap .social-item .social-info p.text-gray{ margin-bottom: 10px; }
/*contant.php css start  */

/* My Coupon css start */
.promo-tag{display: inline-block; background: rgba(30, 42, 76, 0.1); padding: 7px 14px; color: #000;font-weight: 600; font-size: 12px; position: relative; white-space: nowrap; min-width: 112px;}
.promo-tag:hover, .promo-tag:focus { text-decoration:none; }
.promo-tag img { margin-right: 5px; display: inline-block; vertical-align: middle;}
.promo-tag.active{ background-color: #fafdfe;  opacity: 0.5;}
.promo-tag.expired { background-color: #ffe6e6; opacity: 0.5; pointer-events: none; }
/* My Coupon css end   */

/*responsive css start */
@media only screen and (max-width: 1680px) and (min-width: 1280px)  {
.range_filter .form-control, .range_filter .input-group-prepend .input-group-text{padding:5px 5px;}
.mw160 {min-width:120px;}
.range_filter .phone-control-wrap .phone-addon{max-width:150px; padding-right: 5px;}
.range_filter .range_filter_close {right:0px;}

.select_floating .phone-control-wrap .phone-addon { max-width: 150px;}
.theme-form  .select_floating  .input-group-prepend .input-group-text { padding:6px 5px ; }
}
/*@media (max-width: 1500px) {
.navbar ul.nav > li > a.nav-link {padding: 6px; font-size: 15px; }	
}
@media (max-width: 1450px) {
.navbar ul.nav > li { margin-right: 0; }
}
@media (max-width: 1366px) {
.select_floating .form-control.mw160 {  min-width: 110px;}
.navbar ul.nav > li > a.nav-link { font-size: 14px; }
}
@media (max-width: 1320px) {
.navbar ul.nav > li > a.nav-link { padding: 8px 4px; }
}*/
@media (max-width:1279px) {
/*header menu responsive css start*/
.topbar .navbar { padding: 0; }
.topbar .navbar .navbar-nav .menu-toggle { display: block; }
.page-titlebar { padding: 8px 0; }
.main-wrapper { margin-left: 0; }
.left-sidebar { display: none; top:0; left:0; background-color: #FFF; width:250px; min-height:100vh; overflow: auto;  z-index:1001; text-align:left;  transition: all 400ms ease 0s;  transform-origin: bottom left; transform: translate(0,0) scale(0,1);}
.left-sidebar.show { transition: all 400ms ease 0s; left: 0;  transform: translate(0,0) scale(1,1);}
.menu-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.75); transition: all 0.4s ease; z-index:1000;}
.menu-overlay .menu-close{ color: #FFF; float: right; margin: 5px;  }
/*.navbar .right-icons a.menu-toggle { display:inline-block; vertical-align: top; }
.navbar .right-icons a.menu-toggle  span{ height: 3px;  width: 25px; background-color: #1d1d1d; margin:5px 0 2px; transition: 0.4s; display: block;}
.navbar .right-icons a.menu-toggle.active span.bar-2 { opacity :0; }
.navbar .right-icons a.menu-toggle.active span.bar-1 { transform:rotate(-45deg) translate(-9px, 4px); }
.navbar .right-icons a.menu-toggle.active span.bar-3 { transform:rotate(45deg) translate(-7px, -2px); }*/
/*.navbar .menu{ display:none;}
.navbar .menu { position:absolute; top:72px; left:0; background-color: #FFF; width:250px; min-height:100vh;  z-index:999; text-align:left;  transition: all 400ms ease 0s;  transform-origin: bottom left; transform: translate(0,0) scale(0,1);}
.navbar .menu.show {transition: all 400ms ease 0s; left: 0;  transform: translate(0,0) scale(1,1);}
.navbar .menu > ul {height: 82vh;overflow: auto; display: block;}
.navbar .menu > ul > li { display: inline-block; width:100%;  border-bottom: 1px solid #eee; margin-right:0;}
.navbar .menu > ul > li a { padding:5px 20px; display:block; }
.navbar .menu > ul > li.dropdown.show .dropdown-menu { position:relative;box-shadow: none;}
.navbar .menu > ul > li.dropdown a[data-toggle="dropdown"]:after { content:"\f078"; font-family:'FontAwesome'; position:absolute;right: 15px; top: 12px; transition: all .6s; transform-origin: center center;}
.navbar .menu > ul > li.dropdown.show a[data-toggle="dropdown"]:after {transform: rotate(180deg);}

.navbar .menu > ul > li.dropdown .dropdown-menu { box-shadow:none; }
.navbar .menu > ul > li.dropdown .dropdown-menu li a{ font-size: 13px; } 
.navbar .menu .dropdown .dropdown-toggle:after{ display:block; }*/
/* header menu responsive css End */
.profile_url_breack { line-break:anywhere; }
}
@media (max-width:1099px) {
.line-title h1 { font-size: 24px; }
}
@media (max-width:991px) {
.float-right.filter-div.fixed-top { position:unset; }

.dashboard_wrap #slider_div_getheight .dash_box .media .media-left img { width: 75px; }
.footer .text-center { margin-top: 10px }
.page_wrapper { padding: 20px 0 }

/* responsive popup css start ========================== */
body #colorbox { width: 90% !important; left: 5% !important; }
body #cboxWrapper, body #cboxContent, body #cboxLoadedContent { width: 100% !important; }
/* responsive popup css end ============================ */
table.r-table tbody tr { border: 1px solid rgba(0, 0, 0, 0.10); border-top: 2px solid #11A89f; display:block;  }
table.r-table tbody tr td:first-child:before{min-width:auto; }
table.r-table tbody tr td:first-child{border-bottom:1px solid rgba(0, 0, 0, 0.10)!important;}
table.r-table tbody tr td:nth-child(2):before, table.r-table tbody tr td:nth-child(4):before{float:left;}
table.r-table tbody tr td:nth-child(2) .media .media-left img{width:55px!important;}
table.r-table tbody tr td.text-center{text-align:left!important;}
table.r-table tbody td { padding: .6rem; display: block; width: 100%\9; float: left\9; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.10); }
table.r-table tbody td:before { min-width:85px; content: attr(data-th); font-weight: 600; display: inline-block; }
table.r-table tbody tr.data-remove  td:before{ display:none;}
table.r-table thead { display: none; }
table.r-table tr td .quantity { display: inline-block; }

.order_info   { border: 0 !important; border-bottom:1px solid #dee2e6!important ; margin-bottom: 15px;  }
.login_page_wrap .login_left_part { width: 350px; }
}
@media (max-width:945px) and (min-width: 768px) {
.support_new_eticket { margin-bottom: 15px; }
}
@media screen and (max-width:850px) {
.prd_details .product-details-img .product-zoom-right { min-height: 210px; }
}
@media screen and (max-width:768px) {
.resp-tabs-container h2.resp-accordion { display: block;}
.resp-tabs-container h2.resp-accordion:empty { display:none;}
.resp-tabs-container h2.resp-tab-active { background:#11A89f; color:#fff;}
.res-tab-wrap .resp-tabs-list { display: none;}
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #3D3D3D}
.resp-tabs-container h2.resp-tab-active .resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #fff; }
}
@media (max-width: 767px) {
.prd_item_wrap .prd_img > a:not(.btn) { display: block; min-height:150px;}
.customer_bones { padding:0px }
.card-alert { font-size: 12px;}
.card-alert .media .media-body h4 {font-size: 16px;}
.card-alert .media .media-left {min-width: 80px;}
.dashboard_wrap #parent_heightset {height: 600px; }
}
@media (max-width: 640px) {
.login_page_wrap, 
.login_page_wrap .login_left_part, 
.login_page_wrap .login_right_part{ display: inline-block !important; width: 100%; }
.loging_left_center_content { text-align: center; width: 100%; display: inline-block; padding:0 10px;  }
.login_left_part .login_left_content { padding: 15px 0px; }
.login_page_wrap .coffeepro-bg { background-position:0 75%; }
}
@media (max-width: 480px) {
.topbar .navbar .dropdown  { position: static; }
.topbar .navbar .dropdown .dropdown-menu, .topbar .navbar .dropdown .dropdown-menu table { max-width: 100%; word-wrap: break-word; }
.topbar .navbar .dropdown .dropdown-menu .text-nowrap{ white-space: normal !important; word-break: break-word; }
.topbar .navbar .navbar-nav a.nav-link { padding-left: 10px;padding-right: 10px;}
.topbar .navbar .dropdown-toggle:after { font-size: 10px; }
.topbar .navbar .navbar-nav a.nav-link .prd_cout {right: 5px; }
.dashboard_wrap .news_list h4 { font-size: 18px; }
.dashboard_slider .bx-controls .bx-controls-direction a { min-width: 32px;}
.cart-dropdown { position: static; }
.cart-dropdown .dropdown-menu { padding: 15px !important;top: 100%; min-width:300px; }	
.sum_wrap .sum_body {padding: 25px 15px 15px 15px;}
.sum_wrap .sum_title { font-size: 26px; }
.sum_wrap .sum_body .sum_table_bottom tr td { padding: 8px 0; font-size: 16px;}
.sum_table .table thead tr th, 
.sum_table .table tbody tr td { font-size: 12px;  padding:6px; }
.sum_wrap .sum_body table tr td .media img.mr-3{ max-width: 50px;  }
.card-alert { width: 100%; top: 112px;}
.card-alert .media { min-width: 100%;}
.card-alert .media .media-left:after { width: 60px;}
.shop_wrap .prd_label  { min-width: 100%;  max-width: 100%; }
.biz_progress_wrap .ranking_tbl tbody { font-size: 16px;}
.dash_alert.alert { font-size: 12px; }
.fs52 {font-size: 42px;}
.fs44 {font-size: 34px;}
.select_floating .phone-control-wrap .phone-addon:first-child { padding-bottom: 10px; }
.select_floating .phone-control-wrap .phone-addon:first-child, .select_floating .phone-control-wrap { display: block; }
.login_left_part .login_left_content img { max-width: 60%; max-height:100px;}
.card-arrow .card-left-arrow { top: inherit; left: 0; bottom: 0; padding: 8px 14px; background-color:#FFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 50%); transform: translateY(0%);}
.card-arrow .card-right-arrow{ top: inherit; right: 0; bottom: 0; padding: 8px 14px; background-color:#FFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 50%); transform: translateY(0%);}
body.iframe .card.card-arrow > .card-body { padding: 15px !important; margin: 0 !important;}

.dash_slider .slide-content { padding: 15px 15px 20px;}
.dash_slider .slide-content .btn { font-size: 12px; padding: 5px 12px; }
.dash_slider .slide-content .slide-title{ font-size: 18px; }
.dash_slider .slide-content p{ font-size: 12px; text-overflow: ellipsis;  -webkit-line-clamp: 3;display: -webkit-box;   -webkit-box-orient: vertical; overflow: hidden; }
.dash_slider .slider-nav .slider-button { font-size: 1.75em; }
.dash_slider .slider-nav-content .bullet-list { margin-bottom: 0;}
}
@media (max-width:414px){
.popover { max-width: 60%;}
.popover .popover-body {  font-size: 12px;}
.custom_vtab_wrap .phone-control-wrap .phone-addon { font-size: 14px; }
.card-alert .media .media-left:after { height: 90px; }
.fs52 {font-size: 32px;}
.fs44 { font-size: 24px;}
}
@media (max-width:360px){
.fs52 { font-size: 28px;}
.fs44 { font-size: 18px;}
}