/* Global Setup */
body{font-size: 16px;color: #222;padding-top: 55px;}
body.non-login{ padding-top: 0px; }
body.non-login > section{ height: 100%; }
a{ transition:all ease 0.2s; -webkit-transition:all ease 0.2s; }
a:hover{ text-decoration:none; }
img{ max-width:100%; height:auto; }
.link:hover, .link:focus{ color:#309BDE; }
.panel{ -webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); margin-bottom:18.4px; }
.panel-default xmp{ word-break:break-word; white-space:normal; margin:0; padding:10px; margin-top:20px; margin-bottom:8.4px;
background-color:#F8F8EC; border:1px solid #65653C; border-radius:3px; color:#65653C; }
p{ margin:0; }
.panel-body p:last-child{ margin-bottom:0; }
* + p{ margin-top:11px; }
.link i{ line-height:1; }
.well{background: #fff;border-color: #f0f0f0;box-shadow: none;padding: 15px 20px;}
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6 { font-weight:700; }
.semiBold, .semiBold h1, .semiBold h2, .semiBold h3, .semiBold h4, .semiBold h5, .semiBold h6 { font-weight:600 !important; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500 !important; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400 !important; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }
.v-align-m{ vertical-align: middle; }
.v-align-t{ vertical-align: top; }
.v-align-b{ vertical-align: bottom; }
.v-align-s{ vertical-align:sub; }
.v-align-sup{ vertical-align:super; }
.custom-table.custom-borderd thead{ background:none; }
.form-horizontal .form-group{margin-bottom: 20px;}
.form-horizontal .form-group.mb0{ margin-bottom:0; }
.form-control{padding: 10px 18px;background-color: #FAFAFA;}
textarea.form-control{ resize: vertical; }
input[type="text"].form-control.valid{ background-image: url('../images/ico-input-valid.png'); background-repeat: no-repeat; background-size: 20px; background-position: right 10px center; padding-right: 35px; }
input[type="text"].form-control.invalid{ background-image: url('../images/ico-input-invalid.png'); background-repeat: no-repeat; background-size: 20px; background-position: right 10px center; padding-right: 35px; }
input[type="text"].form-control.load{ background-image: url('../images/input-loader.gif'); background-repeat: no-repeat; background-size: 20px; background-position: right 10px center; padding-right: 35px; }
.input-group-addon{min-width: 45px;background-color: #FAFAFA;}
.input-group-addon i{ color: #CCC; }
.hidden{ display: none !important; }
.btn{ padding-left: 40px; padding-right: 40px; }
.btn-auto{ min-width: auto; }
.no-shadow{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; }
.no-border{ border: none !important; }
.bg-primary{background-color: #309BDE;}
.btn-primary,.btn-primary:hover, .btn-primary:active, , .btn-primary:focus{ background-color: #309BDE; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{ opacity: 0.85; }
.text-primary{ color: #309BDE; }
.text-dark{ color: #222; }
.text-gray{ color: #AAA; }
.btn-default{ border-color: #DDD; color: #20252C; }
.cur-pointer{ cursor: pointer; }
.panel-info{border-color: #A5E6C6;}
.panel-info > .panel-heading{color: #1F3150; background-color: #ECF8F6;}
.panel-info > .panel-heading i{ color: #1F3150; }
.panel-info > .panel-body{color: #566277; background-color: #ECF8F6;}
.alert{ box-shadow: none; font-size: 16px; border-radius: 5px; padding: 12px 23px; border: none; background-color: #EFEFEF;}
.alert p{ font-size: 16px; color: #222222; margin:0; }
.alert a{color: #222222; text-decoration:underline;}
.alert a:hover{ text-decoration:none;}
.alert.alert-default{}
.alert.alert-warning{ background-color: #EAEBC7; background-image: none; color: #222;}
.alert.alert-danger{background-color: #EBBDAF;background-image: none;color: #222;}
.alert.alert-success{ background-image: none; color: #222; background-color: #D0F0D5;}
.bg_color_{ background-color: #5A5672 !important; }
.bg_color_:before{ content: "?" }
.bg_color_a{ background-color: #F27171 !important; }
.bg_color_b{ background-color: #D14B4B !important; }
.bg_color_c{ background-color: #ED9770 !important; }
.bg_color_d{ background-color: #E08B4E !important; }
.bg_color_e{ background-color: #DDA3A3 !important; }
.bg_color_f{ background-color: #EDBD70 !important; }
.bg_color_g{ background-color: #009EDD !important; }
.bg_color_h{ background-color: #105AA5 !important; }
.bg_color_i{ background-color: #7B9BE2 !important; }
.bg_color_j{ background-color: #749AAA !important; }
.bg_color_k{ background-color: #00CEFF !important; }
.bg_color_l{ background-color: #8CD5F2 !important; }
.bg_color_m{ background-color: #9F0464 !important; }
.bg_color_n{ background-color: #BC64B2 !important; }
.bg_color_o{ background-color: #E840A8 !important; }
.bg_color_p{ background-color: #D693BD !important; }
.bg_color_q{ background-color: #9F7198 !important; }
.bg_color_r{ background-color: #E67FBF !important; }
.bg_color_s{ background-color: #0FD8CB !important; }
.bg_color_t{ background-color: #1AB2A8 !important; }
.bg_color_u{ background-color: #52E0A4 !important; }
.bg_color_v{ background-color: #19A54F !important; }
.bg_color_w{ background-color: #75BCB7 !important; }
.bg_color_x{ background-color: #578683 !important; }
.bg_color_y{ background-color: #331CB1 !important; }
.bg_color_z{ background-color: #8F68D8 !important; }
/* autofill bg */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s;
-webkit-text-fill-color: #1F3150;
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.displayNone{ display: none; }
/*checkbox*/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image: none; font-family: 'FontAwesome'; text-align: center; content: '\f00c'; color: #309BDE; line-height: 24px; }
/*checkbox with iconmoon*/
.check-bx-style { display: inline-block; position: relative; width: 15px; height: 15px; margin-left: -20px; margin-right: 6px; vertical-align: middle;}
.check-bx-style input[type="checkbox"] { position: absolute; margin-left: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.radio-btn{padding-left: 20px;}
.radio-btn .radio-style{ display: inline-block; width: 18px; height: 18px; margin-left: -20px; position: relative; margin-right: 5px; font-size: 16px;}
.radio-btn .radio-style input[type="radio"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
body.changeDefualt .row { margin-left:-11px; margin-right:-11px; }
body.changeDefualt .col-xs-1,body.changeDefualt .col-sm-1,body.changeDefualt .col-md-1,body.changeDefualt .col-lg-1,
body.changeDefualt .col-xs-2,body.changeDefualt .col-sm-2,body.changeDefualt .col-md-2,body.changeDefualt .col-lg-2,
body.changeDefualt .col-xs-3,body.changeDefualt .col-sm-3,body.changeDefualt .col-md-3,body.changeDefualt .col-lg-3,
body.changeDefualt .col-xs-4,body.changeDefualt .col-sm-4,body.changeDefualt .col-md-4,body.changeDefualt .col-lg-4,
body.changeDefualt .col-xs-5,body.changeDefualt .col-sm-5,body.changeDefualt .col-md-5,body.changeDefualt .col-lg-5,
body.changeDefualt .col-xs-6,body.changeDefualt .col-sm-6,body.changeDefualt .col-md-6,body.changeDefualt .col-lg-6,
body.changeDefualt .col-xs-7,body.changeDefualt .col-sm-7,body.changeDefualt .col-md-7,body.changeDefualt .col-lg-7,
body.changeDefualt .col-xs-8,body.changeDefualt .col-sm-8,body.changeDefualt .col-md-8,body.changeDefualt .col-lg-8,
body.changeDefualt .col-xs-9,body.changeDefualt .col-sm-9,body.changeDefualt .col-md-9,body.changeDefualt .col-lg-9,
body.changeDefualt .col-xs-10,body.changeDefualt .col-sm-10,body.changeDefualt .col-md-10,body.changeDefualt .col-lg-10,
body.changeDefualt .col-xs-11,body.changeDefualt .col-sm-11,body.changeDefualt .col-md-11,body.changeDefualt .col-lg-11,
body.changeDefualt .col-xs-12,body.changeDefualt .col-sm-12,body.changeDefualt .col-md-12,body.changeDefualt .col-lg-12{
padding-left:11px; padding-right:11px; }
body.changeDefualt .container-fluid{ padding-left:11px; padding-right:11px; }
.dropdown-menu > li > a{ cursor: pointer; }
.overflow-dropdown{overflow: auto; max-height: 465px;}
/*unique paddings*/
.pb10,.p10-0 { padding-bottom:10px; }
.pb20,.p20-0 { padding-bottom:20px; }
.pb30,.p30-0 { padding-bottom:30px }
.pb40,.p40-0 { padding-bottom:40px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pb100,.p100-0 { padding-bottom:100px; }
.pt10,.p10-0 { padding-top:10px; }
.pt20,.p20-0 { padding-top:20px; }
.pt30,.p30-0 { padding-top:30px }
.pt40,.p40-0 { padding-top:40px; }
.pt50,.p50-0 { padding-top:50px; }
.pt60,.p60-0 { padding-top:60px; }
.pt70,.p70-0 { padding-top:70px; }
.pl15, .p15 { padding-left:15px; }
.pr15, .p15 { padding-right:15px; }
.pt15, .p15 { padding-top:15px; }
.pb15, .p15 { padding-bottom:15px; }
.pl20, .p20 { padding-left:20px; }
.pr20, .p20 { padding-right:20px; }
.pt20, .p20 { padding-top:20px; }
.pb20, .p20 { padding-bottom:20px; }
.pl0,.p0-0 { padding-left:0; }
.pr0,.p0-0 { padding-right:0; }
.pt0,.p0-0 { padding-top:0; }
.pb0,.p0-0 { padding-bottom:0; }
.fontColor{ color:#4D4F5C; }
.fr{ float:right; }
.font12{ font-size:12px; }
.font13{ font-size:13px; }
.font15{ font-size:15px; }
.font16{ font-size:16px; }
.borderLeft{ border-left:1px solid #F0F0F0; }
.borderRight{ border-right:1px solid #F0F0F0; }
.borderTop{ border-top:1px solid #F0F0F0; }
.borderBottom{ border-bottom:1px solid #F0F0F0; }
.noBorder{border:none !important;}
.border-radius-0{border-radius:0px !important;}
.nav-tabs{ border-bottom-width: 2px; }
.link,.nav-tabs > li > a{cursor: pointer; color: #888; outline: none; border-bottom-width: 2px; }
.leads_wrap .nav-tabs > li > a{ color: #888; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color: #222;font-weight: 400;}
.nav-tabs > li > a > span.badge{background-color: #F1F1F1; color: #888888; font-weight: 400; border-radius: 60px; margin-left: 3px;}
.m0{ margin:0 !important; }
.mb0{ margin-bottom:0 !important; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mt0{ margin-top:0 !important; }
.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mr0{ margin-right:0 !important; }
.ml0{ margin-left:0 !important; }
.mb15mt15 {margin-bottom: 15px;margin-top:15px;}
.noListStyle ul{ margin:0; padding:0; list-style:none; }
.link:after{ display:none; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-color:#EEEEEE; }
.navbar-brand{padding: 12.9px 14px;}
.navbar-brand > img{width: 27px; height: 27px; }
.form-horizontal .fields-fundamental{ margin-top: 10px; }
.form-horizontal .fields-fundamental .form-group{}
.form-horizontal .fields-fundamental .control-label{}
.form-horizontal .fields-fundamental .control-label i.icon.icon-info{ font-size: 16px;vertical-align: text-bottom;margin: 0 3px;color: #777;cursor: pointer; }
.form-horizontal .fields-fundamental .control-label i.icon.icon-info:hover{ color: #000; }
.form-horizontal .fields-fundamental .form-control{ height: 49px; }
.form-horizontal .fields-fundamental googleplace .input-group-addon{line-height: 34.1px;}
.form-horizontal .fields-fundamental .dropdown-container .selectWrap.form-control{ line-height: 29px;}
.form-horizontal .fields-fundamental .dropdown-container .selectWrap.form-control:before{top: 17px;}
.form-horizontal .fields-fundamental .sep{ border-top: solid 1px #F0F0F0; margin-bottom: 20px; clear: both; display: block;}
.form-group.form-group-success{ margin-bottom: 25px;}
.form-group.form-group-success .form-control{ border-color: #D8E8DC; border-width: 2px; background-color: #F5FCF7;}
.form-group.form-group-success .input-group{ clear: both; }
.form-group.form-group-success .input-group-addon{ border-color: #D8E8DC; border-width: 2px; background-color: #F5FCF7;}
#topbar .navbar-inverse .navIcon h2{ color: #fff; }
#topbar .navbar-inverse .navbar-toggle .icon-bar{ background-color:#DEDEDE; }
#topbar .navbar-inverse ul.navbar-nav > li > a > sup{background-color: #49D07F;color: #fff;font-size: 12px;text-transform: none;padding: 1.5px 5px;border-radius: 3px;margin-left: 5px;font-weight: bold;vertical-align: super;}
#topbar .navbar-inverse ul.navbar-nav .badge{ text-align: center;padding: 1px 6px;line-height: normal; background-color: #FFF;color: #404040;font-size: 10px;border-radius: 50px;vertical-align: middle;font-weight: 600;text-transform: uppercase;display: inline-block;line-height: 10px;margin-left: 3px; }
#topbar .navbar-inverse{}
#topbar .navbar-inverse ul.navbar-nav{}
#topbar .navbar-inverse ul.navbar-nav > li.dropdown.open{}
#topbar .navbar-inverse ul.navbar-nav > li.dropdown.open > a{/*background-color: #1F2733;*/transition: none;}
#topbar .navbar-inverse ul.navbar-nav > li{}
#topbar .navbar-inverse ul.navbar-nav > li > a{}
#topbar .navbar-inverse ul.navbar-nav > li.sep{}
#topbar .navbar-inverse ul.navbar-nav > li.sep > label{}
#topbar .navbar-inverse a.nav-help{
display: block;
width: 22px;
height: 22px;
border: solid 1px rgba(255,255,255,0.4);
padding: 0 !important;
text-align: center;
line-height: 24px;
border-radius: 50%;
}
#topbar .navbar-inverse a.nav-help:hover{
background-color: rgba(196, 196, 196,0.2);
}
.nav-transparent #topbar .navbar.scrolltop ul.navbar-nav > li > a.nav-help{
border-color: #888;
}
.nav-transparent #topbar .navbar.scrolltop ul.navbar-nav > li > a.nav-help .svg-help-mark .svg-part1{
fill: #888
}
.nav-transparent #topbar .navbar.scrolltop ul.navbar-nav > li > a.nav-help .svg-help-mark .svg-part2{
stroke: #888
}
#topbar .navbar-inverse ul.dropdown-menu {/*background: #1F2733;*/border-top: none; padding: 15px 0; min-width: 262px;}
#topbar .navbar-inverse ul.dropdown-menu > li { margin: 0 20px; }
#topbar .navbar-inverse ul.dropdown-menu > li > a{ /*color: #fff; font-weight: 600; font-size: 14px;*/ padding: 8px 10px;}
#topbar .navbar-inverse ul.dropdown-menu > li + li > a{border-top: 1px solid #EEEEEE;}
#topbar .navbar-inverse ul.dropdown-menu > li > a:hover{/*background-color: rgba(255, 255, 255, 0.15);*/}
#topbar .navbar-inverse ul.dropdown-menu > li.sep{ border-bottom: solid 1px rgba(255, 255, 255, 0.4); margin-top: 15px; margin-left: 20px; margin-right: 20px;}
#topbar .navbar-inverse ul.dropdown-menu > li.sep:first-child{ margin-top: 5px; }
#topbar .navbar-inverse ul.dropdown-menu > li.sep + li >a{border: none;}
#topbar .navbar-inverse ul.dropdown-menu > li.sep > label{ color: #BBB; text-transform: uppercase; font-size: 12px; margin-bottom: 3px;}
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown .dropdown-toggle { display: none; }
@media (min-width: 992px) {
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown .dropdown-toggle { position: relative; top: -1px; width: 17px; height: 17px; display: inline-block; background-color: #FFFFFF; opacity: 0.8; padding: 4px; border-radius: 6px; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-left: 2px; }
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown .dropdown-toggle:hover,
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown.open .dropdown-toggle { opacity: 1; transform: scale(1.15); }
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown .dropdown-toggle img { width: 7px; height: 7px; }
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown .dropdown-toggle:hover img,
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown.open .dropdown-toggle img { width: 10px; height: 10px; }
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown .dropdown-toggle .icon-add-white { display: none; }
#topbar .navbar-inverse ul.navbar-nav > li.estimates-dropdown .dropdown-toggle .icon-add-blue { display: inline-block; }
#topbar .navbar-inverse ul.estimates-dropdown-menu { padding: 0px 24px 24px 24px; width: max-content; min-width: 262px; max-width: unset; background-color: #FFFFFF; border: 1px solid #D8D8D8; box-shadow: 0 3px 16px rgb(0 0 0 / 8%); -webkit-background-clip: padding-box; background-clip: padding-box; margin-top: 0px; border-radius: 8px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li { margin-left: 0; margin-right: 0; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li > a { padding: 9px 12px; border-top: 1px solid #EEEEEE; border-radius: 0; background-color: transparent; color: #575757; white-space: nowrap; font-size: 15px; font-weight: 400; line-height: 16px; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 12px; transition: 0.15s; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li:hover > a { text-decoration: none; background-color: #E8F3FF; color: #0F56B3; border-radius: 8px; border-color: transparent; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li:hover + li > a { border-color: transparent; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li > a img { visibility: hidden; position: relative; transition: 0.2s; left: -10px; opacity: 0; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li > a:hover img { visibility: visible; left: 0; opacity: 1; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep { display: block; margin: 32px 0 0 0; padding: 0 0 16px 12px; overflow: visible; border: none; height: auto; color: #304A97; text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 15px; letter-spacing: 1px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep:first-child { margin-top: 32px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep + li > a { border: none; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep > label { color: #304A97; }
}
#topbar .navbar-inverse ul.dropdown-menu.profile{background-color: #fff !important;border: solid 1px #EEE;min-width: 292px;border-radius: 6px;margin-top: 13px;right: 7px;}
#topbar .navbar-inverse ul.dropdown-menu.profile:before{content:'';display: block;border-color: transparent;border-style: solid;border-width: 9px;border-top-width: 0;border-bottom-color: #DDDDDD;width: 19px;position: absolute;right: 40px;top: -10px;}
#topbar .navbar-inverse ul.dropdown-menu.profile:after{content:'';display: block;border-color: transparent;border-style: solid;border-width: 9px;border-top-width: 0;border-bottom-color: #fff;width: 19px;position: absolute;right: 40px;top: -9px;}
#topbar .navbar-inverse ul.dropdown-menu.profile > li{/* margin: 0; */}
#topbar .navbar-inverse ul.dropdown-menu.profile > li > a{color: #888;}
#topbar .navbar-inverse ul.dropdown-menu.profile > li > a:hover,#topbar .navbar-inverse ul.dropdown-menu.profile > li.active > a{ color: #222;}
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo{margin: 11px 0px 0px 0px;padding: 0 0 18px 0;/* border-bottom: solid 1px #EEE; */}
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo .profilePic{ width: 55px; height: 55px; float: left; margin: 0; margin-right: 15px; margin-left: 10px; line-height: normal;}
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo .profilePic img{ width: 55px; height: 55px; max-height: none; margin-top: 0; background-position: 200px; background-repeat: no-repeat; background-size: cover; object-fit: cover; object-position: center top;}
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo .profilePic i{ line-height: 55px; font-size: 25px; font-weight: 600; color: #fff;}
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo .usermeta{ float: left; color: #888; width: 168px;}
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo .usermeta label{ font-size: 15px; font-weight: 600; color: #222; margin-bottom: 3px; margin-top: 8px; line-height: normal; }
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo .usermeta p{ margin: 0; line-height: normal;}
/* rephelp btn */
#topbar .btn.btn-primary.btn-help{min-width: auto; width: 65px; height: 65px; padding: 0; margin: 0; text-align: center; position: fixed; z-index: 9; right: 20px; bottom: 20px; padding: 13px;}
#topbar .btn.btn-primary.btn-help i{ display: block; }
#topbar .btn.btn-primary.btn-rep{ background-color: #ddd; min-width: auto; border: none; width: 60px;height: 60px;padding: 0;margin: 0;text-align: center;position: fixed;z-index: 999; left: 20px; bottom: 10px;padding: 0;font-size: 26px;font-weight: normal;line-height: 60px;overflow:hidden;}
#topbar .btn.btn-primary.btn-rep.pic{ background-color:transparent !important; }
#topbar .btn.btn-primary.btn-rep img{ width: 60px; height: 60px; border-radius: 50%; object-fit: cover; object-position: center top;}
.page_netsheet_leads #topbar .btn.btn-primary.btn-rep, .page_orders_list #topbar .btn.btn-primary.btn-rep{/*bottom: 55px;*/}
[class*="page_results_results"] #topbar .btn.btn-primary.btn-rep{ bottom: 66px; }
/* Guest Menu */
#nav-guest.navbar-inverse{ background-color: #fff; border-bottom: solid 1px #F0F0F0;}
.html_page_app_home #nav-guest.navbar-inverse{ background-color: #F7F7F7; }
#nav-guest.navbar-inverse .navIcon h2{ color: #1F2733; }
#nav-guest.navbar-inverse .navbar-toggle .icon-bar{ background-color:#667386; }
#nav-guest.navbar-inverse ul.navbar-nav{}
#nav-guest.navbar-inverse ul.navbar-nav > li{}
#nav-guest.navbar-inverse ul.navbar-nav > li.dis > a, #nav-guest.navbar-inverse ul.navbar-nav > li.dis >a:hover{color: #d1d1d1; outline: none;}
#nav-guest.navbar-inverse ul.navbar-nav > li > a{color: #778295; box-shadow:none;}
#nav-guest.navbar-inverse ul.navbar-nav > li.active > a, #nav-guest.navbar-inverse ul.navbar-nav > li > a:hover{ color:#1F3150}
#nav-guest.navbar-inverse ul.navbar-nav > li > a.btn{}
#nav-guest.navbar-inverse ul.navbar-nav > li > a.btn .ico-ltn{}
#nav-guest.navbar-inverse ul.navbar-nav > li > a.btn:hover{}
#nav-guest.navbar-inverse ul.navbar-nav > li > a > ul{}
#nav-guest.navbar-inverse ul.navbar-nav > li > a > ul > li{}
#nav-guest.navbar-inverse ul.navbar-nav > li > a > ul > li > a{}
#nav-guest .popSignIn .popover{ background-color: #1F3150; color: #fff; padding: 15px; left: 0 !important; top: 36px !important;}
#nav-guest .popSignIn .popover{}
#nav-guest .popSignIn .popover .popover-title{ background: #1f324f; color: #fff; font-size: 16px; margin: 0;}
#nav-guest .popSignIn .popover .close-popover{margin-top: -5px;height: 25px;}
#nav-guest .popSignIn .popover > .arrow{ margin-left: 35px; top: -8px; left: 0 !important; }
#nav-guest .popSignIn .popover > .arrow:after{border-bottom-color: #1f324f;}
#nav-guest .popSignUp .popover{top: 40px !important;}
#nav-guest .popSignUp .popover{}
#nav-guest .popSignUp .popover{}
#endorsements{ /*margin-top: 15px; margin-bottom: 15px;*/}
#endorsements .checkbox{ padding-top: 0; margin-bottom: 5px; }
#endorsements > div:last-child .checkbox{ margin-bottom: 0; }
#endorsements label{font-size: 14px;}
#endorsements #endorsements_questions { margin-left: 24px; }
#endorsements #concurrent_endorsements_questions { margin-left: 30px; }
/* tooltip bookmark */
.tooltip-save {position:fixed;z-index:99999;background:#222;color: #AAA;font-size:16px;padding: 10px 15px;max-width:270px;border-radius:6px;top:10px;right: 10px;}
.tooltip-save:before{ content:""; display:block; border-color: transparent; border-style: solid; border-width: 10px; border-top-width: 0; border-bottom-color: #222222; width: 20px; position: absolute; right: 10px; top: -8px;}
.tooltip-save h3{font-size:16px;margin: 0 0 10px 0;color: #fff;font-weight:bold;}
.tooltip-save p.android{ display: block; }
.tooltip-save p.ios{ display: none; }
.tooltip-save p{margin:0;line-height: normal;}
.tooltip-save p img{width: 3.5px;vertical-align: middle; margin: 0 4px;}
.tooltip-save a{ display: block; width: 12px; height: 12px; background: url('../../assets_new/images/closeIcon.svg'); background-repeat: no-repeat; position: absolute; right: 15px; top: 12px;}
.tooltip-save.ios{left: 0;right: 0;margin: 0 auto;top: auto;bottom: 10px;max-width: 278px;}
.tooltip-save.ios:before{ left: 0; right: 0; top: auto; bottom: -8px; margin: 0 auto; border-top-width: 10px; border-top-color: #222222; border-bottom: none;}
.tooltip-save.ios p.android{ display: none; }
.tooltip-save.ios p.ios{ display: block; }
.tooltip-save.ios p img{ width: 13px; vertical-align: text-top;}
.tooltip-save.unknown{ display: none !important; }
/* popover */
.popover{border: none;border-radius: 3px;padding: 25px;-webkit-box-shadow: -1px 0px 20px 4px rgba(0, 0, 0, 0.1);box-shadow: -1px 0px 20px 4px rgba(0, 0, 0, 0.1);min-width: 290px;}
.popover.right{margin-left: 15px;}
.popover > .arrow{ border: none;}
.popover.right > .arrow{left: -9px;}
.popover .popover-title{ font-size: 18px; background: #fff; border: none; font-weight: 600; color: #1f3250; padding: 0; margin-bottom: 15px;}
.popover .popover-title .close-popover{ font-size: 40px; float: right; margin-top: -14px; color: #a3aeb6; padding: 0;}
.popover .popover-content{ padding: 0; color: #9a9898;}
.popover .popover-content p{ }
.popover .popover-content .popover-footer{ margin-top: 15px;}
.popover .popover-content .popover-footer .btn{}
.popover .popover-content .popover-footer .btn.signin{ min-width: auto; padding-left: 25px; padding-right: 25px;}
.popover .popover-content .popover-footer .btn.signin i{ font-weight: 100; font-size: 15px; color: #a3aeb6;}
.popover .popover-content .popover-footer .btn.signup{ min-width: auto; color: #263755; font-size: 15px; margin-left: 10px;}
.popover-guest + .popover{ top: -15px !important; }
.popover-guest + .popover.right > .arrow { top: 45px !important; }
.form-group .popover, .input-group .popover, dropdown + .popover{ background-color: #1F2733; left: 0 !important; padding: 15px; margin-top: 7px; min-width: fit-content;}
.form-group > .popover, .form-group > div > .popover{ left: 15px !important; }
.form-group .popover > .arrow, .input-group .popover > .arrow, dropdown + .popover > .arrow{left: 0 !important;margin-left: 30px;top: -8px;}
.form-group .popover > .arrow:after, .input-group .popover > .arrow:after, dropdown + .popover > .arrow:after{border-bottom-color: #202833 !important;}
.form-group .popover .popover-title, .input-group .popover .popover-title, dropdown + .popover .popover-title{ }
.form-group .popover .popover-content, .input-group .popover .popover-content, dropdown + .popover .popover-content{color: #fff;font-size: 15px;/* min-width: fit-content; */font-weight: 600;padding-left: 20px;}
.form-group .popover .popover-content:before, .input-group .popover .popover-content:before, dropdown + .popover .popover-content:before{content:'\ea0c';font-family:'icomoon';margin-right: 9px;vertical-align: top;margin-left: -20px;color: #f65050;}
dropdown + .popover{ left: 15px !important; }
dropdown + .popover > .arrow{ left: 35px !important; top: -8px !important;}
/* snackbar */
.snackbar-container{ position: relative; }
.snackbar-container .snackbar{ width: 100%; height: 60px; padding: 20px 0; margin-top: -1px; text-align: center; position: absolute; top: -60px; opacity: 0; transition: all ease 0.4s;}
.snackbar-container .snackbar .snackbar-content{ font-size: 16px;}
.snackbar-container .snackbar.snackbar-opened{ opacity: 1; top:0px; transition: all ease 0.4s;}
.snackbar-container .snackbar.success{background-color: rgba(84 ,187, 132 , 60%);}
.snackbar-container .snackbar.success .snackbar-content{color: #088240;}
/* modal */
.modal-backdrop{ background: #6A6A6A; z-index: 9999 !important;}
.modal-backdrop.in{opacity: 0.2;}
.modal{ z-index: 99999 !important; }
.modal .modal-dialog{width: 760px; top:50px; border-radius: 16px;padding: 0;overflow: visible;background: #fff;box-shadow: 0 3px 20px rgba(0,0,0,.16);-webit-box-shadow: 0 3px 20px rgba(0,0,0,.16);}
.modal .modal-dialog.modal-lg{ width: 991px; }
.modal .modal-dialog.modal-sm{ max-width: 520px; }
.modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.15s ease-out; -o-transition: -o-transform 0.15s ease-out; transition: transform 0.15s ease-out;}
.modal.in .modal-dialog { }
.modal .modal-content{border-radius: 16px;box-shadow: none;border: none;}
.modal .modal-header{position: relative;padding: 30px 40px 0px 40px;border: none;}
.modal .modal-header .modal-title{color: #222;font-size: 13px;font-weight: 600;text-transform: uppercase;}
.modal .modal-header .close{position: absolute;background: url(../../assets_new/images/closeIcon.svg) no-repeat center center;width: 20px;height: 20px;opacity: 0.6;margin:0;padding:0;right: 30px;top: 28px; z-index: 1;}
.modal .modal-header .close .icon-close{}
.modal .modal-body {padding: 20px 40px 60px 40px;}
.modal .modal-body h3{ font-weight: 600; margin: 0 0 20px 0;}
.modal .modal-body p{ font-size: 17px; color: #596271; margin-bottom: 15px; margin-top: 0;}
.modal .modal-body p.text-muted{ font-size: 13px; color: #B3BCCB;}
.modal .modal-footer { padding: 0px 20px 25px 40px;border: none; text-align: left;}
/* flayers */
.modal .modal-body .flyers-media{}
.modal .modal-body .flyers-media .media{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);border-radius: 8px;overflow: hidden;margin-bottom: 20px;border: solid 1px #EEE;}
/*.modal .modal-body .flyers-media .media:hover{ transition: all 0.6s ease; box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 18px 0px rgba(0, 0, 0, 0.1);}*/
.modal .modal-body .flyers-media .media:last-child{ margin-bottom: 0; }
.modal .modal-body .flyers-media .media .media-left{ padding-right: 25px;}
.modal .modal-body .flyers-media .media .media-left img{ width: 120px; height: 122px; max-width: initial;}
.modal .modal-body .flyers-media .media .media-body{ vertical-align: middle; padding: 15px 15px 15px 0;}
.modal .modal-body .flyers-media .media .media-body h4.media-heading{ font-size: 18px;}
.modal .modal-body .flyers-media .media .media-body p{ font-size: 15px; color: #888; margin: 0;}
.modal .modal-body .flyers-download{ min-height: 350px; }
.modal .modal-body .flyers-download table{ min-height: 350px; width: 100%; }
.modal .modal-body .flyers-download p{ font-size: 15px; color: #888; margin-bottom: 20px; }
/* golive modal */
.modal .modal-golive{ border-radius: 4px; }
.modal .modal-golive .modal-content{ border-radius: 4px; }
.modal .modal-golive .modal-header{ padding: 23px 30px; border-bottom: solid 1px #E5E5E5;}
.modal .modal-golive .modal-header .modal-title{ font-style: normal; font-weight: 600; font-size: 20px; line-height: 20px; color: #222; text-transform: none;}
.modal .modal-golive .modal-header .close{ width: 16px; height: 16px; top: 26px;}
.modal .modal-golive .modal-body{ padding: 0;}
.modal .modal-golive .modal-body .steps{ padding: 40px 51px; border-bottom: solid 1px #E5E5E5;}
.modal .modal-golive .modal-body .steps .btn{ padding: 18px 16px; line-height: normal; font-weight: 600; font-size: 16px;}
.modal .modal-golive .modal-body .steps .btn.primary{}
.modal .modal-golive .modal-body .steps .btn[disabled]{ background-color: #E2E2E2; color: #A9A9A9;}
.modal .modal-golive .modal-body .steps:last-child{ border: none;}
.modal .modal-golive .modal-body .steps h2.title{ padding: 0; margin: 0 0 10px 0; font-style: normal; font-weight: 600; font-size: 18px;}
.modal .modal-golive .modal-body .steps h2.title span{}
.modal .modal-golive .modal-body .steps .form-group{}
.modal .modal-golive .modal-body .steps .form-group .form-control{ color: #222; background: #FAFAFA; border: 1px solid #D9D9D9; border-radius: 2px; height: 50px;}
.modal .modal-golive .modal-body .steps p{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; color: #000;}
.modal .modal-golive .modal-body .steps p.text-muted{ font-size: 14px; color: #868686;}
.modal .modal-golive .modal-body .steps p.text-muted a{ display: inline-block; color: #868686; font-size: 14px; font-style: italic; text-decoration: underline; margin: 5px 15px 0px 0px;}
.modal .modal-golive .modal-body .steps p.text-muted a:hover{ text-decoration: none; font-style: normal;}
.modal .modal-golive .modal-body .steps p.text-muted i{}
.modal .modal-golive .modal-body .steps .tbl-wrap{}
.modal .modal-golive .modal-body .steps .tbl-wrap.with-status{padding-right: 44px;}
.modal .modal-golive .modal-body .steps .tbl-records{min-width: 100%;}
.modal .modal-golive .modal-body .steps .tbl-records{min-width: 100%;}
.modal .modal-golive .modal-body .steps .tbl-records thead{}
.modal .modal-golive .modal-body .steps .tbl-records thead tr{}
.modal .modal-golive .modal-body .steps .tbl-records thead tr th{ color: #BFBFBF; font-style: normal; font-weight: 600; font-size: 12px; line-height: 22px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody{ border: solid 1px #D9D9D9;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr{ border-bottom: solid 1px #D9D9D9;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td{ font-weight: normal; font-size: 16px; color: #000; width: 50%; height: 48px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td p{ margin: 0;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.host{ border-right: solid 1px #D9D9D9; padding: 0 20px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto{padding: 0 75px 0 15px;position: relative;text-align: center;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto p{ display: inline-block;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto a{ display: inline-block; color: #C5C5C5; font-size: 14px; text-transform: uppercase; letter-spacing: 4px; position: absolute; right: 9px; top: 50%; margin-top: -10px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto a:hover{ text-decoration:underline;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto .popover{ padding: 5px; border-radius: 4px; min-width: 150px; text-align: center; color: #FFF; background-color: rgba(0,0,0,0.7); font-weight: 700;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto .popover .arrow{}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto .popover .arrow:after{ border-top-color: rgba(0,0,0,0.7); margin-left: auto; border-top-width: 6px; bottom: 5px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto .popover .popover-content{color: #FFF;font-weight: normal;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto label.status{display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-size: cover;position: absolute;right: -35px;top: 50%;margin-top: -10px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto label.status.checked{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgBpZXNK3xRGMe/z+k3P6R0JUNJzVhYTd6WLCh/AErZUrJFIaNkZsVCMZY2bJW8FGXBwsJKMXnbGkkYysUCTd3jOQe3mXHnGuNTp3PPfe75nuec8zzPJThgHA4YeZ6CbhCaeVgHCd+nKcrvYpaU63eBqUWnuZT+wnsUbIfAAhsMuPEhHE4XFsmDspPgDAms/iimYK8FaMF7OjaRus6XZ2wgKUPIjdnbwOSgLVh6MtqtVsMfkBY64jWTa1qw7DR4nnTwuWK+JV78Qnn3G7H96hFuw04mHRmCJLUhS4a8raj0uN2XbOGjy867Sk8x+kqa9PP49abzR0S1glTgOtBYWMXNn+JdkcjHknmAreczZ0E+un/IwIqvV/f9V8t4tF7RZTTgifvp+DbcUFuOORmm73Z0H6noxBw3xfz9Hi4TppteVHD8RB0F4zu2qNrqZeLBHmdGXggi7GYyf4mqrY5fb+An+D7WyDgMGf89b+dZ5a87MU4/vzDrQyYs9OCPEGRY9braqByElBHkCBeV8M1nGUuph+XHoyFJNIFfISO3gakBWzzdXM65LaFFfa4yXAzUUendJXubaYIW5jyXnJp2NqmYtfRvYJcry6JZP/stKN8BuPyotpNIXnUAAAAASUVORK5CYII='); }
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto label.status.unchecked{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgBpZSxUsJAEIb/vcTCsaFV4gw2DmjDG+gboIU9vIFvADwB4xOAtYVYW1FZSodjQxxhbFPoMCM51mwkMeAlgvwzN9n8k/tye3e7BIO4kMtNt3eqCnRC4DKDCuIHcT+IXTDf2U/jjmkuLRv+4e4ZbKsNRg6ZEvCsuQxWyRdd2m/Bsm7/hn3nAaK2PnLqRqAuOnUGX2JNMaOhj/Ot6D1M2S/mq/I3bCKtz+3nt24IDFIdsqSwmTxr8n6gZHUmmHX/EA7ac2JP4sg3KLoZVEGa8g7U9U0IkiGxeGki0CnpkvPIQNkEszpzwHgUexLr6sWPtwh0yS85nLXCGCrKgEVSyBDxat4CMCgn1whL7pmsSEZiT41ziPsqqM2+8U8JmKQZpzqHmjRjelEzqB7SlNyzFfaPmLvE5UJOf/rD1eo3S+zag/GBor7rgamGTcVoyiM8ZXvw2g0O7wr/FBPiNrbQD6dFp0GE+hosyEK2BqO4S/1usEFtCzTq0qkiePB1TTrMop2ieUurBB8UotKUOyvXbAbubU0+OuR63vK8L35UuuNhwvJ5AAAAAElFTkSuQmCC'); }
@media (max-width: 553px) {
.modal .modal-dialog.modal-lg { width: 95%; }
.modal .modal-golive .modal-body .steps {padding: 30px 30px;}
.modal .modal-golive .modal-body .steps .tbl-records{margin-bottom: 20px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.host{padding: 0 5px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td p{font-size: 14px;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto{padding: 0 5px 0 5px;text-align: left;}
.modal .modal-golive .modal-body .steps .tbl-records tbody tr td.pointto a{color: #8a8989;font-size: 12px;position: static;line-height: normal;margin-top: 0px;}
}
@media (min-width: 554px) and (max-width: 767px) {
.modal .modal-dialog.modal-lg { width: 90%; }
.modal .modal-golive .modal-body .steps .tbl-records{margin-bottom: 20px;}
}
@media (min-width: 768px) and (max-width: 992px) {
.modal .modal-dialog.modal-lg { width: 90%; }
}
/* survey modal */
.modal .survey{}
.modal .survey .row-wrap{ padding-left: 15px; padding-right: 15px;}
.modal .survey .row-wrap .row{}
.modal .survey .img-survey{ background: linear-gradient(180deg, #F8FAFB 0%, #F7F9FA 100%);}
.modal .survey .img-survey img{ width: 100%; min-width: calc(100% + 65px);}
.modal .survey .modal-header .close{ background-image: url(../../assets_new/images/ico-close.svg); right: 15px; z-index: 3;}
.modal .survey .modal-body{padding: 50px;}
.modal .survey .content{ color: #656565; line-height: 26px;}
.modal .survey .content p{ margin-bottom: 25px;}
.modal .survey .content p strong{ color: #444; font-weight: 600;}
.modal .survey .content p i{}
.modal .survey .modal-footer{ padding: 0px 50px 10px 50px;}
.modal .survey .modal-footer .btn{ padding: 12px 36px; min-width: auto;}
.modal .survey .modal-footer .btn.btn-skip{ padding-left: 0; font-size: 14px; font-weight: 600; color: #979797;}
.modal .survey .modal-footer .btn.btn-primary{ float: right; box-shadow: none; border-radius: 5px; background-color: #1C3170; border-color: #1C3170; font-style: normal; font-weight: 600; font-size: 16px;}
/*
Sliding Modal
.modal-backdrop{ background: #6A6A6A;}
.modal-backdrop.in{opacity: 0.11;}
.modal{}
.modal .modal-dialog{border-radius: 0;margin: 0;padding: 0;overflow: visible;width: 500px;min-height: 100%;background: #fff;box-shadow: 0 3px 20px rgba(0,0,0,.16);;-webit-box-shadow: 0 3px 20px rgba(0,0,0,.16);margin-left: auto;}
.modal.fade .modal-dialog {-webkit-transform: translate(100%, 0);-ms-transform: translate(100%, 0);-o-transform: translate(100%, 0);transform: translate(100%, 0);-webkit-transition: -webkit-transform 0.15s ease-out;-o-transition: -o-transform 0.15s ease-out;transition: transform 0.15s ease-out;}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal .modal-content{border-radius: 0;box-shadow: none;border: none;}
.modal .modal-header{position: relative;padding: 30px 40px 0px 40px;border: none;}
.modal .modal-header .modal-title{color: #222;font-size: 13px;font-weight: 600;text-transform: uppercase;}
.modal .modal-header .close{position: absolute;background: url(../../assets_new/images/closeIcon.svg) no-repeat center center;width: 20px;height: 20px;opacity: 0.6;margin:0;padding:0;right: 30px;top: 28px;}
.modal .modal-header .close .icon-close{}
.modal .modal-body {padding: 20px 40px 25px 40px;}
.modal .modal-body h3{ font-weight: 600; margin: 0 0 20px 0;}
.modal .modal-body p{ font-size: 17px; color: #596271; margin-bottom: 15px; margin-top: 0;}
.modal .modal-body p.text-muted{ font-size: 13px; color: #B3BCCB;}
.modal .modal-footer { padding: 0px 20px 25px 40px;border: none; text-align: left;}
*/
.tax{
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-color: #87c5ef;
padding: 2px;
padding-left: 15px;
font-size: 15px;
font-weight: 400;
color: #1a3152;
margin-bottom: 0px;
}
.tax-body{
padding: 10px;
padding-left: 15px;
background-color: #ffffffad;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border: 1px solid #87c5ef;
border-top: none;
color: #1a3152;
}
.sectionName{
color: #1a3152;
font-size: 15px;
width: 100%;
font-weight: bold;
}
/* Phase 1-3 Design */
.btn{ white-space:normal; max-width:100%; font-family: "Figtree", Arial, sans-serif; }
.btn span.glyphicon { vertical-align:middle; }
.navbar{margin-bottom:0;border:none;min-height: 53px;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;transition: background 0.3s ease;-ms-transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;}
.stepBox{ position:relative; text-align:center; font-size:13px; background-color:#FFFFFF; display:inline-block;
width:100px; z-index: 1;}
.stepNumber{ text-decoration:none; display:inline-block; width:38px; height:38px; border:1px solid #BCBCBC;
text-align:center; line-height:38px; border-radius:50px; background-size:14px !important; }
.stepBox span{ display:block; color:#4D4F5C; line-height:20px; margin-top:8px; }
.col-md-3:not(:last-child) .stepBox:before{ content:''; height:1px; z-index:-1; background:#E9E9F0; left:100%;
width:300%; position:absolute; top:20px; }
.col-md-3 .stepBox.prevStep:before{ transition:all ease 0.4s; background-color:#309BDE; border-color:#0D86D1; }
.stepBox.activeStep .stepNumber, .stepBox .stepNumber:hover{ font-size:0; background:#4AD991
url("../images/CheckArrow.svg") center no-repeat; text-decoration:none; border-color:#4AD991; }
.stepBox.prevStep .stepNumber{ transition:all ease 0.4s; background:#0D86D1 url("../images/CheckArrow.svg")
center no-repeat; font-size:0; border-color:#0D86D1; }
.leftContent{ padding-top:40px; }
.leftContent h1{ color:#2E3F5C; line-height:48px; margin-top:0; margin-bottom:0; }
.leftContent h3{ color:#485770; margin-top:0; margin-bottom:0; }
.cardBox{ width:586px; max-width:100%; padding:29px 31px 31.6px; box-shadow:0 0 6px 0px rgba(0,0,0,.08);
-webkit-box-shadow:0 0 6px 0px rgba(0,0,0,.08); border-radius:3px; background-color:#FFFFFF; }
.cardImage { width:73px; height:73px; float:left; background:#0D86D1; border-radius:50%; text-align:center; color: #fff; line-height: 67px;}
.cardImage i{ font-size: 36px; }
.cardImage img{ width:100%; height:auto; }
.cardContent{ width: calc(100% - 97px); float:right; }
.cardContent h6{ margin-top:0; margin-bottom:0; line-height:21px;}
.cardContent p{ margin-top:11px; margin-bottom:0; }
.bottomTitle{ position:relative; padding-left:50px; }
.bottomTitle h6{ margin:0; }
.cardContent{ font-size:15px; line-height:20px; }
.cardContent q:before,.cardContent q:after{ display:none; }
.cardContent q{ padding:10px 20px; margin-top:22px; border:1px solid #DCE6A5; box-shadow:0 0 6px 0 rgba(0,0,0,.06);
-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.06); border-radius:3px; background-color:#F4F8EC; display:block }
.cardContent a{ color:#62B3E6; font-weight:600; }
.bottomTitle span{ width:10px; height:auto; position:absolute; top:0; left:25px; }
.bottomTitle span i{ color: #4ad991; vertical-align: top; }
/* DashBoard */
.fullwidth {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.fullwidth {
margin-left: calc(-100vw / 2 + 750px / 2 - 15px);
margin-right: calc(-100vw / 2 + 750px / 2 - 15px);
}
}
@media (min-width: 992px) {
.fullwidth {
margin-left: calc(-100vw / 2 + 970px / 2 - 15px);
margin-right: calc(-100vw / 2 + 970px / 2 - 15px);
}
.modal .modal-dialog.modal-survey{ width: auto; max-width: 992px; }
}
@media (min-width: 1200px) {
.fullwidth {
margin-left: calc(-100vw / 2 + 1200px / 2 - 15px);
margin-right: calc(-100vw / 2 + 1200px / 2 - 15px);
}
.modal .modal-dialog.modal-survey{ width: auto; max-width: 1060px; }
}
#dashboard .dashboard-article { position: relative; height: 330px;}
#dashboard .dashboard-article .article-media { background: transparent; height: 100%; width: 100%; text-align: center; color: #fff; position: relative; background-size: cover;}
#dashboard .dashboard-article .article-media i.loader{ position: absolute; z-index: 2; font-size: 20px; top: 50%; margin-top: -10px;}
.lead-percentage{ padding-left: 10px; font-size: 14px;}
#dashboard .dashboard-article .article-media:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #353E43; opacity: 0.7; z-index: 1;}
#dashboard .dashboard-article .article-data { z-index: 2; position: absolute; left: 0; right: 0; top: 50%; margin-top: -60px;}
#dashboard .dashboard-article .article-data label { border-color: #fff; font-size: 36px; font-weight: 600; color: #fff; display: block; padding: 10px 15px 10px 15px;}
#dashboard .dashboard-article .article-data .btn { font-size: 14px; color: #fff; font-weight: 600; width: auto; min-width: auto; padding: 8px 30px;}
#dashboard .dashboard-article .article-data .btn:hover { background: transparent;}
#dashboard .dashboard-article .article-data span { color: #C6BCBC; font-size: 14px;}
#dashboard .dashboard-noti{ background: #fff; color: #485770; border-radius: 8px; padding: 15px 30px; font-size: 20px; box-shadow: 0px 0px 20px 6px rgba(31, 31, 31, 0.1); -webkit-box-shadow: 0px 0px 20px 6px rgba(31, 31, 31, 0.1); -moz-box-shadow: 0px 0px 20px 6px rgba(31, 31, 31, 0.1);}
#dashboard .dashboard-noti a{ color: #5BB0DD; font-size: 20px;}
#dashboard .dashboard-noti i{ margin-right: 15px; font-size: 22px;}
#dashboard .dashboard-noti span{ font-size: 16px; margin-left: 20px;}
#dashboard .dashboard-noti.video{ background: #49B598; color: #fff; margin-top: -30px; position: relative; z-index: 2;}
#dashboard .dashboard-noti.video a{ color: #fff;}
#dashboard .dashboard-noti.video a i{}
#dashboard .dashboard-noti.video a span{ color: #DFE2E6;}
.graphParent{ padding:23px 5px 31.6px; border-radius:3px; }
.graphParent .graphMain{ width:50%; display:inline-block; margin-right: -5px; padding:0 35px; }
.graphMain .data{ width:40%; display:inline-block; margin-right: -5px; }
.graphMain .dataGraph{ width:60%; display:inline-block; margin-right: -5px; display:inline-block;
vertical-align:bottom; text-align:center; padding-left:5px; }
.graphMain h5{ margin:0; color:rgba(67, 66, 93, 0.50); font-size:15px; line-height:20px; font-weight:400; }
.graphMain h3{ font-size:25px; color:#4D4F5C; margin-bottom:2px; line-height:33px; font-weight:700; margin-top:23px; }
.graphMain .data span{ font-size:11px; line-height:15px; display:inline-block; font-weight:700; vertical-align:middle; }
.graphMain .data span svg{ display:inline-block; margin-right:4px; vertical-align:middle; }
.graphMain .data p{ margin:0; font-size:10px; line-height:14px; font-weight:400; color:#43425D; }
.graphMain.down .data span{ color:#ff4141; }
.graphMain.down .data span svg{ fill:#ff4141; }
.graphMain.up .data span{ color:#2FCBB3; }
.graphMain.up .data span svg{ fill:#2FCBB3; transform:rotate(180deg); transform-origin: center; }
.titleTagStyleParent{ position:relative; }
.titleTagStyleParent .panel-image img{ width: 100%; max-height: 170px; object-fit: cover; }
.labelTagStyle .panel-heading{ position:absolute; min-width:153px; padding:5px 15px; text-align:center; color:#ffffff; font-size:13px;
line-height:18px; top:8px; left:-8px; background-color:#0D86D1; text-transform:uppercase; font-weight:400; }
.labelTagStyle .panel-heading:before{ content:''; left:0; top:100%; width:8px; height:8px; position:absolute; border-style:solid;
border-width: 0 8px 8px 0; border-color: transparent #095686 transparent transparent; }
.tagYellow .panel-heading{ background-color:#DD7519; }
.tagYellow .panel-heading:before{ border-color: transparent #6A411C transparent transparent; }
.authorSlideImage{ padding-top:36.4px; padding-bottom:13.4px; }
.roundImage{ width:55px; height:55px; line-height:55px; text-align:center; margin-left:-20px; border-radius:50%; overflow:hidden;
display:inline-block; vertical-align:middle; }
.roundImage{ position:relative; }
.roundImage:first-child{ z-index:12; }
.roundImage:nth-child(2){ z-index:11; }
.roundImage:nth-child(3){ z-index:10; }
.roundImage:nth-child(4){ z-index:9; }
.roundImage:nth-child(5){ z-index:8; }
.roundImage:nth-child(6){ z-index:7; }
.roundImage:nth-child(7){ z-index:6; }
.roundImage:nth-child(8){ z-index:5; }
.roundImage:nth-child(9){ z-index:4; }
.roundImage:nth-child(10){ z-index:3; }
.roundImage:nth-child(11){ z-index:2; }
.roundImage:nth-child(12){ z-index:1; }
.roundImage img{ vertical-align:middle; }
.panel-footer a + a{ margin-left:15px; display:inline-block; }
.panel-footer a.socailIcon + a.socailIcon{ margin-left:5px; }
.formPage ul.nav-tabs{ margin-bottom:25px; }
.formPage h2{ margin-top:0; }
.quote-header{margin-bottom: 20px;}
.quote-header:after{content: "";display: block;width: 100%;clear: both;}
.result5page .quote-header{ margin-bottom: 0px; }
.result5page .quote-header:after{ width: calc(100% - 40px); border-bottom: solid 1px rgba(199, 208, 214, 0.6); margin: 22px 0 15px 0;}
.result5page h2.mobileDisplayNone:after{ content: ""; display: block; clear: both; width: calc(100% - 40px); border-bottom: solid 1px rgba(199, 208, 214, 0.6); margin: 20px 0 15px 0;}
.quote-header h5{ font-size: 14px; color: #636363; margin: 0 0 5px 0; font-weight: normal; }
.quote-header h2{margin: 0; display: flex; align-items: center;}
.quote-header h2 > i.fa-spin{ font-size: 15px; vertical-align: middle; margin-bottom: 4px; color: #6a6a6a; }
.quote-header h2 span.editable{display: inline-block;min-width: 100px;max-height: 88px;overflow: auto;outline: none;box-shadow: none;}
.quote-header h2 span.editable[contenteditable]{ -webkit-user-select: text; user-select: text; }
.quote-header h2 span.editable:focus{ color:#DADADA; outline: none; box-shadow: none;}
.quote-header h2 span.editable:focus:empty:before{content:"Untitled"; color:#DADADA;}
.quote-header h2 a{display: inline-block;width: 32px;height: 32px;min-width: 32px;text-align: center;border: 1px solid #E7E7E7;border-radius: 6px;margin-left: 16px;margin-right: 16px;vertical-align: bottom;align-self: self-start;}
.quote-header h2 span.editable:focus ~ a, .quote-header h2.loading a{ background-color: #E7E7E7; }
.quote-header h2 a img{}
.quote-header h2 a i.fa-spin { display: none; font-size: 16px;color: #6a6a6a;width: 20px;height: 20px;line-height: 20px;}
.quote-header h2.loading a img{ display: none; }
.quote-header h2.loading a i.fa-spin{ display: inline-block; }
.quote-header h2 p.text-danger{ color: #C91F1F; font-size: 15px; font-style: italic; }
.quote-header ul.nav-tabs{ margin: 2px 0 0 0;}
.quote-header ul.nav-tabs li{margin-right: 23px;}
.quote-header ul.nav-tabs li a{color: #AAA;padding: 8px 0;font-size: 16px;}
.quote-header ul.nav-tabs li.active a{color:#222;}
.view-as{}
.view-as ul{ padding: 20px 0; margin: 0 40px 0 0; list-style: none; border-top: solid 1px rgba(199, 208, 214, 0.6);}
.view-as ul li{ display: inline-block; margin-right: 10px;}
.view-as ul li label{ font-size: 15px; margin: 0; font-weight: 600;}
.view-as ul li a{ font-size: 16px; color: #222;}
.view-as ul li a:hover{}
.cardContentIn .form-control{/* margin-bottom:12px; */}
.cardContentIn{ position:relative; }
.closeButton{position:absolute;width:30px;height:30px;bottom: 25px;}
.disText{ color:#888888; padding-top:50px; }
.socailIcon{ width:41px; height:41px; text-align:center; line-height:41px; border:1px solid #BCBCBC;
display:inline-block; border-radius:50%; font-size:19px; color:#1F3150; }
.socailIcon:hover{ background-color:#1F3150; color:#ffffff; border-color:#1F3150; }
.guest-sm .socailIcon{ border: none; font-size: 25px; width: 30px;}
.guest-sm .socailIcon:hover{ background: transparent;}
.text-right .navbar-nav{ float:right; }
.text-right .navbar-nav > li > .dropdown-menu{ right:0; left:inherit; }
.tabForAdd p{ color:#7C8289; }
.tableTitle{ margin:10px 0 0; border-bottom:3px solid #C7D0D6; padding: 10px 0; }
.tableTitle h5, .tableTitle span{ padding-left: 0; margin: 0 0 5px 0; display:inline-block; vertical-align:bottom; font-size:20px; text-transform:capitalize; color:#222; font-weight:600; line-height:20px;}
.tableTitle span{ text-transform:capitalize; text-align:right; }
.tableData b{ font-weight:600; }
.tableData table.table.nested-table > tbody > tr > td:first-child { padding-left: 15px; }
.tableData table.table.nested-table > tbody > tr > td:last-child { padding-right: 15px; }
.tableData table.table.nested-table{ border-collapse:inherit; }
.tableData tbody.tbody{}
.tableData tbody.tbody tr{}
.tableData tbody.tbody tr td{ border: none; padding: 9px 0px 0px 0px; color: #384248;}
.tableData tbody.tbody tr.sub-head{}
.tableData tbody.tbody tr.sub-head td{ padding-top: 25px; padding-bottom: 6px; border-bottom: solid 1px #EEE;}
.tableData tfoot.tfoot{}
.tableData tfoot.tfoot tr{}
.tableData tfoot.tfoot tr td{font-size: 16px;color: #384248;border: none;}
.tableData tfoot.tfoot tr td:first-child{padding-left: 15px;}
.tableData tfoot.tfoot tr td:last-child{ padding-right: 15px; }
.tableData tfoot.tfoot tr:last-child td{ background-color:#EFF2F7; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.tableData tfoot.tfoot tr:last-child td:first-child{ border-top-left-radius:5px; border-bottom-left-radius:5px; }
.tableData tfoot.tfoot tr:last-child td:last-child{ border-top-right-radius:5px; border-bottom-right-radius:5px; }
.fancybox-is-open .fancybox-bg{ background:rgba(255,255,255,.83) }
.mobileBottomStrip ul li a.authorPopup:focus{ outline:none; }
.mobileBottomStrip ul li a.link span.fa-spin{ margin-right: -13px; }
.fancybox-slide > *{ box-shadow:0 0 16px 0 rgba(0,0,0,.11); -webit-box-shadow:0 0 16px 0 rgba(0,0,0,.11);
border-radius:8px; padding:0; }
.popupUserData .profilePic{ width:86.83px; height:86.83px; display:inline-block; border-radius:50%;
overflow:hidden; line-height:86px; margin-bottom:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.popupUserData .panel-image img{ padding-bottom:50px; }
.popupUserData .panel-body{ background-color:#F9F9F9; padding-top:0; }
.popupUserData p > a{ color:#1F3150; }
.popupUserData p > a:first-child{ font-weight:600; }
.fancybox-close-small:after{ display:none; }
.fancybox-close-small:before{ content:''; width:20px; position:absolute; top:15px; right:15px; height:20px; text-align:center;
background:url("../images/closeIcon.svg") no-repeat center center; background-size:cover; overflow:hidden; }
.resultTitle{border-top: 3px solid #C7D0D6;/*padding-top:10px; padding-bottom:10px;*/margin-top: 25px;}
.resultTitle h5,.resultTitle span{ padding-left:4px; margin: 10px 0 0 0; display:inline-block; vertical-align:bottom; font-size: 20px; color: #222; font-weight:600; line-height:20px;}
.resultTitle span{ text-align:right; }
table.resultTitle{ border:none; margin: 0; }
table.resultTitle tfoot{ }
table.resultTitle tfoot tr{}
table.resultTitle tfoot tr td{font-size: 16px;padding: 20px 0;background-color: #DCDDE1;}
table.resultTitle tfoot tr td span{ font-size: 16px; margin: 0; padding: 0;}
table.resultTitle tfoot tr td:first-child{padding: 20px 0 20px 15px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
table.resultTitle tfoot tr td:last-child{padding-right: 15px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
table.resultTitle tfoot tr td h5{margin: 0;padding: 0;font-size: 16px;}
body.resultPage6 .tableData table.table.nested-table:first-child{ margin-bottom:0; }
.progressBarResult6.panel{ margin-bottom: 30px; padding-bottom: 10px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.progressBarResult6.panel .panel-body{padding: 0;}
.progressBarResult6.panel .panel-heading { padding: 15px 21px; background-color: #efefef;}
.progressBarResult6.panel .panel-heading h4 { margin: 0; text-transform: uppercase; color: #222; font-size: 17px; line-height: 17px;}
.progressBarResult6 .progress-bar{background-color: #92BADE;box-shadow: none; }
.progressBarResult6 h1{margin-top:0;margin-bottom: 25px;font-size: 32px;}
.progressBarResult6 h2 small{font-weight:600;font-size: 16px;color: #AAA;}
.progressBarResult6 .lbl-sp{font-size: 13px; color: #999; font-weight: 600;}
.progressBarResult6 .progress{ margin-top:0; margin-bottom:0; overflow: hidden; }
.nested-table table{ border-left:0; }
.nested-table tr > th:last-child, .nested-table tr > td:last-child{ /*width:30%;*/ }
.nested-table tr > th:first-child, .nested-table tr > td:first-child{ width:65%; }
.nested-table tr tr td:first-child, .nested-table tr tr th:first-child{ padding-left:38px; }
.tableData table.table.nested-table tbody tr tr td, .tableData table.table.nested-table tbody tr tr th{ font-size:13px; }
.topTitleSearchBar .navbar-form{ width:325px; max-width:100%; display:inline-block; margin:0; padding:0; }
.topTitleSearchBar .navbar-form .input-group{ width:100%; position:relative; }
.topTitleSearchBar .navbar-form .input-group i{ width:18.4px; height:18.4px; position:absolute; left:13px; top:50%; z-index:99; transform:translateY(-50%);
color:#BBBBBB; -webkit-transform:translateY(-50%); }
.topTitleSearchBar .navbar-form .input-group > .form-control{ border:1px solid #DDDDDD; white-space:nowrap; padding:9px 25px 9px 44px; font-size:16px; font-weight:700;
line-height:1.42857143; border-radius:40px !important; height:auto; }
.topTitleSearchBar{ padding-bottom:10px; /*border-bottom:1px solid #F0F0F0; */}
.topTitleSearchBar a:not(.btn), .backButton a{ color: #222222; }
.topTitleSearchBar h2{ margin:0; line-height:42px; font-size: 28px; font-weight: 600; }
.topTitleSearchBar h2 span{ width:27px; height:26px; font-weight:700; color:#fff; display:inline-block;
background-color:#BBBBBB; vertical-align:middle; line-height:26px; border-radius:3px; text-align:center; font-size:13px; }
.topTitleSearchBar a.inviteClientsMob{ text-align: center; font-size: 17px; font-weight: 600; margin: 15px 0 -7px 0;}
.topTitleSearchBar a.inviteClientsMob i{ position: relative; display: inline-block; width: 24px; height: 24px; vertical-align: sub; margin-right: 10px;}
.topTitleSearchBar a.inviteClientsMob i:before{content: "";width: 24px;border-top: solid 1px #0D86D1;position: absolute;left: 0;top: 12px;}
.topTitleSearchBar a.inviteClientsMob i:after{content: "";height: 24px;border-right: solid 1px #0D86D1;position: absolute;left: 12px;top: 0;}
.tableSectionPage7 .custom-table{ box-shadow:none; }
.tableSectionPage7 .table > thead.thead-actions > tr > th{ color: #000000; font-size: 12px; border-top: solid 1px #eee; }
.tableSectionPage7.list-orders .table > thead.thead-actions > tr > th{ border-top: none; }
.tableSectionPage7 .table > thead:first-child > tr:first-child > th{}
.tableSectionPage7 .table > thead.thead-actions > tr:last-child > th{}
.tableSectionPage7 .table tr td{ font-size: 15px; height: 50px; }
.tableSectionPage7 .table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{font-size: 12px; line-height: 20px;}
.tableSectionPage7 .table > thead > tr > th .custom-control-label::before{ border-color: #888; }
.tableSectionPage7 .table > thead > tr > th > a.btn-ico{display: inline-block;color: #888;width: 20px;margin-right: 8px;}
.tableSectionPage7 .table > thead > tr > th > a.btn-ico i{font-size: 17px;vertical-align: middle;}
.tableSectionPage7 .table > thead > tr > th > .dropdown.dropdown-more{ display: inline-block; width: 20px;}
.tableSectionPage7 .table > thead > tr > th > .dropdown.dropdown-more > a{ color: #888;}
.tableSectionPage7 .table > thead > tr > th > .dropdown.dropdown-more > a > i{ font-size: 19px; vertical-align: text-bottom;}
.tableSectionPage7 .table > thead > tr > th > .dropdown.dropdown-more ul{margin-top:5px; margin-left:-5px;}
.tableSectionPage7 .table > thead > tr > th > .dropdown.dropdown-more ul>li{}
.tableSectionPage7 .table > thead > tr > th > .dropdown.dropdown-more ul>li>a{text-transform: none;padding: 0 5px;margin-bottom: 10px;}
.tableSectionPage7 .table > thead > tr > th > .dropdown.dropdown-more ul>li:last-child a{margin-bottom: 0px;}
.tableSectionPage7 .table > tbody > tr > td{ transition: all ease 0.6s; -moz-transition: all ease 0.6s; -webkit-transition: all ease 0.6s; }
.tableSectionPage7 .table > tbody > tr > td span.badge{ background-color: #1AB2A8; padding: 4px 6px; font-weight: 600; margin-left: 10px; }
.tableSectionPage7 .table > tbody > tr > td > .dropdown.dropdown-more{ display: inline-block; width: 20px;}
.tableSectionPage7 .table > tbody > tr > td > .dropdown.dropdown-more > a{color: #CCC;}
.tableSectionPage7 .table > tbody > tr > td > .dropdown.dropdown-more > a > i{font-size: 18px;vertical-align: text-bottom;}
.tableSectionPage7 .table > tbody > tr > td > .dropdown.dropdown-more ul{margin-top:5px;left: auto;float: none;right: 0;}
.tableSectionPage7 .table > tbody > tr > td > .dropdown.dropdown-more ul>li{}
.tableSectionPage7 .table > tbody > tr > td > .dropdown.dropdown-more ul>li>a{text-transform: none;padding: 0 5px;margin-bottom: 10px;}
.tableSectionPage7 .table > tbody > tr > td > .dropdown.dropdown-more ul>li:last-child a{margin-bottom: 0px;}
.tableSectionPage7 .table > thead > tr > th > .sort{ cursor: pointer; white-space: nowrap; }
.tableSectionPage7 .table > thead > tr > th > .sort i{font-size: 13px;font-weight: bold;vertical-align: middle;margin-left: 4px;color: #BDBDBD;height: 14px;width: 14px;position: relative;}
.tableSectionPage7 .table > thead > tr > th > .sort i.fa-sort-cust{}
.tableSectionPage7 .table > thead > tr > th > .sort i.fa-sort-cust:before{content: "\f106";position: absolute;top: -4px;}
.tableSectionPage7 .table > thead > tr > th > .sort i.fa-sort-cust:after{content: "\f107";position: absolute;bottom: -3px;}
.tableSectionPage7 .table > thead > tr > th > .sort i.fa-sort-cust-asc:before{content: "\f106";position: absolute;top: -4px; color:#000000;}
.tableSectionPage7 .table > thead > tr > th > .sort i.fa-sort-cust-asc:after{content: "\f107";position: absolute;bottom: -3px; color: #BDBDBD;}
.tableSectionPage7 .table > thead > tr > th > .sort i.fa-sort-cust-desc:before{content: "\f106";position: absolute;top: -4px; color: #BDBDBD;}
.tableSectionPage7 .table > thead > tr > th > .sort i.fa-sort-cust-desc:after{content: "\f107";position: absolute;bottom: -3px;color:#000000;}
.tableSectionPage7 .table > tbody > tr:hover > td{ background-color: #F9F9F9; }
.dataWithGraph{ margin-top:15px; width:100%; }
.dataWithGraph tr td{ padding:2px 0; font-size:13px; }
.dataWithGraph tr td:first-child{ width:35%; }
.dataWithGraph tr td:nth-child(2){ width:10%; text-align: center; font-weight:600; }
.dataWithGraph tr td:last-child{ width:55%; }
.dataWithGraph .progress{ background:transparent; margin:0; height:auto; }
.dataWithGraph .progress-mini .progress-bar{ height:5px; border-radius:0; margin:0; background: rgba(85,189,254,1);
background: -moz-linear-gradient(left, rgba(85,189,254,1) 0%, rgba(241,111,92,1) 0%, rgba(85,189,254,1) 0%, rgba(84,164,255,0.53) 95%, rgba(84,215,255,0.5) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,189,254,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(85,189,254,1)), color-stop(95%, rgba(84,164,255,0.53)), color-stop(100%, rgba(84,215,255,0.5)));
background: -webkit-linear-gradient(left, rgba(85,189,254,1) 0%, rgba(241,111,92,1) 0%, rgba(85,189,254,1) 0%, rgba(84,164,255,0.53) 95%, rgba(84,215,255,0.5) 100%);
background: -o-linear-gradient(left, rgba(85,189,254,1) 0%, rgba(241,111,92,1) 0%, rgba(85,189,254,1) 0%, rgba(84,164,255,0.53) 95%, rgba(84,215,255,0.5) 100%);
background: -ms-linear-gradient(left, rgba(85,189,254,1) 0%, rgba(241,111,92,1) 0%, rgba(85,189,254,1) 0%, rgba(84,164,255,0.53) 95%, rgba(84,215,255,0.5) 100%);
background: linear-gradient(to right, rgba(85,189,254,1) 0%, rgba(241,111,92,1) 0%, rgba(85,189,254,1) 0%, rgba(84,164,255,0.53) 95%, rgba(84,215,255,0.5) 100%); }
.graphSection .graphMain h3{ margin-top:45px; }
ul.pagination li a span i{ display:inline-block; width:15px; line-height:1; vertical-align:middle; }
/* Client View */
.clientPhoto{ width:105px; height:105px; margin-right:29.5px; text-align:center; line-height:105px; display:inline-block; vertical-align:middle; border-radius:50%; overflow:hidden; }
.clientPhoto img{ width: 100%; height: 100%; background-position: 200px; background-repeat: no-repeat; background-size: cover; object-fit: cover; }
.clientPhoto span{width: 100%; height: 100%; display: block; font-size: 36px; color: #fff; text-transform: uppercase;}
.clientData{ width: calc(100% - 145px); display:inline-block; vertical-align:middle; }
.clientData h2{ margin:0; line-height:35px; color:#222222; }
.clientData p{ line-height:20px; color:#384248; margin-bottom:0; margin-top:0; }
/* Client View Detailed Activity Tab */
.activityDateBox{ padding: 15px;background-color: #FFFFFF;border-bottom: solid 1px #f0f0f0; }
.activityTitle{ width:49px; height:49px; color:#FFFFFF; font-size:20px; line-height:49px;
overflow:hidden; display:inline-block; margin-right:28px; background-color:#0D86D1; border-radius:50%;
vertical-align:middle; font-weight:600; text-align:center; }
.activityData{ width: calc(100% - 85px); display:inline-block; vertical-align:middle; }
.activityData h5,.activityData h6{ margin:0; }
.activityData ul{ margin-bottom:0; padding:0; }
.activityData ul li{ display:inline-block; line-height:20px; position:relative; padding-right:28px;}
#dashBoardGraph, #dashBoardGraph2 { min-width:150px; height:100px; margin: 0 auto}
table.inline-editable .editable,table.inline-editable .editableform .form-control{ transition:all ease 0.3s;
-webkit-transition:all ease 0.3s; }
rect.highcharts-background{ fill:transparent !important; }
.panel{ background-color:#FFFFFF; }
.selectWrap .sel__box{ z-index:99999; }
/* pagination */
.pagination{}
.pagination > li { text-align: center; }
.pagination > li > a { border-radius: 6px; margin-left: 5px;margin-right: 5px;font-size: 14px;color: #808A9B;padding: 0;width: 28px;height: 28px;line-height: 28px;}
.pagination > li > a:hover,.pagination > li > a:focus,.pagination > li.active > a{ border-radius: 50%; color: #FFF; }
.pagination > li > a:focus, .pagination > li > span:focus{ /*border:none;*/ background:none; }
.pagination > li:first-child > a{padding-left: 0;width: auto;margin-left: 0;margin-right: 15px;}
.pagination > li:last-child > a{padding-right: 0;width: auto;margin-right: 0;margin-left: 15px;}
.pagination > li:first-child > a i,.pagination > li:last-child > a i{font-size: 18px;font-weight: bold;vertical-align: text-bottom;margin: 0 6px;}
.pagination > li.disabled:first-child > a,.pagination > li.disabled:last-child > a{ color: #CCCCCC !important; }
.pagination > li.ellipsis,.pagination > li.ellipsis span:hover,.pagination > li.ellipsis span:focus{ border: none; outline: none; padding: 0; background-color: transparent; color: #88969E; }
.pagination > li.ellipsis > a{}
.pagination > li.ellipsis > span{font-size: 21px; border: none; letter-spacing: 1px; line-height: 18px; color: #88969E; font-weight: bold; padding: 0;}
/*hide extra pages*/
.pagination > li{ display:none;}
.pagination.older > li{ display:inline;}
.pagination > li:nth-child(2){ display: inline; }
.pagination > li:nth-last-child(2){display:inline}
.pagination > li.show{ display:inline !important;}
.pagination > li.gaps{ display: inline; }
.pagination > li.gaps > a{cursor: auto;border:none;}
.pagination > li.gaps:hover a,.pagination > li.gaps a:focus,.pagination > li.gaps a:active{ background: transparent; color: #808A9B; border:none; }
.pagination > li:first-child,.pagination > li:last-child, .pagination > li:nth-last-child(2), .pagination > li.active{ display:inline;}
.per-page{ list-style: none; margin: 23px 0 0 0; padding: 0; }
.per-page > li{}
.per-page > li > div.dropdown{}
.per-page > li > div.dropdown > a{ font-size: 14px; color: #808A9B; text-decoration: none;}
.per-page > li > div.dropdown > a > i{ font-size: 11px; vertical-align: middle; margin: -3px 0 0 0; font-weight: bold;}
.per-page > li > div.dropdown > ul.dropdown-menu{ padding: 5px 0; min-width: 89px; margin-top: 5px;}
.per-page > li > div.dropdown > ul.dropdown-menu > li{}
.per-page > li > div.dropdown > ul.dropdown-menu > li a{ font-size: 14px; padding: 6px 10px;}
/* Changes At 06-04-2017 */
.bodyBG{ background-color:#F7F7F7; }
.accordion .card{ overflow:visible; margin-bottom: 5px; }
.accordion .card.panel{box-shadow: none;-webkit-box-shadow: none;}
.selectWrap:not(.active) .sel__placeholder{color: #222;font-weight: normal;}
.selectWrap:not(.active) .sel__placeholder>span{ width: 93%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cardBox{ margin-bottom:13.4px; }
.selectWrap.form-control.active{ z-index:99; }
.rightTop.panel, .rightBottom.panel{ box-shadow:none; padding:45px 45px 44.5px; margin-bottom:0; }
.rightTop.panel .panel-body{ padding-top:11px; padding-bottom:35px; }
.rightBottom.panel .panel-body{ padding-top:25px; padding-bottom:21px; }
.rightTop.panel .panel-body, .rightBottom.panel .panel-body{ padding-left:0; padding-right:0; }
.rightBottom.panel .panel-heading{ padding-top:0; padding-left:0; padding-right:0; }
.rightTop.panel .panel-footer, .rightBottom.panel .panel-footer{ padding-left:0; padding-right:0; padding-bottom:0; }
.rightTop.panel .repImg{width: 86px; height: 86px; border-radius: 50%; border: solid 1px #ddd; margin-bottom: 15px; background-position: 100px; background-repeat: no-repeat; background-size: cover; object-fit: cover; object-position: center top; }
.sideRep.rightTop.panel .panel-body{ padding-bottom: 5px;}
.sideRep .panel-body h5{ margin: 0;}
.sideRep .panel-body p{ margin-top: 5px;}
.accordion .card-header[data-toggle]{border: none;padding: 15px 40px 15px 20px;}
.accordion .card-header[data-toggle] { padding: 10px 20px 10px 30px; cursor: pointer; margin: 0; position: relative;}
.accordion .card-header[data-toggle]:before { content:""; width: 15px; height: 15px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; text-rendering: auto; position: absolute; font-size: 90%; top: 11px; left: 0; background: url("../images/downArrow.svg") center no-repeat; opacity: 0.4;}
.accordion .card-header[data-toggle].collapsed:before { transform: rotate(-90deg);}
.accordion .card-header[data-toggle] h3{font-size: 18px;margin: 0;font-weight: 600;}
.accordion .card .collapse{ }
.accordion #offers .card-header{ /*background-color: rgba(212, 71, 114, 0.06); border-color: rgba(104, 0, 44, 0.06);*/ }
.form-group.formLastField{ margin-bottom:24px; }
.formPage .tabForAdd ul.nav-tabs{ margin-bottom:0; }
.rightTop.panel .compImg{max-width: 55%; max-height: 160px; margin-bottom: 10px;}
.tabForAdd .nav-tabs > li.active > a{border-color: #009b72; }
.tableData table.table.nested-table tbody tr tr td{ position:relative; vertical-align:middle; color: #68758D;}
.tableData table.table.nested-table tbody.tbody tr tr td{ color: #222; font-size: 15px; padding: 4px 0; border-bottom: none;}
.tableData table.table.nested-table tbody.tbody table{width:100%;margin: 0;}
.tableData table.table.nested-table tbody tr tr td:not(:last-child):before{ content:''; position:absolute; top:50%; width:80%; right:0;
height:1px; background:rgba(112,112,112,0.07); }
.tableData table.table.nested-table tbody.tbody tr tr td:not(:last-child):before{ border:none; background:none;}
.tableData table.table.nested-table tbody tr tr td span{ display:inline-block; }
.tableData table.table.nested-table tbody tr tr td:not(:last-child) span{ background:#fff; padding-right:16px; position:relative; }
.custom-table > tbody > tr > td:nth-child(2){ /*color:#1F3150; font-weight:600;*/ }
.custom-table > tbody > tr > td:nth-child(4),.custom-table > tbody > tr > td:nth-child(5){ color:#888888; }
table.inline-editable .editable,table.inline-editable .editableform .form-control{ font-size:15px; color:#384248; line-height:20px; }
table.inline-editable .control-label{ font-size:12px; line-height:16px; }
.editable-input:before{ content:''; position:absolute; bottom:-2px; height:2px; left:0; right:0; background-color:#309BDE; }
table.inline-editable .editableform .form-control{ border-width:1px; }
/* Form Page */
.formBodyMain .formBodyLeft{ border-right:1px solid #F0F0F0; float:left; padding-top:43px; padding-bottom:73px; width:66%; max-width:100%; }
.formBodyMain .formBodyRight{ width:34%; float:left; border-left:1px solid #F0F0F0; margin-left: -1px;}
.formBodyMain .formBodyRight section .panel:first-child{ border-top: none; }
.formBodyMain .formAndContent .created-at{padding-top: 10px;border-top: solid 1px #EEE;}
.formBodyMain .formAndContent .created-at label{font-size: 14px;}
.formBodyMain .formAndContent .created-at label span{ font-weight: bold; }
.tableData table.table.nested-table > tbody:first-child > tr:last-child > td{ border-bottom:none; }
.tableData table.table.nested-table{ margin-bottom:0; }
.navbar-nav > li > a .glyphicon{ padding-left:6px; vertical-align: middle; height: auto; font-size: 12px; width: 19px; margin-left: -4px;}
.rightDropDown .navbar-nav > li{ margin-right: 40px; }
.rightDropDown .navbar-nav > li > a{ padding-bottom:10px; padding-top:10px; padding-right:0; }
/* Mobile Sign in Screen */
.panel-danger{ border-color:#E6A5A5; background-color:#F8ECEC; }
.panel-success{ border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d;}
.mobileScreenSize{ width:370px; max-width:100%; margin:0 auto; padding:0 0 45px 0px; }
.topMobileSection{ margin-bottom: 15px; }
.topMobileSection .mainLogo { width: 180px; height: 160px; margin: 0 auto 50px auto; display: table; }
.topMobileSection .mainLogo a { display: table-cell; vertical-align: middle; width: 180px; height: 160px; background-repeat: no-repeat; background-size: contain; background-position: center bottom; }
.topMobileSection .mainLogo a img { display: none; max-width: 180px; max-height: 160px; margin: 0 auto; }
.signupForm h6{ margin-top:35px; }
.signupForm form .form-group:first-child{ /*margin-bottom:0; */}
.signupForm form .form-group{ margin-bottom:20px; }
.signupForm form .form-group.sm{ }
.signupForm .panel-heading{ padding-top:20px; }
.signupForm .panel-body{ padding-top:25px; padding-bottom:25px; }
.signupForm .panel-footer{ padding-bottom:20px; }
.signupForm .panel.panel-danger, .signupForm .panel.panel-success{ margin-bottom:24px; }
.panel.panel-success .panel-heading i {color: inherit;}
.signupForm form .form-group.signInButton{ margin-bottom:14px; }
.fixed-bttom{ position: fixed; width: 100%; left: 0; bottom: 0; }
footer.footer{ padding: 25px 0; }
footer.footer p{text-align: center;color: #888;font-size: 13px;}
footer.footer p a{color: #888;font-size: 13px;}
footer.footer p a:hover{ text-decoration: underline; }
#tc_signin .custom-control-label, #tc_signin a, #tc_signin p{ font-size: 15px; }
.signupForm form#tc_signin .form-group{margin-bottom: 10px;}
/* Signup CTA */
.cta-wrap{ position: relative;}
.signup-cta{ float: none; position: absolute; min-height: 600px; height: 100%; left: 0; top: 0; padding: 40px;}
.signup-cta .cta-body{ position: relative; z-index: 1; color: #fff; top: 50%; margin-top: -180px;}
.signup-cta .cta-body h1{ margin: 0; font-size: 52px; font-weight: normal; margin-bottom: 30px;}
.signup-cta .cta-body p{ margin: 0; color: #CCC; font-size: 22px; line-height: normal; margin-bottom: 50px;}
.signup-cta .cta-body a.btn{ font-weight: bold; color: #fff; border-color: #888; font-family: "Figtree", Arial, sans-serif;}
.signup-cta .cta-body a.btn:hover,.signup-cta .cta-body a.btn:active,.signup-cta .cta-body a.btn:focus{ background:transparent;}
.signup-cta .cta-footer{ position: absolute; z-index: 1; bottom: 30px;}
.signup-cta .cta-footer p{ color: #aaa; font-size: 12px;}
.signup-cta .cta-footer a{ color: #aaa; }
.signup-cta .cta-footer a:hover{ text-decoration: underline; }
.signup-cta .cta-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.signup-cta .cta-bg img{ width: 100%; height: 100%; object-fit: cover;}
.signup-cta .cta-bg:after{content:"";position: absolute;background: #191B1D;width: 100%;height: 100%;left: 0;top: 0;opacity: 0.8;}
/* tour */
#tour-slide{}
#tour-slide .carousel-inner{min-height: 360px;}
#tour-slide .carousel-inner .item img{max-width: 380px; margin-left: auto; margin-right: auto;}
#tour-slide .carousel-indicators{bottom: -30px;}
#tour-slide .carousel-indicators li{background-color: #B9B9B9;width: 8px;height: 8px;margin: 0;vertical-align: middle;border-radius: 50%;}
#tour-slide .carousel-indicators li.active{background-color: #868686;width: 13px;height: 13px;}
#tour-slide .carousel-control{ background: transparent; opacity: 0; transition:opacity 0.3s ease;}
#tour-slide:hover .carousel-control{ opacity: 1 }
#tour-slide .carousel-control span{ position: absolute; top: 50%; z-index: 5; background-color: rgba(30, 34, 41, 0.5); opacity: 1; width: 30px; height: 30px; border-radius: 50%; font-size: 15px; line-height: 30px; text-shadow: none; cursor: pointer; transition: all 0.2s ease;}
#tour-slide .carousel-control span:hover{background-color: rgba(30, 34, 41,1); }
#tour-slide .carousel-control.left span{ left: 0;}
#tour-slide .carousel-control.right span{ right: 0;}
/* Mobile Forgot Password Screen */
.forgotContent h2{ margin-bottom:14px; }
.forgotContent h2 + p { margin-bottom:19px; }
.forgotForm .form-group{ margin-bottom:25px; }
.forgotForm a.back{font-weight: normal; font-size: 13px; color: #888; text-decoration: underline; }
.forgotForm a.back:hover{ text-decoration: none; }
.mobileForgotScreen .gotoButton .link{ padding:0; }
.mobileForgotScreen h6.bottomCopyText{ padding-top:75px; margin:0; }
/* Sign Up Congratulations */
form.inputBottomLine{ padding-top:15px; margin:0 auto 0; width:370px; max-width:100%; }
form.inputBottomLine label{ color:#888888; font-size:12px; line-height:16px; margin-top:0; margin-bottom:6px; padding-left:10px; padding-right:10px; }
form.inputBottomLine input{ line-height:20px; height:auto; border-radius:0; border-width:0 0 1px 0; border-color:#C7D0D6;
font-weight:400; padding:0 10px 14px 10px; }
.congratulationsScreen .mobileScreenSize{ width:100%; }
/* Sign up Screen */
.signupScreen .mobileScreenSize{ width:736px; }
.signupScreen .forgotForm .form-group{ margin-bottom:5px; }
.signupScreen .forgotForm .form-group .form-group{ margin-bottom:0; }
.signupScreen .radioGroup{ padding-top:36px; padding-bottom:23px; }
.signupScreen .panel.panel-danger,.signupScreen .panel.panel-success,
.signupScreen .btn.btn-primary.btn-block{ width:370px; max-width:100%; margin-left:auto; margin-right:auto; }
.signupScreen .custom-control-inline:last-child{ margin-right:0; }
.signupScreen .custom-control-inline:not(:last-child){ margin-right:42px; }
.disabled .selectWrap.form-control{ background-color:#F4F4F4; }
/* autocomplete */
.twitter-typeahead input[type="text"]{ padding-left: 0; border-left: 0; }
.tt-menu{display: block;background: #fff;width: calc(100% + 45px);top: 50px !important;left: -45px !important;padding: 10px;border: 1px solid #E3E3E3;border-radius: 3px;}
.tt-menu .tt-dataset{}
.tt-menu .tt-dataset .tt-suggestion{width: 100%;display: block;cursor: pointer;color: #22314E;font-weight: 400;font-size: 15px;text-align: left;padding: 7px 10px;border-radius: 6px;}
.tt-menu .tt-dataset .tt-suggestion.tt-cursor, .tt-menu .tt-dataset .tt-suggestion:hover{background-color: #E3E3E5;}
.tt-menu .tt-dataset .tt-suggestion + .tt-suggestion{}
.tt-menu .tt-dataset .tt-suggestion:empty{ display: none; }
.tt-menu .tt-dataset .tt-footer-wrap{}
.tt-menu .tt-dataset .tt-footer-wrap .tt-footer{ color: #b5b5b5; font-weight: 400; font-size: 15px; text-align: left; padding: 5px 10px;}
.tt-menu .tt-dataset .tt-footer-wrap .tt-footer.tt-footer-head{ color: #000000; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;}
.add-pic-wrap{ clear: both; padding-bottom: 20px; }
.add-pic-wrap .form-group{margin-bottom: 0;}
.add-pic-wrap .error{ display: block; margin: 0; height: 24px;}
.add-pic-wrap .error i{ color: red; margin-right: 5px;}
.add-pic-wrap .loader{ margin: 0; display: block; height: 24px; margin-bottom: 10px; }
.add-pic-wrap .loader img{ width: 13px; margin-right: 4px;}
.add-pic{font-size: 16px;color: #222222;font-weight: 600;display: inline-block;height: 24px;position: relative;cursor: pointer;margin-bottom: 10px; }
.add-pic:hover{ color: #222;}
.add-pic i{ margin-right: 7px; font-size: 16px;}
.add-pic img.ico{ width: 21px; margin-right: 7px;}
.add-pic span{ text-decoration: underline;}
.add-pic:hover span,.add-pic:focus span,.add-pic:active span,.add-pic:focus{ text-decoration: none; color: #222;}
.add-pic input[type="file"]{ position: absolute; left: 0; top: 0; width: 120%; height: 100%; opacity: 0; cursor: pointer;}
.add-pic-preview{ margin-bottom: 10px; }
.add-pic-preview img.preview{width: 370px;height: 200px;object-fit: cover;margin-bottom: 10px;}
.add-pic-preview a.add-pic{ margin-bottom: 0;}
.add-pic-preview img.ico.remove{ width: 13px; margin-right: 5px;}
.add-pic-preview img.ico.replace{ width: 18px; margin-right: 5px; vertical-align: text-bottom;}
.res-head{margin-left: -42px;margin-right: -42px; margin-bottom: 40px;}
.res-head .res-head-img{ position: relative;min-height: 350px;height: 350px; }
.res-head img.bg-img{position: relative;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.res-head .addr { background-color: #fff; position: absolute; z-index: 2; bottom: 0; width: 95%; left: 0; margin: 0 auto; right: 0; padding: 20px 30px; border-radius: 8px 8px 0 0; font-size: 16px; color: #222; font-weight: 600;}
.res-head .addr label{margin: 0;font-weight: normal;color: #888888;}
.res-head .addr a.more{ font-weight: normal; margin-left: 15px;}
.res-head .addr img{margin-right: 8px;vertical-align: sub;}
.res-head .addr i{color: #bfbfbf;font-size: 16px;vertical-align: text-top;margin-right: 5px;}
.res-head .addr:after{ content: ""; display: block; width: 100%; clear: both; }
.res-head .summary{border-top: none;border-bottom: none;padding: 0px 0 0px 30px;position: relative;z-index: 2;width: 95%;margin: 0 auto;}
.res-head .summary h3{margin: 0;font-size: 15px;text-transform: capitalize;font-weight: 600;color: #888;}
.res-head .summary ul.res-summary{list-style: none; margin: 0 0 10px 0; padding: 0;line-height: normal;}
.res-head .summary ul.res-summary>li{font-size: 16px;display: block;line-height: normal;margin-bottom: 5px;color: #888;}
.res-head .summary ul.res-summary>li.more-li{margin-top: 15px;}
.res-head .summary ul.res-summary>li.more-li:first-child{display:none;}
.res-head .summary ul.res-summary>li:last-child{ margin-bottom: 0;}
.res-head .summary ul.res-summary.less{ display: none; }
/*.res-head .summary ul.res-summary.less>li:nth-child(1n+3){ display: none; }
.res-head .summary ul.res-summary.less>li.more-li:nth-child(1n+3){ display: block; }
.res-head .summary ul.res-summary.less>li.more-li:nth-child(1n+3){ display: block; }
.res-head .summary ul.res-summary.less>li:nth-child(1)+li.more-li{ display: none; }
.res-head .summary ul.res-summary.less>li:nth-child(2)+li.more-li{ display: none; }*/
/*.res-head .summary ul.res-summary>li:nth-child(3n){white-space: nowrap;margin-right: 0;}
.res-head .summary ul.res-summary>li:nth-child(3n):after{content:"\A";white-space: pre-wrap;height: 1px;margin-top: -4px;display: block;}
.res-head .summary ul.res-summary>li:last-child{ margin-right: 0;}
.res-head .summary ul.res-summary>li:last-child:after{ display: none; }*/
.res-head .summary ul.res-summary>li>label{width: 50%;margin: 0;}
.res-head .summary a{}
.res-head .summary a:hover{ text-decoration: none;}
.res-head.no-img{position: static;margin: 0;height: auto;min-height: auto;border-radius: 0;border-top: solid 1px rgba(199, 208, 214, 0.6);}
.res-head.no-img .res-head-img{ position: static; height: auto; min-height: auto; }
.res-head.no-img img.bg-img{ position: static; display: none;}
.res-head.no-img .addr {position: static;padding: 15px 0;margin: 0;width: 100%;}
.res-head.no-img .addr img{ }
.res-head.no-img .summary {position: static;width: 100%;padding-left: 0;}
/* FNTI Partner */
.fnti-partner{}
.fnti-partner .panel.panel-info{ background: #FCFDFF; border: 1px solid #EDF0F6; border-radius: 4px; box-shadow: none; margin: 0;}
.fnti-partner .panel.panel-info .panel-body{padding: 16px 16px; background: #FCFDFF;}
.fnti-partner .panel.panel-info .panel-body{ display: flex;width: 100%;justify-content: space-between;align-items: center; }
.fnti-partner .panel.panel-info .panel-body label{ font-style: normal; font-weight: 600; font-size: 14px; color: #5F6167; margin: 0;}
.fnti-partner .panel.panel-info .panel-body img{ max-width: 180px;max-height: 49px; }
.stn-chart{}
.stn-chart ul.color-guide{ list-style: none; padding: 0;}
.stn-chart ul.color-guide li{color: #888888;font-weight: 600;font-size: 15px;border-top: solid 1px #EEE;padding: 25px 0 25px 45px;}
.stn-chart ul.color-guide li:before{content: "";display: inline-block;width: 30px;height: 5px;background-color: #ddd;border-radius: 18px;vertical-align: middle;margin-left: -45px;margin-right: 15px;}
.stn-chart ul.color-guide li.blue:before{ background-color: #4e9ed9;}
.stn-chart ul.color-guide li.orange:before{ background-color: #e16d4b;}
.stn-chart ul.color-guide li:first-child{ border: none; padding-top: 0;}
.stn-chart ul.color-guide li h1{ margin: 8px 0 0 0; color: #222; font-size: 37px;}
.stn-chart ul.color-guide li a{ color: #888888; font-weight: normal; text-decoration: underline;}
.aff-chart{}
.aff-chart .border-left{border-left: solid 1px #EEE;}
.aff-chart .sep{border-top: solid 1px rgba(199, 208, 214, 0.6);}
.aff-chart ul.chart-progress{ margin: 0; padding: 0; list-style: none;}
.aff-chart ul.chart-progress > li{ margin-bottom: 20px; margin-right: 50px;}
.aff-chart ul.chart-progress > li label{ color: #888; font-size: 15px; margin: 0;}
.aff-chart ul.chart-progress > li p{ margin: 0; font-size: 15px; font-weight: 600;}
.aff-chart ul.chart-progress > li.chart-head{ margin-right: 0; }
.aff-chart ul.chart-progress > li.chart-head label{ font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.aff-chart ul.chart-progress > li.chart-head h3{ margin: 0; font-size: 32px; font-weight: 600;}
.aff-chart ul.chart-progress > li .progress{ height: 7px; border-radius: 17px; margin: 0 0 5px 0; background-color: transparent;}
.aff-chart ul.chart-progress > li .progress .progress-bar{ width: 0%; min-width: 7px; max-width: 100%; height: 7px; margin: 0; border-radius: 17px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.aff-chart ul.chart-progress > li .progress .progress-bar.bg1{background-color: #92BADE;}
.aff-chart ul.chart-progress > li .progress .progress-bar.bg2{background-color: #4D779D;}
.aff-chart ul.chart-progress > li .progress .progress-bar.bg3{background-color: #B8336A;}
.aff-chart ul.chart-progress > li .progress .progress-bar.bg4{background-color: #A0D2DB;}
.aff-chart ul.chart-progress > li .progress .progress-bar.bg5{background-color: #C490D1;}
.aff-chart ul.chart-progress > li .progress .progress-bar.bg6{background-color: #AAA0EA;}
.aff-chart .chart-wrap{position: relative;margin-bottom: 60px;}
.aff-chart .chart-wrap canvas{}
.aff-chart .chart-wrap label{ position: absolute; top: 50%; text-align: center; width: 100%; margin: 0; margin-top: -38px;}
.aff-chart .chart-wrap label span{ display: block;}
.aff-chart .chart-wrap label span.lbl{ color: #999999; font-weight: 600; font-size: 21px;}
.aff-chart .chart-wrap label span.tot{ color: #222; font-size: 42px; font-weight: 600;}
.aff-chart ul.color-guide{list-style: none;padding: 0;width: 290px;margin: 0 auto 20px auto;}
.aff-chart ul.color-guide li{font-weight: 600;font-size: 15px;padding: 7px 0 0 45px;}
.aff-chart ul.color-guide li span{ display: inline-block; float: right; width: 70px; font-weight: normal;}
.aff-chart ul.color-guide li:before{content: "";display: inline-block;width: 17px;height: 5px;background-color: #ddd;border-radius: 30%;vertical-align: middle;margin-left: -45px;margin-right: 18px;}
.aff-chart ul.color-guide li:first-child{padding-top: 0;}
.aff-chart ul.color-guide li.orange:before{background-color: #92BADE;}
.aff-chart ul.color-guide li.purpul:before{background-color: #4D779D;}
.aff-chart ul.color-guide li.green:before{background-color: #B8336A;}
.aff-chart ul.color-guide li.yellow:before{background-color: #A0D2DB;}
.aff-chart ul.color-guide li.blue:before{background-color: #C490D1;}
.rvb-chart-head{ margin-bottom: 40px;}
.rvb-chart-head >div{ padding-top: 30px;}
.rvb-chart-head label{ font-size: 20px;}
.rvb-chart-head h1{ margin: 0;}
.rvb-chart{}
.rvb-chart ul.legend{ margin: 20px 0 10px 0; padding: 0; list-style: none; text-align: center;}
.rvb-chart ul.legend > li{ display: inline-block; text-transform: uppercase; font-size: 15px; font-weight: 600; margin: 0 15px;}
.rvb-chart ul.legend > li:before{content:"";display: inline-block;width: 30px;height: 5px;background-color: #EEE;border-radius: 12px;vertical-align: middle;margin-right: 10px;}
.rvb-chart ul.legend > li.orange:before{ background-color: #F26430;}
.rvb-chart ul.legend > li.blue:before{ background-color: #59B9D0;}
.rvb-years{ }
.rvb-years label{ color: #888; font-weight: 600;}
.rvb-years input{ padding: 10px; border: solid 1px #DDD; border-radius: 3px; width: 50px; text-align: center; margin: 0 5px; color: #222; outline: none;}
.panel.panel-offer{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06); -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);border: none;border-radius: 12px; margin-bottom: 30px;}
.panel.panel-offer .panel-heading{padding: 25px 30px 10px 30px;}
.panel.panel-offer .panel-heading h1{margin: 0;font-size: 16px;text-transform: capitalize;line-height: 20px;}
.panel.panel-offer .panel-heading h1.text-muted{color: #999;}
.panel.panel-offer .panel-heading table { margin-top: 20px; }
.panel.panel-offer .panel-heading table tr td:first-child { font-weight: normal; padding-right: 5px; }
.panel.panel-offer .panel-chart{padding: 10px 30px 0 30px;}
.panel.panel-offer .progressBarResult6{}
.panel.panel-offer .progressBarResult6 h2{line-height: normal;margin-bottom: 8px;}
.panel.panel-offer .progressBarResult6 h2 small{line-height: normal;}
.panel.panel-offer .progressBarResult6 h1{}
.panel.panel-offer .progressBarResult6 label{vertical-align: super;}
.panel.panel-offer .progressBarResult6 h6{margin-top: -7px;}
.panel.panel-offer .panel-body ul{margin: 0 5px;padding: 0;list-style: none;}
.panel.panel-offer .panel-body ul> li{ border-bottom: solid 1px #EEE; padding: 10px 0px;}
.panel.panel-offer .panel-body ul> li:last-child{ border:none;}
.panel.panel-offer .panel-body ul> li> h2{ font-size: 17px; margin: 0;}
.panel.panel-offer .panel-body ul> li> h2 img{ vertical-align: middle; margin-right: 10px;}
.panel.panel-offer .panel-body ul> li> h2 label{ margin: 0;}
.panel.panel-offer .panel-body ul> li> h2 label i{ color: #aaaaaa; font-size: 16px; vertical-align: text-top; margin-right: 3px;}
.panel.panel-offer .panel-body ul> li> h2 label.pull-right{ font-weight: normal; margin: 2px 0 0 0;}
.panel.panel-offer .panel-body table{ width: 100%;}
.panel.panel-offer .panel-body table tr{}
.panel.panel-offer .panel-body table tr td{font-size: 15px;line-height: 22px;}
.panel.panel-offer .panel-body table tr td:last-child{text-align:right;}
.panel.panel-offer .panel-body table tr td b{ font-weight:600;}
.panel.panel-offer .panel-body table tr td span{ font-size: 13px; color: #AAA;}
.panel.panel-offer .panel-body label{ font-weight: 600; font-size: 15px;}
.panel.panel-offer .chart-wrap{position: relative;}
.panel.panel-offer .chart-wrap canvas{ position: relative; z-index: 1; }
.panel.panel-offer .chart-wrap label{position: absolute;top: 50%;text-align: center;width: 100%;margin: 0;margin-top: -24px;}
.panel.panel-offer .chart-wrap label span{ display: block;}
.panel.panel-offer .chart-wrap label span.lbl{color: #888;font-weight: 600;font-size: 15px;}
.panel.panel-offer .chart-wrap label span.tot{color: #222;font-size: 28px;font-weight: 600;line-height: normal;}
/* template dropdown */
.dd-template{}
.dd-template > a{ cursor: pointer; }
.dd-template .dropdown-menu:before{ content: ""; margin-left: 57px; border-width: 7px; border-style: solid; border-color: transparent transparent #ddd transparent; top: -14px; position: absolute;}
.dd-template .dropdown-menu:after{ content: ""; margin-left: 58px; border-width: 6px; border-style: solid; border-color: transparent transparent #fff transparent; top: -12px; position: absolute;}
.dd-template .dropdown-menu{padding: 10px 0;}
.dd-template .dropdown-menu > li{ display: block; }
.dd-template .dropdown-menu > li > a{cursor: pointer;}
/* #accordion */
#accordion{ margin-top: 10px; }
.accordion.card-style1 .card-header { border: 1px solid #F0E1CA; background: #FFF9F0;}
#manual-fees{ margin-bottom: 0; }
#rebates > div:last-child{ }
/* saved-pagination */
.saved-pagination{color: #ccc;padding: 6px 0px;}
.saved-pagination button { padding: 0px;background-color: transparent; border: none; display: inline-block; vertical-align: middle;}
.saved-pagination button.left-arrow { padding-right: 13px;}
.saved-pagination button.right-arrow { padding-left: 13px;}
.saved-pagination button:focus{outline: none;}
.saved-pagination span { font-size: 15px; }
.saved-pagination button i { font-size: 25px; color: #389bdf;}
.saved-pagination button[disabled="disabled"] i{ color: #ccc; }
.saved-pagination span.value1 { color: #389bdf; padding-right: 5px;}
.saved-pagination span.value2 { color: #389bdf;padding-left: 5px;}
.saved-pagination span.disable { color: #ccc; }
/* saved items */
#saved-res .list-group{box-shadow: none;border-radius: 0;}
#saved-res .list-group-item {border: none;border-radius: 0;border-top: solid 1px #F4F4F4;cursor: pointer; padding-left: 0; padding-right: 0;}
#saved-res .list-group-item:first-child {border-top: 0;}
#saved-res .list-group-item:last-child { }
#saved-res .list-group-item p{}
#saved-res .list-group-item span{color: #aaa;}
/* search-form */
.search-form {}
.search-form ul.dropdown-menu { width: 100%; margin-top: 10px; border-radius: 6px; border-color: #eee; }
.search-form ul.dropdown-menu:before {content: ""; border-top-width: 0; background: #fff; width: 15px; height: 15px; display: block; position: absolute; top: -8px; left: 25px; border-left: 1px solid #eee; border-top: 1px solid #eee; transform: rotate(45deg);}
.search-form ul.dropdown-menu li{}
.search-form ul.dropdown-menu > li + li.no-res { display: none;}
.search-form ul.dropdown-menu li a{}
.search-form ul.dropdown-menu li a.media{}
.search-form ul.dropdown-menu li a .media-left{}
.search-form ul.dropdown-menu li a .media-left span{ text-transform: uppercase; background-color:#389bdf; color:#fff; width:24px; height:24px; font-size:14px; border-radius:50%; text-align:center; line-height:24px}
.search-form ul.dropdown-menu li a .media-left img{display:block;width:24px;height:24px;max-width: 24px;border-radius: 50%;object-fit: cover;}
.search-form ul.dropdown-menu li a .media-body{}
.search-form {}
.search-form {position: relative;}
/* ns leads welcome */
.ns-tour{position: relative;margin-top: 35px;border: solid 5px #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.ns-tour > img{width: 100%; position: relative;z-index: 1;}
.ns-tour > a{position: absolute; display: block; z-index: 2;left: 0;top: 0;width: 100%;height: 100%;}
.ns-tour > .target{position: absolute; display: block; z-index: 2;left: 0;top: 0;width: 100%;height: 100%;}
.ns-tour > .target .wistia_click_to_play{ width: 100% !important;height: 100% !important; }
.ns-tour:after{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0D0F0F;z-index: 1;opacity: 0.78;transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;}
.ns-tour .ns-tour-text{ position: absolute; color: #fff; width: 100%; left: 0; top: 50%; margin-top: -130px; z-index: 2; text-align: center;}
.ns-tour .ns-tour-text label{ font-weight: bold; font-size: 16px; margin: 0 0 20px 0;}
.ns-tour .ns-tour-text h3{ font-size: 32px; font-weight: 600; margin: 0 0 5px 0;}
.ns-tour .ns-tour-text p{ margin: 0 0 20px 0; font-size: 26px; color: #AAAAAA;}
.ns-tour .ns-tour-text i.play{ font-size: 120px; opacity: 0.38; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease;}
.ns-tour:hover:after{ opacity: 0.7; }
.ns-tour:hover .ns-tour-text i.play{ opacity: 1; }
.ns-tour-intro h2{ font-size: 28px; font-weight: normal;}
.ns-tour-intro p{ font-size: 18px; color: #888;}
.ns-tour-intro a.btn.btn-success{ background: #459A87; border-color: #459A87;}
.ns-promote{}
.ns-promote .text-success{ color: #459A87; }
.ns-promote h3{ font-size: 18px; text-transform: uppercase; margin: 0; font-weight: 600;}
.ns-promote .media{ margin: 0 0 30px 0; border-bottom: solid 1px #eee; padding-bottom: 25px;}
.ns-promote .media:last-child{border-bottom:none;}
.ns-promote .media .media-left{}
.ns-promote .media .media-left i{ display: inline-block; width: 60px; text-align: center; font-size: 36px; color: #222;}
.ns-promote .media .media-body{}
.ns-promote .media .media-body h4{ font-size: 18px; margin: 0 0 5px 0;}
.ns-promote .media .media-body p{ color: #888; margin: 0;}
.ns-promote .media .media-body a{}
.order-btn-group{ padding-right: 41.1px; }
/* orders nav tab */
.nav-tabs.nav-orders{}
.nav-tabs.nav-orders > li > a {padding: 13px 0;}
.nav-tabs.nav-orders > li.pull-right{ margin-left: 15px; }
.nav-tabs.nav-orders > li .search-wrap{ width: 317px; }
.nav-tabs.nav-orders > li .search-wrap .input-group{ width: 100%; }
.nav-tabs.nav-orders > li .search-wrap .input-group .form-control{ border-color: transparent; border-radius: 40px; height: 36px; padding-left: 40px; background-color: rgba(0, 0, 0, 0.04);}
.nav-tabs.nav-orders > li .search-wrap .input-group .form-control::placeholder{ color: #444444; }
.nav-tabs.nav-orders > li .search-wrap .input-group .form-control:focus{ border-color: #BBBBBB; background-color: transparent; }
.nav-tabs.nav-orders > li .search-wrap .input-group i{ position: absolute; left: 16px; top: 9px; z-index: 2;}
.nav-tabs.nav-orders > li .btn-import{ height: 36px; line-height: 33px; border-radius: 40px; color: #FFF; padding: 0 20px;}
.nav-tabs.nav-orders > li .btn-import i { }
.nav-tabs.nav-orders > li .btn-export{ outline: none; padding: 0 22px; height: 36px; line-height: 35px; color: #222222; background-color: #EFEFEF; border: solid 1px #EFEFEF;}
.nav-tabs.nav-orders > li .btn-export:hover{ background-color: transparent; border-color: #BBBBBB; }
.orders-details .orders-notes,
.orders-rep-details .orders-notes { min-height: 100px !important; }
.orders-details .orders-notes tbody tr td span,
.orders-rep-details .orders-notes tbody tr td span { display: inline-block; padding: 5px 18px; color: #21262D; font-size: 17px; font-weight: 400; white-space: normal; }
/* orders filters */
.filters-wrap{ padding: 0; }
.filters-wrap .filters-popup{ position: relative;}
.filters-wrap .filters-popup .popup-trigger{
padding: 6px 0px;
border: none;
border-radius: 6px;
background-color: transparent;
font-size: 16px;
color: #888;
font-weight: 600;
transition: ease all 0.3s;
}
.filters-wrap .filters-popup .popup-trigger{}
.filters-wrap .filters-popup .popup-trigger i{ display: inline-block;vertical-align: top;}
.filters-wrap .filters-popup .popup-trigger i svg{width: 20px; height: 20px;}
.filters-wrap .filters-popup .popup-trigger img{ margin-right: 3px; vertical-align: top;}
.filters-wrap .filters-popup ul.popup-wrap{ min-width: 326px; background: #FFFFFF; border: 1px solid #eceaea; box-shadow: 0px 47px 80px rgba(0, 0, 0, 0.07), 0px 30.463px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 18.1037px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 9.4px 13px rgba(0, 0, 0, 0.035), 0px 3.82963px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 0.87037px 3.14815px rgba(0, 0, 0, 0.0168519); border-radius: 6px; margin-top: 5px; padding: 20px;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents{}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown{}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown a.dropdown-toggle{ background: #FBFBFB; border: 1px solid #E7E7E7; box-sizing: border-box; border-radius: 6px; display: block; font-size: 15px; color: #454A57; padding: 10px 25px 10px 14px;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown a.dropdown-toggle i{ color: #808A9B; font-weight: bold; font-size: 11px; float: right; margin: 5px -11px 0 0;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown a.dropdown-toggle span.multiselect-list{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 235px; vertical-align: bottom;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown a.dropdown-toggle span.multiselect-list > span+span:before{content: ", "}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown a.dropdown-toggle span.multiselect-list > span+span:last-child{display: none;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu{ width: 100%; margin-top: 4px; border-color: #D8D8D8; border-radius: 6px; padding: 12px;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu > li{margin: 3px 0;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu > li > a{ margin: 0; padding: 5px 10px; border-radius: 6px; font-size: 15px; color: #3D496C;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu > li.active > a{ background-color: #F8F8F8 }
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu > li > a:hover{background-color: #F8F8F8;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect { max-height: 260px;overflow-y: auto; }
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect > li{}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect > li > a{}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect > li > a i{ color: #A5ABB0; font-size: 17px; vertical-align: text-bottom; margin-right: 4px;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect > li.active > a{background-color: transparent;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect > li > a i.fa-check-square{display: none;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect > li.active > a i.fa-check-square{display: inline-block;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown ul.dropdown-menu.multiselect > li.active > a i.fa-square-o{display: none;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown.dd-dates{}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown.dd-dates .date-wrap{}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown.dd-dates .col-xs-6:first-child .date-wrap:after{content:"-";position: absolute;right: -2px;top: 12px;color: #454A57;}
.filters-wrap .filters-popup ul.popup-wrap > li.popup-contents .dropdown.dd-dates .date-wrap input[type="text"]{ position: absolute; width: calc(100% - 30px); height: 100%; left: 15px; top: 0; opacity: 0; cursor: pointer; z-index: 1;}
.filters-wrap .filters-popup > ul > li > .filter-heading{ margin-bottom: 15px; }
.filters-wrap .filters-popup > ul > li > .filter-heading h5{ margin: 0; font-size: 15px; font-weight: 600; color: #222; text-transform: capitalize;}
.filters-wrap .filters-popup > ul > li > .filter-type{ margin-bottom: 20px; }
.filters-wrap .filters-popup > ul > li > .filter-value{ margin-bottom: 20px;}
.filters-wrap .filters-popup > ul > li > .filter-error{ margin-bottom: 15px; font-size: 14px; line-height: normal; color: #f75252;}
.filters-wrap .filters-popup > ul > li > .filter-error > i{ color: red; font-size: 18px; margin-right: 2px; vertical-align: text-bottom;}
.filters-wrap .filters-popup > ul > li > .filter-footer{}
.filters-wrap .filters-popup > ul > li > .filter-footer a.btn{ font-size: 16px; font-weight: normal; padding: 9px 20px; min-width: auto;}
.filters-wrap .filters-popup > ul > li > .filter-footer a.btn.btn-default{ background-color: #EFEFEF; border-color: #EFEFEF;}
/* calender within filters */
.filters-wrap .bootstrap-datetimepicker-widget.dropdown-menu{ border: 1px solid #D8D8D8; border-radius: 6px; font-family: 'Figtree', sans-serif; padding: 15px; left: 0; margin: 4px 0 0 0;}
.filters-wrap .date-wrap input[dtp-range="end"]~.bootstrap-datetimepicker-widget.dropdown-menu{ left: calc(-100% + 15px) !important; }
.filters-wrap .bootstrap-datetimepicker-widget.dropdown-menu:before{ display:none;}
.filters-wrap .bootstrap-datetimepicker-widget.dropdown-menu:after{ display:none;}
.filters-wrap .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed{}
.filters-wrap .bootstrap-datetimepicker-widget.dropdown-menu .table-condensed{margin: 0 auto;}
.filters-wrap .bootstrap-datetimepicker-widget table > thead > tr:last-child{}
.filters-wrap .bootstrap-datetimepicker-widget table > thead > tr:last-child th{border-bottom: solid 1px #E0E0E0;}
.filters-wrap .bootstrap-datetimepicker-widget table tr th{}
.filters-wrap .bootstrap-datetimepicker-widget table tr th.prev, .filters-wrap .bootstrap-datetimepicker-widget table th.next{padding: 5px 0;}
.filters-wrap .bootstrap-datetimepicker-widget table tr th.prev .glyphicon, .filters-wrap .bootstrap-datetimepicker-widget table th.next .glyphicon{font: normal normal normal 14px/1 FontAwesome;font-size: 18px;line-height: normal;vertical-align: middle;}
.filters-wrap .bootstrap-datetimepicker-widget table tr th.prev .glyphicon-chevron-left:before{content:"\f104"}
.filters-wrap .bootstrap-datetimepicker-widget table tr th.next .glyphicon-chevron-right:before{content:"\f105"}
.filters-wrap .bootstrap-datetimepicker-widget table tr th.picker-switch{ font-size: 14px; text-transform: uppercase; font-weight: 600; color: #000;}
.filters-wrap .bootstrap-datetimepicker-widget table tr th.dow{ font-weight: normal; font-size: 14px; color: #a5a2a2;}
.filters-wrap .bootstrap-datetimepicker-widget table tr td.day{ font-size: 13px; width: 36px; height: 36px; border-radius: 50%; padding: 0;}
.filters-wrap .bootstrap-datetimepicker-widget table tr td.day.old{}
.filters-wrap .bootstrap-datetimepicker-widget table tr td.day.new{}
.filters-wrap .bootstrap-datetimepicker-widget table tr td.day.today{ }
.filters-wrap .bootstrap-datetimepicker-widget table tr td.day.today:before{ display: block; width: 100%; height: 100%; border: solid 1px #ddd; left: 0; top: 0; border-radius: 50%;}
.filters-wrap .bootstrap-datetimepicker-widget table tr td.day.active{ text-shadow: none; }
.filters-wrap .bootstrap-datetimepicker-widget table tr td.day.active.today:before{display: none;}
/* filters summary */
.filter-summary{ margin: 0; padding: 0; text-align: right; list-style: none;}
.filter-summary > li{ display: inline-block;}
.filter-summary > li > .summary-tag{ background: #FDFDFD; border: 1px solid #EFEFEF; box-sizing: border-box; border-radius: 26px; padding: 2px 13px; font-size: 14px;}
.filter-summary > li > .summary-tag > label{ margin: 0; vertical-align: top;}
.filter-summary > li > .summary-tag > label.lbl{ color: #979DAE;}
.filter-summary > li > .summary-tag > label.val{color: #454A57;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}
.filter-summary > li > .summary-tag > label.val > span+span:before{content: ", "}
.filter-summary > li > .summary-tag > a.remove{ width: 13px; height: 13px; text-align: center; color: #454A57; font-weight: bold; font-size: 18px; line-height: 14px; vertical-align: middle; text-shadow: 0px 0px 1px #454A57; margin: 0 -3px 0 2px; transition: all ease 0.6s; display: inline-block;}
.filter-summary > li > .summary-tag > a.remove:hover{transform: rotate(179deg);transform-origin: center; outline: none; text-decoration: none;}
.filter-summary > li > .summary-tag > a.remove:focus,.filter-summary > li > .summary-tag > a.remove:active{text-decoration: none;outline: none;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu{width: 100%;margin-top: 4px;border-color: #D8D8D8;border-radius: 6px;padding: 12px;right: 0;left: auto;min-width: 280px;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu > li{margin: 3px 0;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu > li > a{margin: 0;padding: 6px 10px;border-radius: 6px;font-size: 15px;color: #3D496C;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu > li.active > a{ background-color: #F8F8F8 }
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu > li > a:hover{background-color: #F8F8F8;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect {max-height: 376px;overflow-y: auto;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect > li{}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect > li > a{}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect > li > a i{ color: #A5ABB0; font-size: 17px; vertical-align: text-bottom; margin-right: 4px;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect > li.active > a{background-color: transparent;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect > li > a i.fa-check-square{display: none;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect > li.active > a i.fa-check-square{display: inline-block;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.multiselect > li.active > a i.fa-square-o{display: none;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.dd-dates{min-width: 300px;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.dd-dates > li{}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.dd-dates > li .date-wrap{}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.dd-dates > li .date-wrap a.dropdown-toggle{ background: #FBFBFB; border: 1px solid #E7E7E7; box-sizing: border-box; border-radius: 6px; display: block; font-size: 15px; color: #454A57; padding: 10px 25px 10px 14px;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.dd-dates > li .date-wrap a.dropdown-toggle i{ color: #808A9B; font-weight: bold; font-size: 11px; float: right; margin: 5px -11px 0 0;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.dd-dates .col-xs-6:first-child .date-wrap:after{content:"-";position: absolute;right: -2px;top: 12px;color: #454A57;}
.filter-summary > li > .summary-tag.dropdown > ul.dropdown-menu.dd-dates .date-wrap input[type="text"]{ position: absolute; width: calc(100% - 30px); height: 100%; left: 15px; top: 0; opacity: 0; cursor: pointer; z-index: 1;}
/* users filter */
.filters-wrap{padding: 12px 0 12px 0;}
.filters-wrap .form-group{}
.filters-wrap .form-group label{font-size: 15px;margin: 0;}
.filters-wrap .form-group .dropdown{ }
.filters-wrap .form-group .dropdown > a{ font-size: 15px; color: #888; outline: none; outline: none; text-decoration: none;}
.filters-wrap .form-group .dropdown > a:hover,.filters-wrap .form-group .dropdown > a:focus,.filters-wrap .form-group .dropdown > a:active{ outline:none;text-decoration: none; }
.filters-wrap .form-group .dropdown > a > i{ font-size: 12px; margin-left: 2px;}
.filters-wrap .form-group .dropdown ul.dropdown-menu{margin-top: 5px;}
.filters-wrap .form-group .dropdown ul.dropdown-menu li{}
.filters-wrap .form-group .dropdown ul.dropdown-menu li a{padding:0 5px; margin-bottom:10px}
.filters-wrap .form-group .dropdown ul.dropdown-menu li:last-child a{margin:0;}
.filters-wrap .search-wrap{ text-align: right; }
.filters-wrap .search-wrap .navbar-form{ width: 45%; max-width: 100%; display: inline-block; margin: 0; padding: 0; }
.filters-wrap .search-wrap .navbar-form .input-group{ width:100%; position:relative; }
.filters-wrap .search-wrap .navbar-form .input-group i{ width:18.4px; height:18.4px; position:absolute; left:13px; top:50%; z-index:99; transform:translateY(-50%); color:#BBBBBB; -webkit-transform:translateY(-50%); }
.filters-wrap .search-wrap .navbar-form .input-group a.sr-btn{ position: absolute; z-index: 99; display: block; margin-top: 4px; right: 4px; width: 80px; height: 34px; box-shadow: none; text-align: center; line-height: 34px; color: #FFF; border-radius: 17px;}
.filters-wrap .search-wrap .navbar-form .input-group > .form-control{background-color: #FFF;border:1px solid #DDDDDD;white-space:nowrap;padding: 9px 20px 9px 40px;font-size:16px;font-weight:700;line-height:1.42857143;border-radius:40px !important;height:auto;}
.filters-wrap .search-wrap .btn-import{ margin-top: 4px; }
.filters-wrap.sr-clients{ padding: 0; margin: 0 -15px;}
.filters-wrap.sr-clients .search-wrap{border-bottom: solid 1px #e8e8e8;background-color: #F8FAFB;padding: 10px 15px 3px 15px;}
.filters-wrap.sr-clients .search-wrap .navbar-form{ margin: 0;}
/* users details */
.userdetails{margin-top: -55px; position: relative;}
.userdetails .left-section{background-color: #F9F9F9;border-right: solid 1px #f0f0f0;}
.userdetails .left-section .left-inner{ padding: 40px 20px;}
.userdetails .left-inner .back-to-listing{margin-bottom: 25px;}
.userdetails .left-inner .back-to-listing a{ color: #888; font-weight: 600;}
.userdetails .left-inner .back-to-listing a i{ margin-right: 3px;}
.userdetails .left-inner .links.userlinks{}
.userdetails .left-inner .links.userlinks li{}
.userdetails .left-inner .links.userlinks li a{ color: #222; }
.userdetails .left-inner .links.userlinks li a i{}
.userdetails .left-inner .inner-tabs{}
.userdetails .left-inner .inner-tabs .nav-tabs{}
.userdetails .left-inner .inner-tabs .nav-tabs li{}
.userdetails .left-inner .inner-tabs .nav-tabs li a{}
.userdetails .left-inner .inner-tabs .nav-tabs li.active{}
.userdetails .left-inner .inner-tabs .nav-tabs li.active a{}
.userdetails .left-inner .load-more-btn{ margin-left: 65px; }
.userdetails .right-sidebar{ background-color: #fff; }
.userdetails .right-sidebar .sidebar-inner{ margin-left: -15px; margin-right: -15px; padding-top: 11px;}
.userdetails .right-sidebar .sidebar-inner .panel{box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;-webkit-box-shadow: none;overflow: visible;border: none;border-bottom: solid 1px #F0F0F0;margin: 0;}
.userdetails .right-sidebar .sidebar-inner .panel:last-child{ border-bottom: none; }
.userdetails .right-sidebar .sidebar-inner .panel .panel-body{}
.userdetails .right-sidebar .sidebar-inner .panel .panel-body h5{ margin: 0; font-size: 16px; font-weight: 600; color: #888; margin: 0 0 10px 0;}
.userdetails .right-sidebar .sidebar-inner .panel .panel-body h5 a{font-weight:normal;}
.userdetails .sidebar-inner .client-details{}
.userdetails .sidebar-inner .client-details .panel-body{}
.userdetails .sidebar-inner .client-details .clientPhoto{ width: 80px; height: 80px; line-height: normal; vertical-align: top;}
.userdetails .sidebar-inner .client-details .clientPhoto img{}
.userdetails .sidebar-inner .client-details .clientPhoto span{ line-height: 80px; }
.userdetails .sidebar-inner .client-details .client-data { display: inline-block;}
.userdetails .sidebar-inner .client-details .client-data h4{margin-bottom: 5px;}
.userdetails .sidebar-inner .client-details .client-data h4 span.unactive{color: #888; font-size: 12px; font-weight: normal; border: solid 1px #ddd; padding: 2px 15px; border-radius: 10px; vertical-align: middle; margin-left: 7px;}
.userdetails .sidebar-inner .client-details .client-data label{display: block;margin-bottom: 3px;}
.userdetails .sidebar-inner .client-details .client-data label:last-child{ margin-bottom:0; }
.userdetails .sidebar-inner .client-details .client-data .actions.dropdown{ margin-top: 15px;}
.userdetails .sidebar-inner .client-details .client-data .actions.dropdown > a{ padding: 5px 25px; font-size: 15px;}
.userdetails .sidebar-inner .client-details .client-data .actions.dropdown > a >i{ vertical-align: text-bottom; margin-left: 4px;}
.userdetails .sidebar-inner .client-details .client-data .actions.dropdown > ul{ margin-top: 10px;}
.userdetails .sidebar-inner .client-details .client-data .actions.dropdown > ul>li{}
.userdetails .sidebar-inner .client-details .client-data .actions.dropdown > ul>li>a{ padding: 0 8px; margin: 0 0 10px 0;}
.userdetails .sidebar-inner .client-details .client-data .actions.dropdown > ul>li:last-child a{ margin:0; }
.userdetails .sidebar-inner .social-icons{margin: 20px 0 0 0;padding: 0;list-style: none;}
.userdetails .sidebar-inner .social-icons li{ margin-bottom: 14px;}
.userdetails .sidebar-inner .social-icons li a{ color: #3D3D3D;}
.userdetails .sidebar-inner .social-icons li a i{ font-size: 22px; vertical-align: top; margin-right: 10px;}
.userdetails .sidebar-inner .contact-list{ padding: 0; margin: 25px 0 0 0; list-style: none;}
.userdetails .sidebar-inner .contact-list li{ border-top: solid 1px #f0f0f0; padding: 6px 0 10px 0; margin-right: 30px;}
.userdetails .sidebar-inner .contact-list li label{ display: block; font-weight: 600; font-size: 15px;}
.userdetails .sidebar-inner .contact-list li span{ display: block; font-size: 15px;}
.userdetails .sidebar-inner .contact-list li span a{ color: #333;}
.timeline-wrapper {padding-left: 65px;margin-top:40px;position:relative;}
.timeline-wrapper:before {content:'';position:absolute;left: 17px;width: 2px;top:0;background: #E2E2E2;bottom:15px;}
.timeline-wrapper h4 { font-size:22px; font-weight:400; color:#222222; margin-top: 30px; }
.timeline-wrapper .timeline-block { position:relative; margin:20px 0 50px; background:#ffffff; border:1px solid #F4F4F4; border-radius:3px; box-shadow:0 3px 8px 0 rgba(0,0,0,0.03); }
.timeline-wrapper .timeline-block .icon {position:absolute;background:#87B8CE;width:34px;height:34px;border-radius:50%;color:#ffffff;line-height:38px;display:block;left: -65px;text-align:center;top:8px;}
.timeline-wrapper .timeline-block .icon img.ico-note{ margin-top: -5px;}
.timeline-wrapper .timeline-block .icon img.ico-tools{ margin-top: -4px;}
.timeline-wrapper .timeline-block .icon img.ico-sent{ margin-top: -6px;}
.timeline-wrapper .timeline-block .icon img.ico-log{ margin-top: -5px;}
.timeline-wrapper .timeline-block .box-top {padding: 12px 15px;color:#222222;font-size:15px;}
.timeline-wrapper .box-top .person_pic {width:30px;height:30px; text-transform: uppercase; display:block;border-radius:50%;font-size:16px;color:#fff;text-align:center;line-height: 33px;float:left;margin-right:10px;background-repeat: no-repeat;background-size:cover !important;background-position:center center !important;}
.timeline-wrapper .box-top .timeline-note { margin:5px 0; display:inline-block; max-width:calc(100% - 120px); }
.timeline-wrapper .box-top .date { font-size:13px; color:#888888; float:right; margin:7px 0 5px; }
.timeline-wrapper .timeline-block .box-bottom { padding:16px 20px; border-top:1px solid #F0F0F0; font-size:17px; color:#222222; position:relative; }
.timeline-wrapper .timeline-block .box-bottom:before { content:''; position:absolute; width:53px; height:3px; display:block; background:#87b8ce; top:-2px; left:0; border-radius:4px; }
.timeline-wrapper .notes-table span.property { display:block; font-size:15px; }
.timeline-wrapper .notes-table span.value { display:block; color:#888888; word-wrap: break-word;}
.timeline-wrapper .notes-table div{ margin-top: 15px; }
.timeline-wrapper .notes-table { margin-top: -15px; }
.timeline-wrapper .timeline-block:last-child { margin-bottom:30px; }
.timeline-wrapper .action-notes .notes-tool{ display: inline-block; padding-right: 15px; margin-right: 15px; border-right: solid 1px #ccc;}
.timeline-wrapper .action-notes .notes-tool a{ color: #8f908f; font-size: 15px; display: inline-block; margin-left: 15px; outline: none;}
.timeline-wrapper .action-notes .notes-tool a:hover,.timeline-wrapper .action-notes .notes-tool a:focus,.timeline-wrapper .action-notes .notes-tool a:active{ text-decoration: none; outline: none; }
.timeline-wrapper .action-notes .notes-tool a:first-child{ margin-left: 0; }
.timeline-wrapper .action-notes .notes-tool a i{}
.timeline-wrapper .action-notes .notes-table{ word-wrap: break-word; }
.activity-wrap .timeline-wrapper{ padding-left: 0px;}
.activity-wrap .timeline-wrapper:before{ display: none; }
.activity-wrap .timeline-wrapper .timeline-block{margin-bottom: 10px;}
.timeline-wrapper .action-notes .timeline-block .icon, .timeline-wrapper .action-notes .timeline-block .box-bottom:before{ background-color: #dfd056; }
.timeline-wrapper .action-orders .timeline-block .icon, .timeline-wrapper .action-orders .timeline-block .box-bottom:before{ background-color: #ACBA95; }
/* clients */
.noClients{ font-size: 18px; max-width: 400px; color:#222222; text-align: center; padding: 40px 0px; margin: 50px auto;}
.noClients a{ color: #1C3170; text-decoration: none; }
/* clients ns usage */
.ns-usage{border: 1px solid #E3E3E3;margin-top: -1px;padding: 30px 35px 30px 35px;}
.ns-usage .usage{ margin: 0; font-size: 13px; color: #384248;}
.ns-usage .usage label{ color: #000; font-size: 14px; font-weight: bold;}
.ns-usage .usage p{ margin: 0;}
.ns-usage .usage-progress{ font-size: 13px; color: #384248;}
.ns-usage .usage-progress p{ text-align: right; margin: 0;}
.ns-usage .usage-progress p span{ color: #999;}
.ns-usage .usage-progress p a{ font-weight: bold;}
.ns-usage .usage-progress .progress{ margin: 5px 0 8px 0; background-color: #D8E9FF; border: 1px solid #AFCEF5; border-radius: 10px;}
.ns-usage .usage-progress .progress .progress-bar{min-width: 5px;box-shadow: none;background-color: #1C3170;height: 10px;margin: -1px 0 -1px -1px;}
.ns-usage .usage-progress .progress.almost-full .progress-bar{background-color: #F29797;}
.ns-usage .usage-progress .progress.full .progress-bar{ background-color: #F55050; margin: -1px; min-width: calc(100% + 2px); max-width: calc(100% + 2px);}
/* ADD And imports */
.import-header{ background-color: #F8FAFB; padding: 37px 0; border-bottom: solid 1px #E8E8E8; margin-bottom: 50px;}
.import-header a.back{ font-size: 15px; font-weight: 600;}
.import-header a.back i{ font-size: 13px; margin-right: 2px;}
.import-header .content{}
.import-header .content h2{ color: #282C39; font-weight: bold; font-size: 32px; margin: 25px 0 25px 0;}
.import-header .content ul{ list-style: none; padding: 0; margin: 0;}
.import-header .content ul li{ font-size: 16px; color: #222222; margin-bottom: 7px;}
.import-header .content ul li:before{content: "\2022";color: #C4C4C4;font-weight: bold;font-size: 30px;display: inline-block;line-height: 22px;margin-right: 9px;vertical-align: text-bottom;}
.import-header .content img{}
.imports{margin-top: 20px;}
.imports i.import-ico{font-size: 60px; margin-bottom: 10px;}
.imports img.import-ico{ margin-bottom: 5px; }
.imports .alert-warning{ background-color: #F5F3E9;}
.imports .drop-area{border: 2px dashed #E1E1E1;border-style: dashed;position: relative;height: 295px;background-color: #fff;}
.imports .drop-area.dragover{border-color: #f5f3e9;}
.imports .drop-area.dropped{}
.imports .drop-area.error{ border-color: red; }
.imports .drop-area .drop-info{position: absolute;z-index: 1;text-align: center;margin: -17px auto 0 auto;left: 0;right: 0;top: 50%;max-width: 210px;font-size: 16px;line-height: normal;color: #222;}
.imports .drop-area .drop-info p{}
.imports .drop-area .drop-info p a{color: #1173d2;font-weight: 600;}
.imports .custom-checkbox{ margin-bottom: 8px; }
.imports .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{line-height: 24px;}
.imports .btnBack{ color: #888; text-decoration: underline; font-size: 15px; margin-top: 20px; display: inline-block; }
.imports .btnBack:hover{ text-decoration: none; }
.imports .map-cols >.row{}
.imports .map-cols >.row>div:first-child{ position: relative; padding-right: 30px; }
.imports .map-cols >.row>div:first-child input[type="text"]{background-color:#F6F9FD; }
.imports .map-cols >.row>div:first-child:after{ display: block; content:""; position:absolute; top: 0; right: -15px; width: 30px; height: 42px; background-image: url(../images/ico-arrow-map.svg); background-size: 50px auto; background-position-x: -12px; background-position-y: center;}
.imports .map-cols >.row>div:last-child{padding-left: 30px;}
.imports .progress{ height: 8px; background-color: #EEEEEE;}
.imports .progress .progress-bar{ height: 8px; top: 0; margin: 0; box-shadow: none;}
.imports .progress.loader{ position: relative; overflow: hidden;}
.imports .progress.loader .progress-wrap{ display: block; width: 200%; position: absolute; overflow: hidden; animation: marquee 2s linear infinite; -webkit-animation: marquee 2s linear infinite; -moz-animation: marquee 2s linear infinite; -o-animation: marquee 2s linear infinite; -ms-animation: marquee 2s linear infinite;}
.imports .progress.loader .progress-bar{ float: right; margin: 0 0 0 20%; border-radius: 8px;}
@keyframes marquee { 0% { left: -100%; } 100% { left: 0; } }
@-webkit-keyframes marquee { 0% { left: -100%; } 100% { left: 0; } }
@-moz-keyframes marquee { 0% { left: -100%; } 100% { left: 0; } }
@-o-keyframes marquee { 0% { left: -100%; } 100% { left: 0; } }
@-ms-keyframes marquee { 0% { left: -100%; } 100% { left: 0; } }
/* add clients */
.form-add-client{}
.form-add-client .custom-checkbox {margin-bottom: 10px;}
.form-add-client .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{ line-height: 24px; }
.form-add-client .custom-checkbox .chk-text{ margin:0; font-size: 16px; vertical-align: middle; }
.form-add-client .btn{border-radius:5px;padding: 16px 40px;box-shadow: none;}
.add-import-wrap{}
.add-import-wrap > .row{}
.add-import-wrap > .row > div{ width: 45%;}
.add-import-wrap > .row > div.full{ width: 100%; }
.add-import-wrap > .row > div.sep{ width: 10%; float: left; height: 375px; margin-top: 85px; position: relative;}
.add-import-wrap > .row > div.sep:before{content:"";position: absolute;left: 0;right: 0;height: 100%;width: 1px;background-color: #D9D9D9;margin: 0 auto;}
.add-import-wrap > .row > div.sep:after{content:"or";display: block;font-style: italic;background-color: #FFF;position: absolute;font-size: 18px;width: 20px;height: 60px;line-height: 60px;top: 50%;left: 0;right: 0;margin: -30px auto 0 auto;}
/* activity */
.activitySection{ margin: 0; padding: 20px 0 10px 0;}
.activitySection li{ display: inline-block; padding: 0 20px;}
.activitySection li.sep{padding: 0;}
.activitySection li label{ font-size: 13px; color: #798084; margin-bottom: 14px;}
.activitySection li p{ padding: 0; margin: 0; font-size: 17px;}
.activitySection li p i{ vertical-align: text-top;}
.page_netsheet_leads .activitySection li:first-child { padding-left: 0; }
.page_netsheet_leads .activitySection li:last-child { padding-right: 0; }
.usage{margin-top: 35px;}
.usage .usage-summary{ margin-bottom: 30px;}
.usage .usage-summary label{ color: #888; font-weight: 600;}
.usage .usage-summary h1{ margin: 0; font-size: 48px; font-weight: normal;}
.usage ul.usage-list{ margin: 0; padding: 0; list-style: none;}
.usage ul.usage-list li{ list-style: none; display: block; margin-bottom: 30px;}
.usage ul.usage-list li .progress{ margin: 0 0 5px 0; height: 7px; box-shadow: none; background-color: #fff;}
.usage ul.usage-list li .progress .progress-bar{ min-width: 7px; height: 7px; margin: 0; max-width: 100%; box-shadow: none;}
.usage ul.usage-list li .quote-tq .bg-color{ background-color: #92BADE; }
.usage ul.usage-list li .quote-sns .bg-color{ background-color: #4D779D; }
.usage ul.usage-list li .quote-stn .bg-color{ background-color: #B8336A; }
.usage ul.usage-list li .quote-offers .bg-color{ background-color: #A0D2DB; }
.usage ul.usage-list li .quote-be .bg-color{ background-color: #E09AB7; }
.usage ul.usage-list li .quote-ma .bg-color{ background-color: #3D86C9; }
.usage ul.usage-list li .quote-rvb .bg-color{ background-color: #ACBA95; }
.usage ul.usage-list li .tool-usage{}
.usage ul.usage-list li .tool-usage label{ margin: 0; color: #888; font-size: 15px; line-height: normal;}
.usage ul.usage-list li .tool-usage p{ margin: 0;}
/* activity new */
.usersActivity{ position: relative; height: 70px; margin: 35px 0; }
.usersActivity.details{ margin: 15px 0; }
.usersActivity .total{ position: absolute; width: 160px; left: 0; top: 0; }
.usersActivity .total label{ color: #888; font-size: 14px; }
.usersActivity .total h1{ font-size: 48px; font-weight: 400; margin: 0; }
.usersActivity .activity{position: absolute;width: 100%;padding-left: 160px;top: 30px;padding-right: 200px;}
.usersActivity.details .activity{ padding-right: 0; }
.usersActivity .activity .activity-wrap{ display: table; width: 100%;}
.usersActivity .activity .activity-wrap .progress{height: 7px;display: table-row;border-radius: 50px;}
.usersActivity .activity .activity-wrap .progress-bar{height: 7px;margin: 0;position: relative;box-shadow: none;display: table-cell;min-width: 90px;float: none;}
.usersActivity .activity .activity-wrap .progress-bar:first-child:not(:last-child){border-radius: 50px 0 0 50px;}
.usersActivity .activity .activity-wrap .progress-bar:last-child:not(:first-child){ border-radius: 0 50px 50px 0; }
.usersActivity .activity .activity-wrap .progress-bar.bg1{ background-color: #92BADE; }
.usersActivity .activity .activity-wrap .progress-bar.bg2{ background-color: #4D779D; }
.usersActivity .activity .activity-wrap .progress-bar.bg3{ background-color: #B8336A; }
.usersActivity .activity .activity-wrap .progress-bar.bg4{ background-color: #A0D2DB; }
.usersActivity .activity .activity-wrap .progress-bar.bg5{ background-color: #E09AB7; }
.usersActivity .activity .activity-wrap .progress-bar.bg6{ background-color: #3D86C9; }
.usersActivity .activity .activity-wrap .progress-bar.bg7{ background-color: #ACBA95; }
.usersActivity .activity .activity-wrap .progress-bar.bg8{ background-color: #adda09; }
.usersActivity .activity .activity-wrap .progress-bar.bg9{ background-color: #ddda19; }
.usersActivity .activity .activity-wrap .progress-bar span.progress-txt{ font-size: 14px; color: #888; position: absolute; left: 0; bottom: 15px; }
.usersActivity .activity .activity-wrap .progress-bar span.progress-val{ font-size: 14px; color: #222; position: absolute; left: 0; top: 20px; }
.usersActivity .deals{position: absolute; width: 175px; right: 0; top: 0;}
.usersActivity .deals .clients-noti-wrap{float: none;text-align: right;}
.usersActivity .deals .clients-noti-wrap>label{display: block;float: none;font-size: 14px;color: #888;/* text-align: right; */margin-bottom: 18px;}
.usersActivity .deals .clients-noti .btn-toggle{outline: 0;display: inline-block;width: 45px;height: 28px;cursor: pointer;position: relative;background: #F59191;border-radius: 2em;padding: 2px;-webkit-transition: all .4s ease;transition: all .4s ease;overflow: hidden;margin-right: 8px;margin-bottom: 0;}
.usersActivity .deals .clients-noti .btn-toggle:after{position: relative;left: 0;display: block;content: "";width: 24px;height: 23px;background-color: #fff;border-radius: 50%;-webkit-transition: all .2s ease;transition: all .2s ease;border: solid 1px #ddd;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);top: 0px;}
.usersActivity .deals .clients-noti .btn-toggle.active{ background-color: #36C641; }
.usersActivity .deals .clients-noti .btn-toggle.active:after{left: 17px;}
.usersActivity .deals .clients-noti span{vertical-align: top;margin-right: 8px;line-height: 29px;}
.usersActivity .deals .clients-noti a{vertical-align: top;font-size: 13px;line-height: 30px;}
.usersActivity .activity .activity-wrap .progress.loader{ display: block; margin-top: 0; position: relative; overflow: hidden;}
.usersActivity .activity .activity-wrap .progress.loader .progress-bar{display: inline;width: 0px;position: absolute;top: 0;left: 50%;text-align: center;min-width: 0;z-index: 1;}
.usersActivity .activity .activity-wrap .progress.loader .progress-bar:nth-child(1) {
animation: prog_load 3s linear infinite;
-webkit-animation: prog_load 3s linear infinite;
-moz-animation: prog_load 3s linear infinite;
-o-animation: prog_load 3s linear infinite;
-ms-animation: prog_load 3s linear infinite;
}
.usersActivity .activity .activity-wrap .progress.loader .progress-bar:nth-child(2) {
animation: prog_load 3s linear 1s infinite;
-webkit-animation: prog_load 3s linear 1s infinite;
-moz-animation: prog_load 3s linear 1s infinite;
-o-animation: prog_load 3s linear 1s infinite;
-ms-animation: prog_load 3s linear 1s infinite;
}
.usersActivity .activity .activity-wrap .progress.loader .progress-bar:nth-child(3) {
animation: prog_load 3s linear 2s infinite;
-webkit-animation: prog_load 3s linear 2s infinite;
-moz-animation: prog_load 3s linear 2s infinite;
-o-animation: prog_load 3s linear 2s infinite;
-ms-animation: prog_load 3s linear 2s infinite;
}
@keyframes prog_load {
from {left: 50%; width: 0;z-index:10;}
33.3333% {left: 0; width: 100%;z-index: 5;}
to {left: 0; width: 100%;}
}
@-webkit-keyframes prog_load {
from {left: 50%; width: 0;z-index:10;}
33.3333% {left: 0; width: 100%;z-index: 5;}
to {left: 0; width: 100%;}
}
@-moz-keyframes prog_load {
from {left: 50%; width: 0;z-index:10;}
33.3333% {left: 0; width: 100%;z-index: 5;}
to {left: 0; width: 100%;}
}
@-o-keyframes prog_load {
from {left: 50%; width: 0;z-index:10;}
33.3333% {left: 0; width: 100%;z-index: 5;}
to {left: 0; width: 100%;}
}
@-ms-keyframes prog_load {
from {left: 50%; width: 0;z-index:10;}
33.3333% {left: 0; width: 100%;z-index: 5;}
to {left: 0; width: 100%;}
}
.modalActivity{ font-size: 14px;}
.modalActivity .activityHead{ margin: 10px 0;}
.modalActivity .activityHead label{ color: #888; font-weight: 600;}
.modalActivity .activityHead h1{ margin: 0; font-size: 48px; font-weight: normal;}
.modalActivity .activity{}
.modalActivity .activity .row label{ color: #888; margin: 0;}
.modalActivity .activity .row > div:last-child label{ color: #222;}
.modalActivity .activity .progress{ margin: 7px 0 18px 0; height: 7px; border-radius: 50px; background-color: #fff; overflow: hidden;}
.modalActivity .activity .progress .progress-bar{ border-radius: 50px; height: 7px; margin: 0; min-width: 7px;}
.modalActivity .activity .progress .progress-bar.bg1{background-color: #91C9EB;}
.modalActivity .activity .progress .progress-bar.bg2{ background-color: #5893B7;}
.modalActivity .activity .progress .progress-bar.bg3{ background-color: #64C4FF;}
.modalActivity .activity .progress .progress-bar.bg4{ background-color: #B3C1C9;}
.modalActivity .activity .progress .progress-bar.bg5{ background-color: #C4E9FF;}
.modalActivity .activity .progress .progress-bar.bg6{}
.modalActivity .activity .progress .progress-bar.bg7{}
/* offices assigned */
.o_assigned_to{}
.o_assigned_to ul{ margin: 15px 0 0 0; padding: 0; list-style: none;}
.o_assigned_to ul li{border-bottom: solid 1px #f0f0f0;padding: 5px 10px;}
.o_assigned_to ul li .user_pic{width: 34px;height: 34px;object-fit: cover;border-radius: 50%;margin-right: 10px;color: #fff;display: inline-block;text-align: center;font-size: 17px;background-color: #ddd;vertical-align: middle;line-height: 37px;font-weight: 600;}
.o_assigned_to ul li a{color: #21262d;font-size: 17px;}
.o_assigned_to ul li a.close{display: block;width: 18px;height: 18px;opacity: 0.7;margin-right: 15px;margin-top: 8px;}
.user_lead{display: inline-block;font-size: 24px;text-transform: uppercase;width: 62px;height: 62px;border-radius: 50%; color: #ffffff; background-color: #1dade8; background-repeat: no-repeat; background-size: cover; margin-right: 10px;text-align: center;line-height: 62px; vertical-align: middle;}
/* website builder */
.wb_wrap{}
.wb_wrap > .row{}
.wb_wrap > .row > div{}
.wb_wrap > .row > div:first-child{border-right: solid 1px #f0f0f0;}
.wb_wrap > .row > div:last-child{padding-top: 30px;padding-left: 30px;border-left: solid 1px #f0f0f0;margin-left: -1px;}
.wb_wrap .nav.wb{}
.wb_wrap .nav.wb > li{}
.wb_wrap .nav.wb > li > a{font-size: 17px;color: #8F9AA0;padding: 3px 0;font-weight: 600;}
.wb_wrap .nav.wb > li.active > a, .wb_wrap .nav.wb > li > a:hover{color: #1F3150;}
.wb_wrap .nav.wb > li.nav-label{margin: 30px 0 5px 0;}
.wb_wrap .nav.wb > li.nav-label span.text{font-size: 12px;color: #888;}
.wb_wrap .wb_resource > p { word-wrap: break-word; }
.wb_wrap .form-group > button { margin-top: 10px; margin-bottom: 10px; }
.wb_wrap textarea { resize: vertical; min-height: 100px; }
/* .wb_wrap .note-editor .note-editable { min-height: 300px; } */
.wb_innerpages img { width: 80%; }
.wb_partners .wb_partner_image { padding: 0; }
.wb_partners .wb_partner_image img { width: 100%; }
.wb_staff_members .wb_staff_member_image { padding: 0; }
.wb_staff_members .wb_staff_member_image img { width: 100%; }
.wb_edit_staff .wb_edit_staff_image img { width: 50%; border: 3px solid #ccc; }
.wb_edit_partner .wb_edit_partner_image img { width: 50%; border: 3px solid #ccc; }
.wb_company .wb_company_image { width: 80%; border: 3px solid #ccc; }
.wb_loading_message { display: flex; flex-direction: row; align-items: center; margin: 20px 0px; }
.wb_loading_message img { width: 32px; height: 32px; }
.wb_loading_message div { padding-left: 10px; }
@media (max-width: 767px) {
.wb_wrap .nav.wb { border-bottom: 1px solid #ccc; padding-left: 30px; padding-bottom: 30px; }
.wb_wrap > .row > div:last-child { padding-left: 15px; }
.wb_wrap .wb_innerpages img { width: 100%; }
.wb_company .wb_company_image { width: 100%; }
.wb_logo .jcrop-holder { width: 100%; height: auto; }
.wb_logo .wb_logo_current img { width: 100%; height: auto; }
.wb_add_staff .modal-dialog, .wb_edit_staff .modal-dialog,
.wb_add_office .modal-dialog, .wb_edit_office .modal-dialog,
.wb_add_service .modal-dialog, .wb_edit_service .modal-dialog,
.wb_add_resource .modal-dialog, .wb_edit_resource .modal-dialog,
.wb_add_partner .modal-dialog, .wb_edit_partner .modal-dialog { width: 95% !important; }
}
/* no-app */
.no-tool{}
.no-tool .fullwidth{background-color: #fff; margin-top: -55px; margin-bottom: -55px;}
.no-tool h1{ color: #282D39; }
.no-tool h2{}
.no-tool p{}
.no-tool p.large{font-size: 24px;color: #8D8D8D;}
.no-tool .section{}
.no-tool .section.pt{ padding-top: 60px; }
.no-tool .section.pb{ padding-bottom: 60px; }
.no-tool .header-wrap{background-image: url(../../assets_new/images/no-app-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.no-tool .header{}
.no-tool .header p{ color: #8D8D8D; }
.no-tool .header .no-app-img{}
.no-tool .header .no-app-img img, .no-tool .header .no-wb-img img{ margin-left: auto; margin-right: auto; }
.no-tool .benefits .media{ margin-bottom: 50px;}
.no-tool .benefits .media .media-left{ padding-right: 25px;}
.no-tool .benefits .media .media-left i{ font-size: 36px;}
.no-tool .benefits .media .media-body{}
.no-tool .benefits .media .media-body .media-heading{ color: #444; font-size: 17px; font-weight: 600; margin-bottom: 10px;}
.no-tool .benefits .media .media-body p{ font-size: 17px; font-weight: normal; color: #8D8D8D;}
/* testimonial */
#testimonial .item{padding: 10px;}
#testimonial .panel{
/* border: solid 1px #ddd; */ -webkit-box-shadow: 0px 3px 20px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 20px 3px rgba(0,0,0,0.1); box-shadow: 0px 3px 20px 3px rgba(0,0,0,0.1); border-radius: 8px; min-height: 290px;}
#testimonial .panel .panel-body{ padding: 30px 50px;}
#testimonial .panel .panel-body p{ font-size: 17px; font-weight: normal; color: #888; margin: 0; font-style: italic; line-height: 32px;}
#testimonial .panel .media{margin-top: 40px;}
#testimonial .panel .media-body{vertical-align: middle;}
#testimonial .panel .media .media-left{padding-right: 20px;}
#testimonial .panel .media .media-left img{ width: 64px; height: 64px;max-width: 64px; object-fit: cover; border-radius: 50%;}
#testimonial .panel .media .media-heading{ font-size: 15px; font-weight: 600; color: #888;}
#testimonial .panel .media p{font-size: 15px; line-height: normal; font-style: normal;}
#no-wb.no-tool .fullwidth{ background-image: url(../../assets_new/images/tc-head-bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto;}
#no-wb.no-tool .header-wrap{background:transparent;}
#wb-templates{ position:relative;}
#wb-templates .row > .layer{position: relative; display: block;float: left;width: 20%;padding: 0.4%; z-index: 1;}
#wb-templates .row > .layer > img.tpl { width: 100%; box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.17); z-index: 1;}
#wb-templates .row > .layer > img.check {position:absolute;width: 35%;bottom: -21%;right: -23%;z-index: 3}
#wb-templates .row > .layer.mid{ z-index: 2; }
#wb-templates .row > .layer.mid img.tpl{transform: scale3d(1.18, 1.18, 1.18);
border: solid 8px #d1d1d1;}
#wb-templates > .layer1{position:relative;width: 19.6%; z-index: 1;margin: 1px;padding: 0;display: inline;box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.17);}
#wb-templates > .layer1.scaleUp{ z-index: 2; }
/* toggle btn */
.clients-noti-wrap{ float: right; }
.clients-noti-wrap>label{ float: right; }
.clients-noti .btn-toggle{outline: 0;display: inline-block;width: 45px;height: 28px;cursor: pointer;position: relative;background: #F59191;border-radius: 2em;padding: 2px;-webkit-transition: all .4s ease;transition: all .4s ease;overflow: hidden;margin-right: 8px;margin-bottom: 0;}
.clients-noti .btn-toggle:after{position: relative;left: 0;display: block;content: "";width: 24px;height: 23px;background-color: #fff;border-radius: 50%;-webkit-transition: all .2s ease;transition: all .2s ease;border: solid 1px #ddd;box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);top: 0px;}
.clients-noti .btn-toggle.active{ background-color: #36C641; }
.clients-noti .btn-toggle.active:after{left: 17px;}
.clients-noti span{vertical-align: top;margin-right: 8px;line-height: 29px;}
.clients-noti a{vertical-align: top;font-size: 13px;line-height: 30px;}
/* leads & widgets */
.scheme-list{ padding: 0; list-style: none;margin-top: 15px;}
.scheme-list li{display: inline-block;}
.scheme-list li a{position: relative;width: 38px;height: 38px;display: inline-block;cursor: pointer;}
.scheme-list li a.active{margin: 0 10px; transition: all 0.15s ease;-webkit-transition: all 0.15s ease;-moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transform: scale(1.5);transform-origin:center; -webkit-transform: scale(1.5);-webkit-transform-origin:center; -moz-transform: scale(1.5);-moz-transform-origin:center; -o-transform: scale(1.5);-o-transform-origin:center; -ms-transform: scale(1.5);-ms-transform-origin:center;}
.scheme-list li a.active:after{content: "";background-image: url(../../assets_new/images/ico-check@2x.png);display: block;position: absolute;width: 18px;height: 18px;z-index: 22;background-size: cover;bottom: 0;right: 0;margin-right: -6px;margin-bottom: -9px;}
.scheme-list li:first-child a.active{margin: 0 20px 0 0;transform-origin: left center; -webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;}
.scheme-list li:last-child a.active{margin: 0 0 0 20px;transform-origin: right center;-webkit-transform-origin: right center;-moz-transform-origin: right center;-ms-transform-origin: right center;-o-transform-origin: right center;}
.scheme-list li a img{position: absolute;width: 100%;height: 100%;z-index: 1;}
.scheme-list li a input[type="radio"]{position: absolute;cursor: pointer;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;}
.user_lead{display: inline-block;font-size: 24px;text-transform: uppercase;width: 62px;height: 62px;border-radius: 50%; color: #ffffff; background-color: #1dade8; background-repeat: no-repeat; background-size: cover; margin-right: 10px;text-align: center;line-height: 62px; vertical-align: middle;}
.estimate-shadow{ box-shadow:0px 0px 20px 7px #dddddd66; -webkit-box-shadow:0px 0px 20px 7px #dddddd66; -moz-box-shadow:0px 0px 20px 7px #dddddd66; -o-box-shadow:0px 0px 20px 7px #dddddd66; -ms-box-shadow:0px 0px 20px 7px #dddddd66; border-radius: 7px;}
.estimate-date{ color: #309BDE; display: block; margin-bottom: -20px;}
.estimate{ background-color: #A6B2C6; padding: 5px; padding-left: 15px; font-size: 15px; font-weight: 400; color: #1a3152; margin-bottom: 0px !important; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.estimate-body{ padding: 10px; padding-left: 15px; background-color: #FFFFFF; border: 1px solid #dddddd66; border-top: none; margin-top: 0px; margin-bottom: 12px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
/* default costs */
.v-tab{}
.v-tab > .row{}
.v-tab > .row >div{}
.v-tab > .row >div:first-child{ border-right: solid 1px #F0F0F0;}
.v-tab > .row >div:last-child{ border-left: solid 1px #F0F0F0; margin-left: -1px; min-height: 420px;}
.v-tab .v-tab-nav{ margin-top: 30px; }
.v-tab .v-tab-nav ul{}
.v-tab .v-tab-nav ul>li{}
.v-tab .v-tab-nav ul>li>a{ font-size: 16px; color: #888888; padding: 8px 0;}
.v-tab .v-tab-nav ul>li.active a,.v-tab .v-tab-nav ul>li:hover a{ font-weight: 600; color: #222222;}
.v-tab-content{ padding: 40px 40px 0 40px;}
.v-tab-content{ /*padding-top: 30px; */}
.v-tab-content header{ padding: 15px 0; border-bottom: solid 1px #F0F0F0; margin-bottom: 30px;}
.v-tab-content header a{ font-weight: 600;}
.v-tab-content header a i{ font-weight: 100; font-style: normal; font-size: 30px; vertical-align: middle; line-height: normal;}
.v-tab-content header a:focus{ text-decoration: none; }
.v-tab-content .nav-lender { margin-top: -10px; margin-left: -55px; margin-right: -40px; padding: 0 55px; border-bottom: 1px solid #F0F0F0; margin-bottom: 40px;}
.v-tab-content .nav-lender .nav-tabs{margin-bottom: -1px;}
.v-tab-content .nav-lender .nav-tabs > li{}
.v-tab-content .nav-lender .nav-tabs > li > a{padding: 8px 0;}
.tabtools{ margin-bottom: 30px;}
/*.tabtools dropdown.dd_cost{ display: inline-block;}
.tabtools dropdown.dd_cost .dropdown-container{}
.tabtools dropdown.dd_cost .form-control{ border: none; padding: 0; height: 30px; padding-right: 29px;}
.tabtools dropdown.dd_cost .selectWrap:not(.active) .sel__placeholder{ font-size: 20px; font-weight: 600;}
.tabtools dropdown.dd_cost .dropdown-container .selectWrap.form-control:before{top: 5px;right: 0;}
.tabtools dropdown.dd_cost .dropdown-container .dropdown-menu.sel__box{ min-width: 270px;margin-top: 5px; }*/
.tabtools small{ display: inline-block; font-size: 12px; border: solid 1px #ddd; padding: 0px 8px; border-radius: 3px; color: #888; margin-left: 15px;}
.tabtools .custom-checkbox{}
.tabtools .custom-checkbox input{}
.tabtools .custom-checkbox label{ color: #888; font-size: 16px;}
.tabtools .custom-control-label::before{width: 22px;height: 22px;}
.tabtools .custom-control-label::after{width: 22px;height: 22px;font-size: 13px;margin-left: 1px;}
.tabtools a.trash{vertical-align: text-bottom;}
.tabtools a.trash img{}
.costs-form{}
.costs-form .form-group{ margin-bottom: 20px;}
.costs-form a.link.pt0{}
.costs-form a.link.pt0 i{vertical-align: text-bottom;}
.costs-form a.addExp{}
.costs-form a.addExp:hover,.costs-form a.addExp:focus{ text-decoration:none;}
.costs-form a.addExp i{ font-style: normal; font-size: 26px; margin-right: 4px; vertical-align: middle;}
/* summernote */
.note-editor.fullscreen{ padding-top: 53px; }
.note-editor { border-color: #EEE; }
.note-editor .note-toolbar{ background-color: #f9f9f9; border-bottom-color:#EEE; }
.note-editor .note-statusbar .note-resizebar{ border-top-color: #EEE; }
.note-editor .btn{min-width: auto;padding-left: 15px;padding-right: 15px;font-size: 14px;}
.note-editor .btn.active{color: inherit !important; }
.note-editor .btn.active:after{ content: ""; display: none; }
.note-editor .btn i[class*=" icon-"]{ font-family: 'FontAwesome' !important; }
.note-editor .note-image-popover{ display: none !important; }
.note-popover .note-toolbar{ background-color: #f9f9f9; border-bottom-color:#EEE; }
.note-popover .note-statusbar .note-resizebar{ border-top-color: #EEE; }
.note-popover .btn{min-width: auto;padding-left: 15px;padding-right: 15px;font-size: 14px;}
.note-popover .btn.active{color: inherit !important; }
.note-popover .btn.active:after{ content: ""; display: none; }
.note-popover .btn i[class*=" icon-"]{ font-family: 'FontAwesome' !important; }
.note-popover .note-image-popover{ display: none !important; }
.note-popover .note-link-popover { background-color: #F9F9F9; border: 1px solid #E3E3E3; }
.note-popover .note-link-popover .arrow:after { display: none; border-bottom-color: #F9F9F9 !important; }
.note-popover .popover .popover-content { padding: 0; }
.note-popover .popover .popover-content:before { display: none; }
.note-link-dialog .modal-dialog .modal-header .close { color: transparent; background: none; }
.note-link-dialog .modal-dialog .modal-header:after { position: absolute; background: url(../../assets_new/images/closeIcon.svg) no-repeat center center; width: 20px; height: 20px; opacity: 0.6; margin: 0; padding: 0; right: 30px; top: 28px; z-index: 1; pointer-events: none; }
/* Media Query */
@media (min-width: 768px) {
.vcenter { display:inline-block; vertical-align:middle; float:none; margin-right:-5px; }
.tableData table.table.nested-table.hoverTableEffect tbody tr td{ border-top:1px solid transparent; border-bottom:1px solid #C7D0D6; }
.tableData table.table.nested-table tbody tr td{font-size: 16px;}
.desktopNone{ display:none !important; }
.page_app_dashboard .mainSectionFirst{ padding-top: 0; }
.monthDetail{ padding:20px 0 0 25.3px; margin:25.5px 0 0 18px; position:relative; }
.monthDetail:before{ content:''; position:absolute; width:1px; top:0; bottom:20px; left:0;
background-color:#F0F0F0; }
.monthDetail:after{ content:''; position:absolute; bottom:19px; left:-4px; width:10px; height:10px;
border-radius:50%; border:2px solid #0D86D1; }
.activityDataBoxParent{ padding:25px 0 22px; }
.activityData ul li:not(:last-child):after{ content:''; width:4px; height:4px; background-color:#BFBFBF; border-radius:50%;
position: absolute; top:50%; transform:translateY(-50%); right:14px; }
/*.activityDateBox:not(:last-child){ margin-bottom:19.5px; }*/
.cardSection{ margin:20px 0; }
.cardParent{ padding:15px 25px 40px; position:relative; }
.cardParent:before{ content:''; position:absolute; background-color:#E9E9F0; left:4px; height:auto; top:0;
width:1px; bottom:-5px; }
.bottomTitle:after{ content:''; width:10px; height:10px; top:5px; left:0px; border-radius:50%; position:absolute;
border:2px solid #62B3E6; }
.mobileBottomStrip{/* margin-bottom:10px;*/ }
.mobileBottomStrip ul li a{ font-size: 16px; }
body.clientPage .graphSection .row{ margin-left:-38px; margin-right:-38px; }
body.clientPage .graphSection .col-md-4{ padding:0 38px; }
/* Sign up */
.colpaddingBreak [class*="col-"]{ padding-left:12px; padding-right:12px; }
.colpaddingBreak.form-horizontal .form-group{ margin-left:-12px; margin-right:-12px;}
.paddingLeft[class*="col-"]{ padding-left:5px; }
.paddingRight[class*="col-"]{ padding-right:5px; }
.rcSettingWrap > .row > div:last-child{ border-right: solid 1px #f0f0f0;padding-right: 40px; }
.tableSectionPage7 .navbar-nav > li > a{ font-size: 14px; padding-bottom: 5px; }
.tableSectionPage7 .navbar-nav > li > a.filter-item{ padding-right: 0; }
.tableSectionPage7 .navbar-nav > li > a.filter-item span{ background-color: #f0f0f0; padding: 5px 13px; border-radius: 3px; vertical-align: initial;}
.tableSectionPage7 .navbar-nav > li > a.filter-item span i{font-style: normal;font-size: 25px;line-height: 0;vertical-align: middle;margin-left: 1px;}
.tableSectionPage7 .navbar-nav > li > a.filter-item span i{ }
.tableSectionPage7 .navbar-nav > li > ul.dropdown-menu{padding: 5px 10px;}
.tableSectionPage7 .navbar-nav > li > ul.dropdown-menu > li{}
.tableSectionPage7 .navbar-nav > li > ul.dropdown-menu > li >a{}
.cardContentIn .form-group.mb0{ margin-bottom: 0; }
#rebates .row .col-sm-4:first-child{
padding-right: 0;
}
#rebates .row .col-sm-4:last-child{
padding-left: 0;
}
}
@media (min-width: 992px) {
.col-md-3:nth-child(2) .stepBox:first-child{ transform: translateX(-25%); }
.col-md-3:nth-child(3) .stepBox:last-child{ transform: translateX(25%); }
.rightBottom.panel{ padding: 45px 25px 44.5px; }
#topbar .navbar-inverse ul.navbar-nav > li > a { padding-left: 14px; padding-right: 14px;}
.mainSectionFirst{ padding-top:42px; padding-bottom:55px; }
.nav-transparent .mainSectionFirst{ padding-top:0; }
.nav-transparent .mainSectionFirst{ padding-top:0; }
.nav-transparent .navbar.bg-primary.scrolltop{ background: #fff; border-bottom: solid 1px #E3E3E3; }
.nav-transparent #topbar .navbar.scrolltop ul.navbar-nav > li > a{ color: #888; }
.nav-transparent #topbar .navbar.scrolltop ul.navbar-nav > li.active > a{ color: #222; }
.nav-transparent #topbar .navbar.scrolltop ul.dropdown-menu{ border-top: solid 1px #E3E3E3; }
.nav-transparent #topbar .navbar.scrolltop ul.dropdown-menu.estimates-dropdown-menu{ max-height: calc(100vh - 48px); overflow: auto; }
.nav-transparent #topbar .navbar.scrollview img.img-gray{ display: none !important; }
.nav-transparent #topbar .navbar.scrollview img.img-white{ display: block !important; }
.formBodyMain .formAndContent{ padding-right:41.1px; }
.formBodyMain .formAndContent .res-head{}
.formBodyMain .formAndContent .res-head img{}
.formAndContent.pageTables{ padding-right:26.4px; }
.userdetails .right-sidebar{ position: absolute; top: 0; right: 0; height: auto; margin-left: -1px; border-left: solid 1px #f0f0f0; min-height: 100%;}
.userdetails .right-sidebar .sidebar-inner{ /*border-left: solid 1px #f0f0f0; */}
}
@media (min-width: 1200px){
#topbar .navbar-inverse ul.navbar-nav > li > a{ padding-left: 14px; padding-right: 14px;}
.container{ width:1200px; }
.rightBottom.panel{ padding: 45px 45px 44.5px; }
}
@media (max-width:991px) {
.twTop10{ margin-top:10px; }
.twTop20{ margin-top:20px; }
.twTop30{ margin-top:30px; }
.sideImage img{ width:500px; max-width:100%; }
.homePage .footer{ margin-bottom: 80px; }
.pull-left-sm{ float: left !important; }
.nav-tabs.nav-orders > li.pull-left-sm{ margin-left: 0px; margin-right: 15px; }
.col-md-3:not(:last-child) .stepBox:before { width:200%; }
.filters-wrap .form-group label{ font-size: 14px; }
.filters-wrap .form-group .dropdown > a{ font-size: 14px; }
.modal .survey .img-survey img{ display: block; min-width: auto; height: 205px; width: 183px; object-fit: cover; object-position: bottom; margin: 0 auto; }
.modal .survey .modal-body{padding: 25px 15px;}
.modal .survey .content p{ font-size: 15px;margin-bottom: 18px; }
.modal .survey .modal-footer{ padding: 0px 15px 25px 15px; }
/* Responsive nav */
.menu2 .visible-xs.text-right.navIcon { display: flex !important; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; text-align:center;color:#EAEAEA; padding: 15px 15px;}
.menu2 .visible-xs.text-right.navIcon > * { flex: 1; }
.menu2 .visible-xs.text-right.navIcon h2 { margin-bottom:0; margin-top: 0; font-size:15px; line-height:20px; }
.menu2 .navIcon .navbar-toggle { margin:0; padding:0; }
.menu2 .navIcon .navbar-right { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.menu2 .navbar-inverse .navbar-toggle .icon-bar { width:25px; border-radius:0; height:1px; }
.menu2 .navbar-inverse .navbar-toggle .icon-bar:nth-child(2) { display:none; }
.menu2 .navbar-toggle .icon-bar + .icon-bar { margin-top:8px; }
.menu2 .navIcon .search-icon { display:none; }
.menu2 .navbar-inverse .navbar-toggle .icon-bar { background-color:#DEDEDE; }
.menu2 .navbar-inverse .navIcon a.nav-share { color: #fff; font-size: 22px; width: 24px; height: 24px; line-height: 30px; }
#topbar .navbar-inverse a.nav-help { margin-top: 0;margin-bottom: 0;}
/* Responsive nav */
#topbar .navbar{ z-index: 9999; }
#navbarMain{position: fixed; background: #1F2733; z-index: 999; width: 0px; height: 100% !important; top: 0; padding: 0 0 80px 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#navbarMain.in{width: 340px;}
#navbarMain.collapse{display: none !important;}
#navbarMain.collapse.in{display: block !important;overflow-y: auto !important;}
#navbarMain .navbar-header{margin: 20px 15px 20px 25px;float: none;}
#navbarMain .navbar-header a.navbar-close{width: 20px;height: 20px;}
#navbarMain .navbar-header a.navbar-profile{display: block;width: 36px;height: 36px;overflow: hidden;border-radius: 50%;float: right;margin-top: -30px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;background-color: #fff;text-align: center;font-size: 20px;line-height: 37px;text-transform: capitalize;font-weight: 600;color: #222;}
#navbarMain .navbar-header a.navbar-profile.no-bg{ background-color: transparent; }
#navbarMain .navbar-header a.navbar-profile i { font-style: normal; }
#navbarMain .navbar-header a.navbar-profile img{width: 36px;height: 36px;margin-top: -2px;object-fit: cover; object-position: center top;}
#navbarMain.collapsing .navbar-header a.navbar-profile{ opacity: 0; }
#navbarMain ul.navbar-nav{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;float: none !important;}
#navbarMain.collapsing ul.navbar-nav{ opacity: 0; }
#navbarMain ul.navbar-nav > li{border-bottom: solid 1px #353941;float: none;}
#navbarMain ul.navbar-nav > li.dropdown{border-bottom:none;}
#navbarMain ul.navbar-nav > li > a{ color: #fff !important; padding: 10px 10px 10px 25px; font-size: 18px; white-space: nowrap; word-break: keep-all;}
#navbarMain ul.navbar-nav > li.dis > a{ color: #565C67 !important; }
#navbarMain ul.navbar-nav > li > a > i{display:none;}
#navbarMain ul.navbar-nav > li > ul.dropdown-menu{ background-color: #303843 !important; position: static; float: none; width: auto; margin-top: 0; border: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; display: block;}
#navbarMain ul.navbar-nav > li > ul.dropdown-menu > li{ border-bottom: solid 1px#3F434A; margin: 0;}
#navbarMain ul.navbar-nav > li > ul.dropdown-menu > li:last-child{ border-bottom: none;}
#navbarMain ul.navbar-nav > li > ul.dropdown-menu > li > a{ padding: 12px 12px 12px 42px; font-size: 16px; border: none; color: #fff; line-height: normal; white-space: nowrap; word-break: keep-all;}
#topbar .navbar-inverse ul.dropdown-menu > li.sep{border-bottom: none; padding-top: 20px; margin:0; padding-left: 40px;}
#topbar .navbar-inverse ul.dropdown-menu > li.sep > label{font-size: 11px;}
#topbar .navbar-inverse ul.estimates-dropdown-menu { border-top: none; padding: 15px 0; min-width: 262px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li { margin: 0 20px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li > a { padding: 8px 10px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li + li > a { border-top: 1px solid #EEEEEE; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li > a img { visibility: hidden; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep { border-bottom: none; padding-top: 20px; margin:0; padding-left: 40px; margin-top: 15px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep:first-child { margin-top: 5px; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep + li >a { border: none; }
#topbar .navbar-inverse ul.estimates-dropdown-menu > li.sep > label { color: #BBB; text-transform: uppercase; font-size: 11px; margin-bottom: 3px; }
#topbar .navbar-inverse ul.navbar-nav .badge{ background-color: #FFF !important;color: #404040 !important; font-weight: 600 !important;}
#navbarMain ul.navbar-nav.navbar-right{margin-top: 25px;}
#navbarMain ul.navbar-nav.navbar-right > li{ border: none; }
#navbarMain ul.navbar-nav.navbar-right > li > .btn{padding: 10px; font-size: 17px; margin-left: 25px;margin-right: 25px;}
#navbarMain ul.navbar-nav.navbar-right > li > .btn-default{ border-color: #81888B; }
#navbarMain ul.navbar-nav.navbar-right > li > .btn-default:hover{ background-color: transparent; }
.formBodyMain .formBodyLeft{ float: none; width:100%; border-right:none; padding-top:0px; padding-bottom:0; }
.formBodyMain .formBodyRight{ border-left: none; margin-left: 0; }
.mobileBottomFixed{ padding-bottom:60px; }
.view-as ul{ margin-right: 0; }
.formPage h2{ font-size:18px; }
.formPage ul.nav-tabs{margin-top:20px;margin-bottom: 5px;}
.backButton{ padding-top:17px; padding-bottom:13.5px; }
.filters-wrap .search-wrap .btn-import{ padding-left: 15px; padding-right: 15px; }
.userdetails{ margin-top: 0; }
.userdetails .right-sidebar .back-to-listing{padding: 2px 15px 10px 15px; border-bottom: solid 1px #f0f0f0;}
.userdetails .right-sidebar .back-to-listing a{color: #888;}
.topTitleSearchBar{ padding-bottom:0; border-bottom:0; }
.topTitleSearchBar .back-to-listing{ margin: 0 -15px; padding: 10px 15px; border-bottom: solid 1px #f0f0f0;}
.topTitleSearchBar .back-to-listing a{ color: #888;}
.topTitleSearchBar .back-to-listing a i{}
.usersActivity .total{ width: 130px; }
.usersActivity .activity{ padding-left: 130px; }
.usersActivity .activity .activity-wrap .progress-bar{ min-width: 85px; }
.quote-header{ margin-top: 20px; }
.quote-header h2{ font-size: 22px }
.quote-header h2 a img{ margin-top: 4px; }
.quote-header h2 a i.fa-spin{ margin-top: 4px; }
.result5page .quote-header{}
.result5page .quote-header:after{ width: 100%; margin:15px 0; }
.form-horizontal .fields-fundamental{ margin: 0; }
}
@media (max-width:767px) {
body{ font-size: 15px;}
.mTop10{ margin-top:10px; }
.mTop20{ margin-top:20px; }
.mTop30{ margin-top:30px; }
.pb40,.p40-0 { padding-bottom:25px; }
.pb50,.p50-0 { padding-bottom:30px; }
.pb60,.p60-0 { padding-bottom:35px; }
.pb70,.p70-0 { padding-bottom:40px; }
.pt40,.p40-0 { padding-top:25px; }
.pt50,.p50-0 { padding-top:30px; }
.pt60,.p60-0 { padding-top:35px; }
.pt70,.p70-0 { padding-top:40px; }
.mpl0,.p0-0 { padding-left:0; }
.mpr0,.p0-0 { padding-right:0; }
.mpt0,.p0-0 { padding-top:0; }
.mpb0,.p0-0 { padding-bottom:0; }
.mml0,.m0-0 { margin-left:0; }
.mmr0,.m0-0{ margin-right:0; }
.mmt0,.m0-0{ margin-top:0; }
.mmb0,.m0-0{ margin-bottom:0; }
.mobile-center{ text-align:center; }
.stepBox{ margin-bottom:20px; }
.col-md-3:not(:last-child) .stepBox:before{ display:none; }
.cardContent{ text-align:left; }
.bottomTitle h6{ text-align:left; }
.graphMain,.graphParent { width:100%; padding:10px; }
.graphParent .graphMain{ padding: 0 10px; }
.graphMain:not(:first-child){ margin-top:20px; }
.panel-body{ padding:10px; }
.panel-heading{ padding:10px 10px 0; }
.panel-footer a + a{ margin-left:15px; margin-top:10px; display:inline-block; }
.panel.panel-offer .panel-heading{padding-left: 15px;padding-right: 15px;}
.panel.panel-offer .panel-chart{padding-left: 15px;padding-right: 15px;}
.mobileDisplayNone{ display:none; }
.closeButton{ width:13.5px; height:13.5px; bottom:inherit; right:15px; }
.closeButton svg{ width:13.5px !important; height:13.5px !important; }
.links.mobileFull li, .icons.mobileFull li{ display:block; }
.accordion .card-body{ padding:15px; margin: 0; }
.accordion .card-header[data-toggle]{ padding: 10px 20px 10px 25px; }
.accordion .card-header[data-toggle] h3{ font-size: 16px; }
.form-horizontal .accordion .form-group.mb0{margin-bottom: 20px;}
.timeline-wrapper .action-notes .box-top .date{float: none;margin-bottom: 0;}
.signup-cta{ min-height: auto !important; position: relative; text-align: center;}
.signup-cta .cta-body{ position: relative;top: 0; margin-top: 0;}
.signup-cta .cta-footer{position: relative;z-index: 1; margin-top: 40px;bottom: auto;}
#userTypeGroup .text-center{ text-align: left; }
#userTypeGroup .text-center .custom-control-inline:not(:last-child){ display: block; margin-bottom: 10px; }
#userTypeGroup .text-center .custom-control-inline label{ vertical-align: sub; }
footer.footer{}
footer.footer.fixed-bttom{position: static;}
.view-as{ }
.view-as ul{border-top: none;border-bottom: solid 1px rgba(199, 208, 214, 0.6);padding: 0px 0 10px 0;margin: 0;}
.view-as ul li{line-height: normal;}
.view-as ul li:first-child{display:block;}
.view-as ul li label{font-size: 13px;margin-bottom: 5px;}
.view-as ul li a{font-size: 13px;}
.view-as ul li a:hover{}
.table-responsive{ border:none; }
.disText{ padding-top:17px; padding-bottom:80px; }
.activitySection.desktopNone{}
.activitySection.desktopNone.leads li.clients-noti-wrap{ float: none; margin-top: 10px; border-top: solid 1px #eee; padding-top: 20px;}
.activitySection.desktopNone.leads li.clients-noti-wrap>label{ float: none;}
.activitySection.desktopNone.leads .clients-noti{height: 30px;}
.activitySection.desktopNone.leads .clients-noti .btn-toggle{ display: inline-block; margin-bottom: 0;}
.activitySection.desktopNone li{ display: block; padding: 0;}
.activitySection.desktopNone li label{}
.activitySection.desktopNone li label{ display: block; border-bottom: solid 1px #EEEEEE; margin-bottom: 11px; padding-bottom: 6px;}
.page_netsheet_leads .activitySection.desktopNone{ border:none; display: inline-block;margin-bottom: -10px;}
.page_netsheet_leads .activitySection.desktopNone li{ display: inline; list-style-type: none; float: left; }
.page_netsheet_leads .activitySection.desktopNone li.sep{padding: 0 20px; }
.page_netsheet_leads .activitySection.desktopNone li label{display: block; border-bottom: solid 1px #f0f0f0; margin-bottom: 11px; padding-bottom: 6px;}
/* toggle btn */
.activitySection.desktopNone.leads{display: inline-block; margin-bottom: -10px;padding: 5px 0 10px 0;border-bottom: none}
.activitySection.desktopNone.leads li{display: inline;padding-right: 20px; list-style-type: none; /*padding-right: 20px;*/ float: left;}
.activitySection.desktopNone.leads p{color: #798084;}
.activitySection.desktopNone li.clients-noti-wrap{ float: none; margin-top: 0px; padding-top: 0px;}
.activitySection.desktopNone li.clients-noti-wrap>label{ float: none;}
.activitySection.desktopNone .clients-noti{height: 30px;}
.activitySection.desktopNone .clients-noti .btn-toggle{ display: inline-block; margin-bottom: 0;}
.tableSectionPage7{position: relative;}
.tableSectionPage7 .nav{border-top: solid 1px #EFEFEF;}
.tableSectionPage7 .nav > li{position: static;}
.tableSectionPage7 .nav > li > a{font-size: 14px;padding-right: 0; color: #222;}
.tableSectionPage7 .nav > li:not(:first-child) > a{padding-left: 20px;}
.tableSectionPage7 .nav > li > ul.dropdown-menu {position: absolute; background-color: #fff; border: solid 1px #f0f0f0; width: 100%;}
.tableSectionPage7 .filter-item-wrap{ list-style: none; margin: 0 -15px; padding: 10px 15px; border-top: solid 1px #f0f0f0;}
.tableSectionPage7 .filter-item-wrap > li{ padding: 0; display: inline;}
.tableSectionPage7 .filter-item-wrap > li > a.filter-item{padding-right: 0;font-size: 12px;color: #7f8a9b;}
.tableSectionPage7 .filter-item-wrap > li > a.filter-item span{ background-color: #f0f0f0; padding: 5px 13px; border-radius: 3px; vertical-align: initial;}
.tableSectionPage7 .filter-item-wrap > li > a.filter-item span i{font-style: normal;font-size: 20px;line-height: 0;vertical-align: middle;margin-left: 1px;}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tfoot > tr > td{ white-space: normal; }
.noLaunchpad{ text-align: center; padding-top: 40px; }
.noLaunchpad img{min-width: auto;}
/* modal */
.modal .modal-dialog{width: 350px; margin-left: auto; margin-right: auto;}
.modal .modal-content{}
.modal .modal-header{padding: 30px 30px 0px 30px;}
.modal .modal-header .modal-title{/* font-size: 24px; */}
.modal .modal-header .close{right: 20px;top: 24px;}
.modal .modal-body {padding: 20px 30px 50px 30px}
.modal .modal-body h3{ font-size: 20px; }
.modal .modal-body p{ font-size: 15px; }
.modal .modal-body .btn{ margin-bottom: 15px; width: 100%; }
.modal .modal-footer {padding: 0px 30px 20px 30px;}
.tableTitle h5,.tableTitle span{ font-size:15px; line-height:17px; }
.tableData table.table.nested-table tbody tr td{ font-size:15px; }
.formPage .table-responsive{ border:none; }
.tabForAdd .nav-tabs{ border-bottom:0; }
.tabForAdd .nav-tabs > li{ margin-bottom:0; }
.tabForAdd .nav-tabs > li > a{ vertical-align:middle; border-bottom:0; padding:5px 0; }
.nav-tabs > li.roundMobile{ margin-right:10px; }
.nav-tabs > li.roundMobile > a{ margin-right:0px; font-size:13px; display:inline-block; line-height:17px; padding:5px 18px; color:#009B72 !important; border:1px solid #EBEBEB; border-radius:30px; }
.nav-tabs > li.roundMobile:hover > a,.nav-tabs > li.roundMobile.active > a{ background-color:#009B72; border-color:#009B72; color:#FFFFFF !important; }
.tableData{ padding-top:0; }
.progressBarResult6 h1{ font-size:26px; }
.nested-table table{ border:none; margin:4px 0; }
.nested-table tr tr td:first-child, .nested-table tr tr th:first-child{ padding-left:18px; }
.topTitleSearchBar .saved-pagination{text-align: right;}
.topTitleSearchBar .navbar-form{ width:100%; margin-top: 10px;}
.topTitleSearchBar .navbar-form .input-group > .form-control{ padding: 10px 43px; background: #fff; border: solid 1px #ddd;}
.tableSectionPage7 .nav-tabs > li, .topTitleSearchBar .nav-tabs > li{ margin-right:0; }
.tableSectionPage7 .nav-tabs > li > a, .topTitleSearchBar .nav-tabs > li > a{ padding-left:18.5px; padding-right:18.5px; }
.topTitleSearchBar .agents-sr{background-color: #F8FAFB;}
.topTitleSearchBar .agents-sr .search-form{ margin-bottom: 2px; }
.graphSection .graphMain h3{ margin-top:21px; }
.dataWithGraph tr td:first-child{ width:50%; }
.mobileBottomborder{ border-bottom:1px solid rgba(0,0,0,.16); padding-top:19.5px; padding-bottom:19.5px; }
.mobiletopborder{ border-top:1px solid rgba(0,0,0,.16); }
ul.pagination{ margin-top:0; padding:10px 5px; margin-bottom:0; z-index:99;
bottom:0; display:block; position:fixed; width:100%; left:0; right:0; background-color:#ffffff; }
ul.pagination > li > a{ margin-left: 3px; margin-right: 3px; }
ul.pagination > li:first-child{ float:left; }
ul.pagination > li:last-child{ float:right; }
ul.pagination > li:first-child a{ padding-left:0; margin-right: 0px;}
ul.pagination > li:last-child a{ padding-right:0; margin-left: 0px; }
.page_clients_list ul.pagination{ bottom: 56px; }
.page-nav .btn.clients-add{ position: fixed; bottom: 0; height: 56px; margin: 0 -15px; width: 100%; border-radius: 0; line-height: 35px; }
/* clients */
.userdetails .left-section{ border:none; }
.userdetails .left-section .left-inner{padding: 20px 0;}
.userdetails .left-inner .back-to-listing {margin-bottom: 10px;}
.userdetails .left-inner .links.userlinks{margin-top: 0; text-align: center;}
.userdetails .left-inner .links.userlinks li a{ border: solid 1px #ddd; padding: 6px 25px; border-radius: 30px; margin: 0 auto; font-size: 15px; }
.userdetails .left-inner .links.userlinks li a i{ font-size: 10px; }
.userdetails .right-sidebar .sidebar-inner .panel .panel-body{padding: 15px;}
.userdetails .sidebar-inner .client-details .client-data h4 span.unactive{ display: block; margin: 5px 0 0 0; padding: 0; border: none; font-style: italic;}
.activity-wrap .timeline-wrapper{ margin-top: 30px; }
.activity-wrap .timeline-wrapper h4.timeline-title{ text-align: center; }
.activity-wrap .load-more-btn{text-align: center;}
.activity-wrap .load-more-btn a{}
.usage{margin-top: 25px;}
.usage .usage-summary{ text-align: center; }
.list-note{ padding:0; }
.import-header .content img{ margin-top: 20px; }
.filters-wrap{ padding: 10px 0 10px 0; }
.filters-wrap .search-wrap .navbar-form{ width: 100%; margin-bottom: 10px; }
.filters-wrap a.inviteClientsMob{text-align: center;font-size: 17px;font-weight: 600;margin: 10px 0 5px 0;color: #222;}
.filters-wrap a.inviteClientsMob i{position: relative;display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin-right: 10px;margin-top: -3px;}
.filters-wrap a.inviteClientsMob i:before{content: "";width: 24px;border-top: solid 1px #0D86D1;position: absolute;left: 0;top: 12px;}
.filters-wrap a.inviteClientsMob i:after{content: "";height: 24px;border-right: solid 1px #0D86D1;position: absolute;left: 12px;top: 0;}
.filters-wrap .form-group{ margin-bottom: 0; }
.clientListMobile ul li{ padding: 7px 15px; border-top: 1px solid #EFEFEF;}
.clientListMobile ul li .authorImage{ width:40px; text-align:center; vertical-align:middle;
display:inline-block; height:40px; border-radius:50%; overflow:hidden; }
.clientListMobile ul li .authorImage img{ max-height:100%; height:40px; height: 40px; object-fit: cover; line-height:40px; }
.clientListMobile ul li .authorImage span.user_pic{width: 40px; height: 40px; display: inline-block; background: #d4d4d4; line-height: 40px; text-transform: uppercase; font-weight: 600; font-size: 20px; color: #fff;}
.clientListMobile ul li .authorData{ padding-left:19px; display:inline-block; vertical-align:middle; }
.clientListMobile ul li .authorData h5{ margin-top:0; margin-bottom:0; }
.clientListMobile ul li .authorData h5 a{ font-size:16px; color:#222222; height:22px; }
.clientListMobile ul li .authorData h5 a sup{font-size: 18px; top: -3px; color: #f15f5f;}
.clientListMobile ul li .authorData p{ margin-bottom:0; margin-top: 0; color: #888; font-size: 14px;}
.clientListMobile ul li .authorData p a{ color:#969696; margin-bottom:0; height:20px; }
a.addHere { top:19.5px; position:absolute; right:19.4px; }
.clientDetail{ padding-top:18.5px; padding-bottom:15px; }
.clientPhoto{ width:76px; height:76px; margin-right:19px; text-align:center; line-height:76px; }
.clientData{ width: calc(100% - 99px); }
.clientData h2{ font-size:20px; line-height:27px; }
.add-import-wrap > .row > div{ width: inherit; }
.add-import-wrap > .row > div.sep{ float: none; width: auto; height: 100px; margin: 0 15px;}
.add-import-wrap > .row > div.sep:before{ height: 1px; width: 100%; top: 50%;}
.add-import-wrap > .row > div.sep:after{ width: 60px; text-align: center;}
.imports .map-cols >.row{ margin-bottom: 30px;}
.imports .map-cols >.row>div:first-child{ padding-right: 15px;}
.imports .map-cols >.row>div:first-child .form-group{ margin-bottom: 0;}
.imports .map-cols >.row>div:first-child input[type="text"]{}
.imports .map-cols >.row>div:first-child:after{ position: static; margin: 0 auto; width: 20px; height: 15px; background-size: 38px auto; transform: rotate(90deg);}
.imports .map-cols >.row>div:last-child{ padding-left: 15px;}
.mobileStyle.nav-tabs > li, .mobileStyle.nav-tabs > li{ margin-right:0; }
.mobileStyle.nav-tabs > li > a, .mobileStyle.nav-tabs > li > a{ padding-left:18.5px; padding-right:18.5px; }
.inline-editable th:first-child, .inline-editable td{ padding-left:0 !important; padding-right:0 !important; }
table.inline-editable .control-label{ padding-left:19px; padding-right:19px; }
table.inline-editable .form-control{height: auto; padding: 5px 18px;}
.clientFormData .table-responsive > .table > tbody > tr > td{ display:block; }
.tabParent{ overflow-x:auto; overflow-y:hidden; -ms-overflow-style: -ms-autohiding-scrollbar; width:100%; min-height: 0.01%;}
.tabParent .nav-tabs{ display:table; width:100%; }
.tabParent .nav-tabs > li{ white-space:nowrap; float:none; display:table-cell; }
.control-label{ font-size:13px; line-height:16px; }
table.inline-editable .editable{ font-size:15px; line-height:20px; padding:6px 19px 8.5px; height:auto; }
.activityTitle{ display:none; }
.monthTitle{ font-size:15px; line-height:20px; color:#0D86D1; margin-bottom:0; font-weight:600;
padding:15.5px 20px 11.5px; border-bottom:1px solid #F0F0F0; }
.activityDateBox{ padding:15px; border-bottom:1px solid #F0F0F0; margin-bottom:0; }
.activityDateBox:last-child{ margin-bottom: 20px; }
.activityDateBox h5{ font-size:15px; }
.activityData ul li:not(:first-child){ /*display:none;*/ }
.cardBox,.bottomTitle{ padding:15px 20px; }
.cardBox:first-child{ border-top:1px solid #F0F0F0; }
.cardBox,.bottomTitle{ box-shadow:none; border-bottom:1px solid #F0F0F0; width:100%; }
.bottomTitle span{ margin-left: -24px; margin-top: 14px; }
.bottomTitle span i{ color: #4ad991; vertical-align: top; }
.cardImage{ width:40px; height:40px; line-height: 37px; }
.cardImage i{ font-size: 23px; }
.cardContent { width: calc(100% - 50px); }
.sideImage,.leftContent h3 { margin-bottom:15px; }
.tableData .table-responsive > .table > tbody > tr > td{ white-space:normal; }
.progressBarResult6 h2 small,.resultTitle h5, .resultTitle span{ font-size:15px; }
.rowPadChange .container{ padding-left:28px; padding-right:28px; }
.menu2.rowPadChange .navIcon .navbar-toggle{ margin-left:28px; }
.graphParent .graphMain{ width:100%; }
/*input{ -webkit-appearance:none; }*/
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th{ background:transparent; }
#manual-fees .btn{ margin-left: auto; margin-right: auto; margin-bottom: 15px; display: block; width: 300px; }
.form-group{ margin-bottom:12px; }
.result5page .container{ padding-left:25px; padding-right:25px; }
.result5page{padding: 0 10px;}
.result5page ul.nav-tabs, .progressBarResult6.panel{ width:auto; margin-left: -25px; margin-right:-25px; padding-left:25px; padding-right:25px; border-radius:0; }
.progressBarResult6.panel{ margin-top:28px; }
.result5page h2.mTop20{ margin-top:20px; margin-bottom:4px; }
.nested-table tr > th:last-child, .nested-table tr > td:last-child{ width:25%; }
.nested-table tr > th:first-child, .nested-table tr > td:first-child{ width:75%; }
td.editing{ background-color:rgba(236,239,240,.58); }
td.editing table.inline-editable .editableform .form-control{ background:transparent; }
table.inline-editable .editableform .form-control{ padding-left:19px; padding-top:6px; }
.inline-editable > tbody > tr > td{ padding-top:11.5px; }
.graphMain, .graphParent{ padding:0; }
table.inline-editable .editableform .form-control{ background:transparent; }
/* netsheet widget */
.form-horizontal .control-label{ padding-top:7px; }
.ns-tour > img{height: 350px; object-fit: cover;}
.ns-tour .ns-tour-text{ margin-top: -100px; }
.ns-tour .ns-tour-text label{ font-size: 15px; margin-bottom: 15px }
.ns-tour .ns-tour-text h3{ font-size: 24px; }
.ns-tour .ns-tour-text p{ font-size: 18px; }
.ns-tour .ns-tour-text i.play{ font-size: 60px; }
.ns-usage{ margin-left: -15px; margin-right: -15px; border-left: none; border-right: none; padding: 20px;}
.ns-usage > .row{}
.ns-usage > .row > div:nth-child(2){ text-align: right;}
.ns-usage > .row > div:last-child{ padding-top: 20px;}
/* new tools */
.quote-header{}
.btn-group-top{ margin-top: 25px; text-align: center;}
.btn-group-top .btn{ margin-bottom: 15px;}
.btn-group-top .btn:last-child{margin-bottom: 0;}
.res-head{ margin-top: 20px; margin-left: -25px; margin-right: -25px; }
.res-head .res-head-img{min-height: 250px; height: 250px;}
.res-head.no-img{ border-top: none;}
.stn-chart .chart-stn{margin-bottom: 30px;}
.res-head .summary h3{ font-size: 12px; }
.res-head .summary ul.res-summary>li{ font-size: 12px; }
/*.res-head .summary ul.res-summary>li:nth-child(3n){ margin-right: 15px; }
.res-head .summary ul.res-summary>li:nth-child(3n):after{ content: ""; display: none; }*/
.aff-chart .border-left{ border-left: none; }
.rvb-chart-head label{font-size: 15px;}
.rvb-chart-head h1{margin: 7px 0 0 0;font-size: 20px;}
/* default costs */
.v-tab-content{ padding: 0; }
.v-tab-content header{ border-top: solid 1px #F0F0F0; margin-top: 20px;}
.v-tab .v-tab-nav ul{ margin-bottom: 25px; }
.v-tab > .row >div:first-child{border-right: none;}
.v-tab > .row >div:last-child{border-left: none; margin-left: 0; min-height: auto;}
.tabtools > .row{}
.tabtools > .row > div:first-child{margin-bottom: 15px;}
.tabtools > .row > div:last-child{text-align: left;}
.quote-header{}
.quote-header h2{}
.quote-header h2 span.editable{ max-height: none; }
.result5page .quote-header:after{}
}
/* End max-width:767px */
@media screen and (max-width:767px) {
ul.links{ margin-top:15px; }
.links li a{ border-top:1px solid #DDDDDD; display:block; }
.links li a:hover{ color:#1F3150; }
.links li a:hover:after{ display:none; }
.mobileBottomStrip{ position:fixed; z-index:99; width:100%; bottom:0; left:0; background-color:#ffffff;border-top:1px solid #F0F0F0; height:60px; }
.mobileBottomStrip ul{ margin-top:0; }
.mobileBottomStrip ul li{ width:16%; vertical-align:middle; padding:0; margin-right:-5px; }
.mobileBottomStrip ul li a:after{ display:none; }
.mobileBottomStrip ul li a i{ display:block; margin-right:0; }
.mobileBottomStrip ul li a{ padding:0; font-size:12px; border-top:0; text-align:center; }
.mobileBottomStrip ul li a.authorPopup{ width:0px; margin:0 auto; height:59px; border-radius:50%; overflow:hidden; }
}
/* End max-width:767px for media screen */
@media (max-height:700px) {
footer.footer{}
footer.footer.fixed-bttom{position: static;}
}
/* End max-width:700px */
@media (max-width:576px) {
.tableData table.table.nested-table tbody tr td:not(:first-child):not(:last-child){ padding-left: 10px; padding-right: 10px; }
.tableData table.table.nested-table > tfoot > tr > td:not(:first-child):not(:last-child){ padding-left: 10px; padding-right: 10px; }
}
.estimate-shadow{ box-shadow:0px 0px 20px 7px #dddddd66; border-radius: 7px;}
.estimate-date{
color: #309BDE;
display: block;
margin-bottom: -20px;
}
.estimate{
background-color: #A6B2C6;
padding: 5px;
padding-left: 15px;
font-size: 15px;
font-weight: 400;
color: #1a3152;
margin-bottom: 0px !important;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.estimate-body{
padding: 10px;
padding-left: 15px;
background-color: #FFFFFF;
border: 1px solid #dddddd66;
border-top: none;
/*color: #1a3152;*/
margin-top: 0px;
margin-bottom: 12px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.note{
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-color: #f4a290;
padding: 2px;
padding-left: 15px;
font-size: 15px;
font-weight: 400;
color: #1a3152;
margin-bottom: 0px;
}
.note-body{
padding: 10px;
padding-left: 15px;
background-color: #fef9ed;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border: 1px solid #f7ecd4;
border-top: none;
color: #1a3152;
margin-top: 0px;
}
.inputDollar {
border: none;
background: none;
}
.blackArrow {
color: #222222 !important;
}
/* IE 10+ Hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.rightTop.panel .repImg{ padding: 43px; background-position: center; background-size: cover; }
.clientPhoto img{ padding: 52px; background-position: center; background-size: cover; }
#topbar .navbar-inverse ul.dropdown-menu.profile .userinfo .profilePic img{ padding: 27px; background-position: center; background-size: cover; }
}
/* Print Style */
@media print {
a[href]::after {
content: none !important;
}
.mobileBottomStrip ul li a.authorPopup{ display: none; }
.quote-header h2.mobileDisplayNone{ display: block !important; }
}
/* Range slider styling */
.range-slider { margin-left: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.range-slider-control { padding-left: 0; padding-right: 0; width: 80%; z-index: 10; }
.range-slider-value { padding-right: 20px; width: 15%; text-align: center; }
.grey-out{
background-color: #eeeeee;
opacity: 1;
}
.disabled-by-customFields {
background: #FAFAFA !important;
}
.disabled-by-customFields:disabled {
background: #efefef !important;
pointer-events: none;
}
.disabled-icon-by-customFields {
background: #efefef !important;
}
.custom-field-text {
width: 49%;
display: inline-block;
vertical-align: text-top;
}
/* In App Notification */
.in-app-notification { position: relative; background-color: #E5EFFA; border: 1px solid #ABCDF1; border-radius: 8px; padding: 16px; width: 100%; max-width: 1170px; margin: auto; display: flex; flex-direction: row; gap: 24px; }
.in-app-notification .content { display: flex; flex-direction: column; gap: 8px; margin-right: 42px; }
.in-app-notification .content h1 { margin-bottom: 0; margin-top: 0; font-weight: 600; font-size: 16px; line-height: 19px; color: #000000; }
.in-app-notification .content p { margin-bottom: 0; margin-top: 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #595959; }
.in-app-notification .content p a,
.in-app-notification .content p span { display: inline-block; color: #304A97; font-weight: 600; text-underline-offset: 2px; text-decoration: underline; cursor: pointer; }
.in-app-notification .info-icon { height: fit-content; }
.in-app-notification .info-icon svg { width: 24px; height: 24px; }
.in-app-notification .close-icon { position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; line-height: 10px; font-size: 10px; cursor: pointer; }
.in-app-notification .close-icon:hover { transform: scale(1.2); }
.widget-code {
display: inline-block;
/* max-width: 250px; */
padding: 10px;
background: #F9F9F9;
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
word-break: break-all; /* optional */
}
.copy-button {
background: #FFFFFF;
height: 26px;
width: 54px;
left: 530px;
top: 106px;
border: 1px solid #E7E7E9;
border-radius: 4px;
padding: 8px, 12px, 8px, 12px;
float: right;
}
.copied-button {
border-color: #28ca40;
color: #28ca40;
height: 26px;
width: 54px;
left: 530px;
top: 106px;
border: 1px solid #E7E7E9;
border-radius: 4px;
padding: 8px, 12px, 8px, 12px;
float: right;
}