@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* comman style
----------------------*/
html, body{height:100%;}
body{margin:0;padding:0;background-color: #F1F6FB; font-family: 'Roboto', sans-serif; font-size:14px;color:#333333;scroll-behavior:smooth;overflow-x:hidden;font-weight:400;}
a{text-decoration:none;color:#000000;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;}
a:hover{color:#666666;text-decoration:none;}
a:focus{outline:none;text-decoration:none;}
:focus{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;color:#000000;padding:0;line-height:1.2; font-family: 'Roboto', sans-serif; text-transform:none;font-weight:700;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;font-size:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
small{display:block;margin-top:4px;}
p{margin:0 0 20px 0;line-height:28px;}
ul, ol{margin:0;}
strong, b{font-weight:500;}
button{transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;}
/* comman form filed style -----------------------------*/
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="submit"], input[type="password"],input[type="hidden"]{-moz-appearance:none;-webkit-appearance:none;border-radius:6px; font-size: 14px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="submit"]:focus, input[type="password"]:focus, input[type="hidden"]:focus{outline:none;}
textarea{-moz-appearance:none;-webkit-appearance:none; font-family: 'Roboto', sans-serif; border-radius:6px;}
select{-moz-appearance:none;-webkit-appearance:none;background-color:#ffffff;background-image:url(../images/select-arrow.png);background-repeat:no-repeat;background-position:right center;border-radius:6px; border: 1px solid rgba(0,0,0,0.12); 
font-family: 'Roboto', sans-serif; color:rgba(0,0,0,0.8);}
textarea:focus, select:focus{outline:none;}
input:disabled, select:disabled{color:#ffffff !important;opacity:1;}
label{font-weight:500;margin-bottom:5px;}
input[type="submit"]{background-color:#909bd1; border-color:transparent;padding:7px 20px;color:#fff;font-weight:500;font-size:15px;line-height:normal;width:auto;cursor:pointer;border-radius:5px;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
input[type="submit"]:hover{background-color:#212f72; color: #fff;}
.form-group{margin-bottom:25px;}
.form-control{height:auto;padding:10px 15px; font-size: 14px; border:1px solid rgba(0,0,0,0.12); color: rgba(0,0,0,0.8); box-shadow:none;border-radius:6px;height:auto;font-weight:400;}
.form-control:focus{box-shadow:0 2px 5px -2px rgba(0,0,0,0.15);border-color:rgba(0,0,0,0.20);}
 textarea.form-control{height:120px;resize:none;}
 /* sticky header========================*/
@keyframes fadeIn{from{opacity:0;}
 to{opacity:1;}
}
.fadeIn{animation-name:fadeIn;}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);}
 to{opacity:1;transform:none;}
}
.fadeInDown{animation-name:fadeInDown;}
.sticky{position:absolute !important;width:100%;top:0px;z-index:999;background-color:transparent !important;}
.sticking{position:fixed !important;width:100%;z-index:11;box-shadow:0px 2px 15px rgba(0,0,0,0.15);animation:fadeInDown 0.6s ease-in-out;-webkit-animation:fadeInDown 0.6s ease-in-out;z-index:9999;background-color:transparent !important;background:rgba(255,255,255,0.5) !important;}
 /*------home-slider-end-------*/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after, #cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:auto;line-height:1;}
#cssmenu > ul > li{float:none;display:inline-block;margin-right:35px;}
#cssmenu > ul > li:first-child{margin-left:0px;}
#cssmenu > ul > li:last-child{margin-right:0px;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{float:left;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li > a{padding:25px 0px 25px 0px;font-size:16px; font-family: 'Roboto', sans-serif; font-weight:normal;text-decoration:none;color:#00a5e7;letter-spacing:0;border-bottom:4px solid transparent;display:inline-block;vertical-align:middle;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;}
#cssmenu > ul > li:after{content:none;display:inline-block;width:1px;height:18px;background-color:#d7d7d7;margin:0 18px 0 20px;vertical-align:middle;}
#cssmenu > ul > li:hover > a{color:#000000;}
#cssmenu > ul > li.active > a{position:relative;color:#01185b;border-bottom-color:#01185b;}
#cssmenu > ul > li:last-child:after{content:none;}
/*#cssmenu > ul > li.has-sub > a{padding-right:20px;}
*/
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:15px;right:2px;width:10px;height:10px;font-family:fontawesome;content:"\f107";-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;display:none;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#009ae1;}
#cssmenu ul ul{position:absolute;left:-9999px;z-index:9;border-radius:0px;background-color:rgba(255,255,255,0.95);text-align:left;box-shadow:0px 10px 15px -10px rgba(0,0,0,0.50);opacity:0;}
#cssmenu li:hover > ul{left:auto;opacity:1;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;background-color:#2e251d;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
#cssmenu ul ul li:last-child{border-bottom:0px dashed transparent;}
#cssmenu ul li:hover > ul > li{height:auto;}
#cssmenu ul ul li a{padding:12px 15px;line-height:18px;font-size:16px;width:220px;text-decoration:none;color:#000000;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;border-bottom:1px solid #d5d5d5;}
#cssmenu ul ul li:last-child a{border-bottom:none}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover, #cssmenu ul ul li.active a{color:#ffffff;background:#333333;}
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:6px;height:6px;content:"\f105";font-family:fontawesome;-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #000000;border-left:1px solid #000000;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#000000;}
#cssmenu ul ul ul li{border-bottom:1px dashed #4e4e4e;}
#cssmenu ul ul ul li a{padding:12px 15px;}
#cssmenu > ul > li.contactlinkmobile{display:none;}
 @media all and (max-width:1024px){#cssmenu{width:100%;}
 #cssmenu ul{width:100%;display:none;}
 #cssmenu.align-center > ul, #cssmenu.align-right ul ul{text-align:left;}
 #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li{width:100%;height:auto;border-bottom:1px solid rgba(255, 255, 255, 0.20);}
 #cssmenu ul li a, #cssmenu ul ul li a{width:100%;}
 #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li{float:none;display:block;}
 #cssmenu ul ul li a{padding:10px 15px;font-size:14px;color:#000000;background:none;}
 #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color:#ffffff;}
 #cssmenu ul ul ul li a{padding-left:40px;}
 #cssmenu ul ul, #cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
 #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after{display:none;}
 #menu-line{display:none;}
 #cssmenu #menu-button{display:inline-block;padding:0px;color:#000000;cursor:pointer;font-size:12px;position:absolute;top:38px;right:15px;width:25px;height:25px;}
 #cssmenu #menu-button::after{content:'';position:absolute;top:34px;left:15px;display:block;width:20px;height:3px;background:#0091ce;transition:all 0.5s ease-in-out 0s;border-radius:1px;}
 #cssmenu #menu-button::before{content:"";position:absolute;top:16px;left:15px;display:block;width:25px;height:12px;border-top:3px solid #0091ce;border-bottom:3px solid #0091ce;transition:all 0.5s ease-in-out 0s;border-radius:1px;}
 #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255, 255, 255, 0.20);height:46px;width:46px;cursor:pointer;}
 #cssmenu .submenu-button::after{content:'';position:absolute;top:16px;left:22px;display:block;width:2px;height:12px;background:#ffffff;z-index:99;}
 #cssmenu .submenu-button::before{content:'';position:absolute;left:17px;top:21px;display:block;width:12px;height:2px;background:#ffffff;z-index:99;}
 #cssmenu .submenu-button.submenu-opened:after{display:none;}
}
.menu-overlay{position:fixed;height:100%;width:100%;left:0;top:0;background:#000000;opacity:0;visibility:hidden;overflow:hidden;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
.menu-overlay.show-overlay{opacity:0.90;visibility:visible;z-index:11;}
.overflowhidden{overflow:hidden;height:100%;max-height:100%;min-height:100%;}
.mainwrapper{overflow:hidden;}
/*--------------*/
.show-overlay{width:100%;height:100%;z-index:999;top:0;left:0;position:fixed;background:rgba(0, 0, 0, 0.7);overflow:hidden;}
.overflowhidden{overflow:hidden;/*position:relative;*/
 position:fixed;width:100%;height:100%;}
/*------common------*/
/*---- header ----*/
.header{border-bottom:1px solid #c8c9c7;}
.hdrtop{border-bottom:1px solid #ecedee;padding:10px 0;}
.hdrtop .row{align-items:center;}
.brandlogo{text-align:center;}
.hdrbtm .row{align-items:center;}
.tprightnav{display:flex;justify-content:flex-end;}
.tprightnav ul{margin:0;padding:0;list-style:none;font-size:16px;}
.tprightnav ul li{display:inline-block;margin-left:30px;}
.tprightnav ul li a{color:#006fcf;}
.tprightnav ul li a:hover{color:#000000;}
.tpsrcbx{position:relative;}
.tpsrcbx:before{content:"\f002";font-family:fontawesome;color:#999999;position:absolute;left:20px;top:12px;}
.tpsrcbx input{border:1px solid #cccccc;border-radius:30px;width:100%;max-width:240px;padding:10px 15px 10px 40px;color:#666666;font-size:16px;}
.tpusr{display:flex;justify-content:flex-end;}
.tpusrbx{display:inline-block;padding:15px 20px;border-radius:5px;border:1px solid #c8c9c7;color:#212f72;font-weight:700;}
.middlesection{/*background-color:#ecedee;padding:30px 0 30px;*/}
.whtbx{background-color:#ffffff;padding:30px;box-shadow:0 4px 11px rgba(0,0,0,0.12);margin-bottom:60px; border-radius: 8px; }
.secheading{/*background-color:#212f72; margin:-15px -20px 0; */ padding:0px;text-align:center;}
.secheading h3{color:#202022;margin:0;padding:0; font-size: 30px; font-weight: 500; }
.clntovr-lstng{margin-top:10px;}
.clntovrtitle{font-size: 30px; font-weight: 500;margin-bottom: 0; text-align: center; color: #202022;}
.jamietitle { background: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.1);font-size: 50px;font-weight: 400;text-align: center;color: #212f72;padding: 20px;margin: 0 auto 30px; border-radius: 10px;}
.clntovrbx{border-radius:10px;text-align:left;padding:15px;background:#212f72;color:#fff;}
.clnovrtitle{margin-bottom:0;padding-bottom:0;font-size:18px;line-height:1.3;margin:0;font-weight:400;}
.clntovrnmbr{font-size:36px;font-weight:400;line-height:1;padding:0;}
.clntovr-lstng .col-lg-2{max-width:19%;flex:0 0 19%}
.clntovr-lstng .col-lg-4{max-width:24%;flex:0 0 24%}
.mtb-15{margin:15px 0;}
.shwicnmbl{display:none;}
.shwmblmenu{display:none !important;}
/*------- footer ------*/
.footer{padding:30px 0 50px;background-color:#ffffff;font-size:16px;}
.latloginfo{margin-bottom:25px;}
.latloginfo strong{color:#000000;}
.ftrNav{margin-bottom:25px;}
.ftrNav ul{margin:0;padding:0;list-style:none;}
.ftrNav ul li{display:inline-block;margin:3px 0;}
.ftrNav ul li a{color:#006fd8;}
.ftrNav ul li a:hover{color:#000000;}
.ftrNav ul li:after{content:"";display:inline-block;margin:0 5px 0 8px;width:1px;height:18px;vertical-align:middle;background-color:#d3d3d3;}
.copyright a{color:#006fd8;}
.copyright a:hover{color:#000000;}
/*---- Client page -----*/
.pt20{padding-top:20px;}
.pt0{padding-top:0;}
.clnt-sbnav{display:flex;align-items:flex-start;}
.clnt-sbnav ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;border:none;flex:1;}
.clnt-sbnav ul li{margin:5px 10px 5px 0;}
.clnt-sbnav ul li:last-child{margin-right:0px;}
.clnt-sbnav ul li a, .clnt-sbnav .nav-tabs .nav-link{background-color:#fff;border:1px solid #dbdde3;border-radius:5px;color:#66687C;font-size:15px;padding:7px 14px;text-transform:uppercase;display:inline-block; line-height: normal;}
.clnt-sbnav ul li a:hover, .clnt-sbnav ul li.active a,.clnt-sbnav .nav-tabs .nav-link:hover, .clnt-sbnav .nav-tabs .nav-item.show .nav-link, .clnt-sbnav .nav-tabs .nav-link.active{background-color: #f5f6f8; color: #66687C;}
.cstmTable{width:100%;}
.cstmTable th, .cstmTable td{padding:12px 15px;}
.cstmTable th{color:#2A2F4B;font-size:16px; border-bottom:1px solid #EBEBED; font-weight: 700; }
.cstmTable thead{background-color:transparent; border-radius:5px }
.cstmTable td{color:#666678;font-size:15px; border-bottom:1px solid #EBEBED; vertical-align: middle;}
.invoiceajaxresponsdata h6{margin-bottom: 10px;}
.cstmTable tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.cstmTable tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.tab-content{margin-top:30px;}
.vwclntbtn{font-size:14px;display:inline-block;border-radius:5px;padding:8px 10px 8px;background-color:#ffffff;line-height:1;border:1px solid #CFD1DA;color:#777FA5; text-align: center; margin-bottom: 5px;}
.vwclntbtn:hover{background-color:#212f72;color:#ffffff;border-color:#212f72;}
.act-td{text-align:right;}
.textcenter{text-align:center;width:340px}
table.bt thead, table.bt tbody th{display:none;}
.tdflterslcr{border:none;padding:8px 30px 8px 10px;width:160px;line-height:1;margin-left:5px;}
.greenbtn{background-color:#22b14c;color:#ffffff;border-color:#22b14c;}
/*---- notes -----*/
.clntsvnav-rgt{display:flex;justify-content:flex-end;margin-top:5px;}
.editclntbtn a{background-color:#909bd1;border:none;border-radius:5px;color:#fff;font-size:14px;padding:7px 10px;font-weight:500;display:inline-block;}
.editclntbtn a:hover, .editclntbtn.active a{background-color:#212f72;color:#ffffff;}
.clntsbmenu ul li a{text-transform:none;font-size:15px;padding:7px 15px;font-weight:500;}
.clntsbpagearea{margin-top:10px;}
.clntsbpg-smy{background-color:#f5f6fa;margin:0 -20px;padding:15px 0;}
.clntsmr-wrap .row{margin:0 -10px;}
.clntsmr-wrap{padding:5px 20px;}
.clntsmr-wrap .col-xl-2{padding:0 10px;margin:15px 0;}
.clntsmry-bx{background-color:#ffffff;padding:15px;box-shadow:0 2px 3px -3px rgba(0,0,0,0.1);}
.smrbx-title{color:#3a3c4b;font-size:14px;font-weight:500;margin-bottom:5px;}
.smrbx-nmbr{color:#212f72;font-size:16px;font-weight:700;}
.clntsmrgrph{padding:20px 0;}
.textleft{text-align:left;}
.notes-item{margin-bottom:30px;   background-color: #ffffff; }
.notesmsg{color:#212529; border: 1px solid #00a5e7; /*box-shadow: 0 5px 10px -3px rgba(0,0,0,0.10);*/ padding: 20px; border-radius: 5px;  margin-bottom:15px; font-size: 16px; position: relative; background-color: #f5fdff;} 
.notesmsg:after{content: "\f0d7"; font-family: fontawesome; position: absolute; bottom: -25px; font-size: 28px; left: 20px; color: #00a5e7;}
.notetime{color:#252525; padding-left: 10px;}
.clntsbmenu{margin-bottom:30px;}
.noteschat{margin:0 -20px;padding:20px 40px;}
.noteschat select.form-control{max-width:280px;}
.noteschat .row{align-items:center;}
.msdbtnwrap{display:flex;align-items:center;margin:0 -20px;}
.txtareawrap{flex:1;max-width:100%;padding:0 20px;}
.addsubntn{padding:0 20px;}
/*---- leads ------*/
.sbsecheading{padding-bottom:15px;border-bottom:1px solid #cccccc;display:flex;align-items:center;margin-bottom:20px;}
.sbsecheading h2{margin-bottom:0px;color:#000000;font-weight:400;}
.sbseched-rgt{display:flex;justify-content:flex-end;flex:1;max-width:100%;}
.sbsechd-srch{position:relative;width:100%;max-width:200px;margin-right:25px;}
.sbsechd-srch:before{content:"\f002";font-family:fontawesome;color:#999999;position:absolute;left:10px;top:10px;}
.sbsechd-srch input{border:1px solid #dcdcdc;border-radius:5px;width:100%;padding:7px 10px 7px 30px;color:#666666;font-size:16px;}
.sbsechd-sort{width:100%;max-width:200px;padding:7px 10px 7px 10px;/*margin-right:25px;*/color:#666666;border:1px solid #dcdcdc;border-radius:5px;display:flex;align-items:center;}
.sbsechd-sort select{border:none;margin-left:5px;width:70%; cursor: pointer; flex: 1;}
.nwbtn a{text-align: right;text-transform: uppercase;padding: 7px 10px;font-weight: 500;display: inline-block;border:none;border-radius: 5px;color: #fff;font-size: 14px;background-color:#909bd1;}
.nwbtn a::before {content:'\f067';font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: inherit;margin-right: 10px;}
.nwbtn a:hover{background-color:#212f72;color:#fff;}
.sts-td{text-align:center;}
.statusbx{display:inline-block;width:120px;font-size:14px;text-align:center;padding:6px 10px;border-radius:6px;color:#ffffff;}
.sold-st{background-color:#8bd6c1;}
.ntby-st{background-color:#e7abab;}
.spam-st{background-color:#deca5b;}
.pending-st{background-color:#5897bf;}
.leadlikewrap{margin-top:30px;margin-bottom:10px;text-align:right;}
.likebx{color:#000000;font-weight:700;}
.likebx .fa{margin-left:3px;}
/*--- billing ----*/
.billingwrap .row{margin:0 -10px;}
.billingwrap .col-lg-4{padding:0 10px;}
.bilingbx{border-bottom:1px solid #d8d9da;padding-bottom:15px;text-align:center;}
.bilingbxtitle{margin-bottom:5px;color:#180000;font-weight:500;}
.bilingbxamout{font-size:36px;color:#000000;font-weight:300;}
.infocircle{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-left:5px;border-radius:100%;border:1px solid #afafaf;display:inline-flex;align-items:center;justify-content:center;}
.infocircle:before{content:"i";position:absolute;color:#afafaf;font-size:12px;}
.billingbtm{border-top:1px solid #e8e9ea;padding:20px 15px 5px;margin-top:15px;}
.blingbtmbtn a{display:block;padding:10px 15px;line-height:32px;text-align:center;color:#ffffff;border-radius:5px;height:52px; font-size:16px; font-weight: 500;}
.editbilingbtn a{background-color:#ea5e00;}
.cnclbilingbtn a{background-color:#c30021;}
.blingbtmbtn a:hover{background-color:#000000;}
.blng-invc-wrap{margin-top:40px;}
.nobtmbrder{border-bottom:none;padding-bottom:0px;}
.creatinvoicebtn a{font-size:18px;color:#212f72;border:1px solid #dcdcdc;padding:8px 20px;border-radius:5px;display:inline-block;}
.creatinvoicebtn a:hover{background-color:#212f72;color:#ffffff;}
.removebtn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center; /*border:1px solid #ed1c24;border-radius: 5px;*/}
.removebtn img{max-width:24px;}
.blnginv-acttd{width:170px;text-align:left;}
.removetd{width:40px;}
.blinvoictable h6{text-transform:uppercase;margin-bottom:4px;font-weight:500;}
.blinvoictable small{display:block;font-size:14px;color:#999999;text-transform:none;}
.paidbtn{background-color:#909bd1;color:#ffffff; border:none;}
.paidbtn.unpaidbtn{background-color:#fff;color:#ff0000; padding-left: 8px; padding-right: 8px; border-color: red; pointer-events: none;}
.billingdetail{margin-top:70px;}
.billingdetailtable td{vertical-align:top}
.crddtltd .bt-content{display:flex;align-items:flex-start;}
.crddtltd img{max-width:50px;margin-right:15px;}
.carddtl{display:flex;flex-direction:column;color:#222f72;}
.crdadrstd{text-align:right;width:320px;}
.crdadrstd p{text-align:left;line-height:1.3;}
.cardedtbtn{text-align:right;text-transform:uppercase;padding:3px 20px;font-weight:500;display:inline-block;border:1px solid #222f72;border-radius: 6px;color:#222f72;}
.cardedtbtn:hover{background-color:#222f72;color:#ffffff;}
.cardedtbtn::before{content: '\f040';font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color:inherit;margin-right: 10px;}
.cardedtbtnview::before{content: '\f06e';}
/*------ Notifications ------*/
.notiitem{margin-bottom:60px;}
.notiact-td{width:300px;}
.notiact-td .vwclntbtn{min-width:120px;text-align:center;}
/*---- Edit client -----*/
.edtclntwrap .form-control{/*border-radius:0px;border-color:#212f72;*/}
label{font-weight:400;color:rgba(0,0,0,0.8);margin-bottom:8px; font-size: 13px; opacity: 0.6}
.formblock{padding:20px;border-radius:10px;border:1px solid #dcdcdc;margin-bottom:50px;}
.statusblock{max-width:480px;margin-left:auto;margin-right:auto;}
.inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
.inputfile + label{max-width:100%;display:block;text-align:center;font-size:16px;text-transform:uppercase;border:1px solid #dcdcdc;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;padding:10px 15px; border-radius: 5px; color: #495057; }
.inputfile:focus + label,.inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px;}
.formeditbtn{text-align:right;margin-top:10px;}
.formeditbtn a{text-align:right;text-transform:uppercase;padding:3px 10px;font-size:18px;font-weight:500;background-color:#222f72;color:#ffffff;display:inline-block;border:1px solid #222f72;}
.formeditbtn a:hover{background-color:#000000;border-color:#000000;color:#ffffff;}
.formblockmain h3{font-weight:400;color:#212f72;}
.formblockmain{padding:0 50px}
.datepicker{width:240px;font-size:14px;}
input.datepicker{width:100%;}
/*------ customer csss -------*/
.tpphonewrap{color:#3387c1;font-size:16px;}
.tpphonewrap:before{content:none;}
.tpphonewrap img{margin-right:5px;}
.tpphonewrap a{color:inherit;}
.tpphonewrap a:hover{color:#000000;}
.custusr .tpusrbx{padding:5px 10px;}
.custusr .tpusrbx img{max-height: 39px;}
/*---- customer summary ------*/
.ctmr-smrwrap{margin-bottom:30px;}
.ctmr-smrwrap .row{margin:0 -10px;}
.ctmr-smrwrap .col-lg-4{padding:0 10px;}
.ctmr-smrbx{padding:30px 20px;background-color:#ffffff;box-shadow:0px 3px 5px -5px rgba(0,0,0,0.1);text-align:center;;}
.ctmrsmrtitle{margin-bottom:8px;color:#180000;font-weight:500;font-size:16px;}
.ctmrsmramount{font-size:36px;color:#000000;font-weight:300;}
.ctmrsmrbtm{border-top:1px solid #ecedee;padding:30px 30px 0;margin:20px -20px 0;}
.ctmtbtmbtn{display:block;padding:15px 15px;color:#ffffff;border-radius:5px;font-weight:500;font-size:16px;}
.greenbtn{background-color:#43a34c;}
.bluebtn{background-color:#006fcf;}
.redbtn{background-color:#c30021;}
.orangebtn{background-color:#ea5e00;}
.ctmtbtmbtn:hover{background-color:#000000;color:#ffffff;}
/*---- invite section ------*/
.invitesec{border-top:4px solid #006fcf;padding:30px 20px;background-color:#ffffff;}
.invitesec .row{align-items:center;}
.invitemsg h3{font-weight:300;font-size:24px;margin-bottom:3px;}
.invitemsg p{margin-bottom:0px;font-weight:300;font-size:16px;}
.invitebtn a{display:block;background-color:#006fcf;padding:12px 15px;text-align:center;font-size:16px;font-weight:500;border-radius:5px;color:#ffffff;}
.invitebtn a:hover{background-color:#000000;}
.mt-10{margin-top:10px;}
.graphtitle{font-weight:700;text-align:center;margin-bottom:20px;color:#000000;font-size:16px;}
.graphselect{padding:20px 0;display:flex;justify-content:flex-end;}
.graphselect.pt0 { padding-top: 0; }
/*the container must be positioned relative:*/
.selct-dropdown{position:relative;width:200px;}
.selct-dropdown select{display:none;}
.select-selected{background-color:#ffffff;padding:15px;}
/*style the arrow inside the select element:*/
.select-selected:after{position:absolute;content:"\f107";line-height:1;font-family:fontawesome;font-size:21px;color:#222f72;top:10px;right:14px;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after{content:"\f106";}
/*style the items (options), including the selected item:*/
.select-selected{color:#222f72;background-color:#ffffff;font-weight:500;border:1px solid #222f72;font-size:15px;padding:8px 15px;border-radius:5px;cursor:pointer;user-select:none;}
.select-items div{font-weight:400;font-size:16px;padding:6px 15px;color:#666666;cursor:pointer;position:relative;}
/*style items (options):*/
.select-items{position:absolute;border-radius:0px 0px 5px 5px;background-color:#f7f8fc;border:1px solid #d5d5d5;top:100%;left:0;right:0;z-index:99;}
/*hide the items when the select box is closed:*/
.select-hide{display:none;}
.select-items div:hover, div.same-as-selected{color:#222f72;}
div.same-as-selected{font-weight:500;background-color:#e5e7f1;}
div.same-as-selected:after{content:"\f00c";font-family:fontawesome;color:#222f72;position:absolute;right:10px;top:8px;font-size:14px;}
.reportlistitem{margin-bottom:70px;}
.rprtitemtitle{background-color:#222f72;color:#ffffff;border-radius:5px;padding:10px 15px;font-weight:700;font-size:16px;}
.graphdateselct{padding:20px 0;display:flex;justify-content:flex-end;}
.time-customradio input[type="radio"]{left:-99999px;position:absolute;}
.time-customradio label{position:relative;padding:8px 15px;font-weight:500;cursor:pointer;line-height:16px;display:block;text-align:center;font-size:14px;color:#222e72;border:1px solid #222e72;border-left:none;}
.time-customradio:first-child label{border-left:1px solid #222e72;}
.time-customradio [type="radio"]:checked + label{background:#222e72;color:#ffffff;}
.shwfltinmbl{display:none;}
.shwfltinmbl{text-align:left;padding:5px 10px;border:1px solid #222e72;border-radius:6px;width:240px;font-weight:500;margin:0 0 20px auto;}

/*---- datepicker css ----*/
.datepicker{top:0;left:0;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; z-index: 999999999 !important;}
.datepicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:6px;}
.datepicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:7px;}
.datepicker > div{display:none;}
.datepicker table{width:100%;margin:0;}
.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.datepicker td.day:hover{background:#eeeeee;cursor:pointer;}
.datepicker td.day.disabled{color:#eeeeee;}
.datepicker td.old,.datepicker td.new{color:#999999;}
.datepicker td.active,.datepicker td.active:hover{color:#ffffff;background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;/* Darken IE7 buttons by default so they stand out more given they won't have borders */
 filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:focus,.datepicker td.active:hover:focus,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active{background-color:#003399 \9;}
.datepicker td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.datepicker td span:hover{background:#eeeeee;}
.datepicker td span.active{color:#ffffff;background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;/* Darken IE7 buttons by default so they stand out more given they won't have borders */
 filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.datepicker td span.active:hover,.datepicker td span.active:focus,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.datepicker td span.active:active,.datepicker td span.active.active{background-color:#003399 \9;}
.datepicker td span.old{color:#999999;}
.datepicker th.switch{width:145px;}
.datepicker th.next,.datepicker th.prev{font-size:21px;}
.datepicker thead tr:first-child th{cursor:pointer;}
.datepicker thead tr:first-child th:hover{background:#eeeeee;}
.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px;}

.chartwrap{width:100%; height: 520px;}
.chartwraptop{height: auto;}
.snglitemchart{height: 100px;}

/*----- signup ------*/
.signupbody{background-color: #f4f4f6; color: #000000;}
.signupwrap{max-width: 900px; padding: 15px; margin: 0 auto;}
.needhrlpwrap{text-align: center;margin-bottom: 50px;}
.signuplogo{text-align: center; margin-bottom: 40px; margin-top: 20px;}
.signuplogo img{max-width: 240px;}
.signupform{background-color: #ffffff; padding: 30px; box-shadow: 0 5px 15px -2px rgba(0,0,0,0.04);max-width: 570px;margin: 0 auto;}
.needhrlpwrap h2{display: inline-block; font-weight: 400; margin-bottom: 15px;}
.needhrlpwrap p{line-height: 1.5; margin-bottom: 15px;font-size: 24px}
.helptel{color: #212e72; font-size: 32px; font-weight: 300; }
.helptel a{color: inherit;}
.signupform label{display: inline-block; min-width: 120px;}
.signupform .form-group{display: flex;align-items: center;}
.signupform .form-group.signupsubmit{margin-bottom: 0;}
.signupform .form-control{font-size: 14px; padding: 10px;}
.signupform label{color: #000000;margin: 0;}
.signupsubmit{text-align: center;}
.signupsubmit input[type="submit"]{background-color:#000000;margin:0 auto;display:block;border-radius:5px;color:#ffffff;font-weight:700;font-size:18px;min-width:240px;text-align:center;}
.signupsubmit input[type="submit"]:hover{background-color:#212e72; }
.signupform .signupsubmit{display: inherit;}
.signupsubmit  p{line-height: 1.5;}
.signupsubmit  p a{color: #00a5e7;}
.signupsubmit  p a:hover{color: #000000;}

.planrdwrap{display: flex; flex-wrap: wrap;}
.planrditem{margin-right: 3px;}
.planrditem input[type="radio"]{left:-99999px;position:absolute;}
.planrditem label{position:relative;padding:5px 3px; min-width: inherit; font-weight:400; min-width: 60px; border-radius: 5px; cursor:pointer;line-height:16px;text-align:center;font-size:11px; text-transform: uppercase; color:#c3c3c3;border:1px solid #c3c3c3; margin-bottom: 0px;}
.planrditem [type="radio"]:checked + label{border:1px solid #10b67b; color:#10b67b; background-color: #f8fdfb; font-size: 12px; font-weight: 500;}
.signupform .nobrdgrp{border-bottom:none; margin-bottom: 0; padding-bottom: 0px;}
.planinfo{margin-bottom: 20px; font-size: 16px; text-align: right; width: 100%; color: #888888;}
	.planinfo strong{color: #000000;}

.paymntwrap{display: flex; flex-wrap: wrap; margin: 0 -15px; flex: 1;}
.pytmrditem{padding: 0 15px; max-width: 50%; flex:0 0 50%;}
.pytmrditem label{text-transform: none; min-width: inherit;}
.pytmrditem strong{font-size: 13px; color: #000000; font-weight: 700; display: block; margin-bottom: 10px;}
.pytmrditem ul{margin: 0; padding: 0; list-style: none; text-transform: none;}
.pytmrditem ul li{position: relative; padding-left: 10px; font-size: 11px; line-height: 1.2; margin-bottom: 3px;}
.pytmrditem ul li:before{content: ""; width: 3px; height: 3px; border-radius:100%;background-color:#333333;  position: absolute; left: 0; top: 6px;}
.pytmrditem input[type="radio"]{left:-99999px;position:absolute;}
.pytmrditem label{position:relative;padding:15px; min-height: 90px;  font-weight:400; min-width:100%; border-radius: 5px; cursor:pointer;line-height:16px;font-size:11px; text-transform: uppercase; color:#4c4c4c;border:2px solid #e5e5e5; margin-bottom: 0px;}
.pytmrditem [type="radio"]:checked + label{border-color:#10b67b; background-color: #f5fcf9;}
.pytmrditem [type="radio"]:checked + label:before{content: '\f00c'; font-family:fontawesome; width: 26px; height: 26px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; background-color: #3cbb91; color: #ffffff; position: absolute; left:-13px; top: -13px; box-shadow: 0px 0px 2px rgba(0,0,0,0.50);}

.cardnmbrdtl{display: flex; margin: 0 -15px;}
.cardinput {max-width: 100%; padding: 0 15px;}
.expiry{display: flex; align-items: center;}
.expiry .form-control{margin-right: 10px; width: 60px;}
.expiry .form-control:last-child{margin-left: 10px;}
.cvc .form-control{width: 70px;}

/*---- login ---*/
.loginmain{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;position: relative;background-color: #000;}
.loginmain::before { content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/login-background.jpg);background-position: center center;background-repeat: no-repeat; background-size: cover; z-index: 0;opacity: .35;z-index: 0; }
.loginwrap{max-width: 420px; width: 90%; margin: 0 auto; background-color: #ffffff; border-radius: 5px; padding: 30px; box-shadow: 0 0px 5px rgba(0,0,0,0.05);z-index: 1;}
.loginlogo{text-align: center; margin-bottom: 40px; padding: 0 30px;}
.loginlogo img{max-width: 300px;}
.loginformwrap label{font-size: 16px;}
.checkrow label{font-weight: 400; color: #000000;}
.checkboxin{margin-right: 5px; width: auto; margin-top: 3px;}
.loginsubbtn{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #f0f0f0; padding-top: 20px; margin-top:20px; margin-bottom: 0px; }
.loginsubbtn input[type="submit"]{border-radius: 5px;}
.registerbtn a { color: #212e71; }
.registerbtn a:hover { color: #000; }
.frgpswrd a{color: #212e71;}
.frgpswrd a:hover{color: #000;}


/*---12-12-2020---*/
.whitebg {background-color: #fff;}
.accheader {display: flex; justify-content: center; align-items: center; position: relative;}
.acc-middlesection {padding: 30px 0 30px;  }
.headershadow {-webkit-box-shadow: 0 5px 40px rgba(57, 63, 72, 0.1);   -moz-box-shadow: 0 5px 40px rgba(57, 63, 72, 0.1);
  box-shadow: 0 5px 40px rgba(57, 63, 72, 0.1); border-bottom: none;}
.acclogoutlink { font-size: 16px; position: absolute; right: 0;}
.acclogoutlink a {color: #006fcf;}
.acclogoutlink a:hover {color: #000000;}
.accountbilltab {margin-bottom: 20px;}
.accountbilltab ul {margin: 0px; padding: 0px;}
.accountbilltab li {list-style-type: none; display: inline-block; margin: 0px 15px; font-weight: 500; margin-bottom: 10px;}
.accountbilltab li span {display: inline-block; margin-right: 7px; width: 24px; height: 24px; background-color: #000; border-radius: 100%; text-align: center; color: #fff;  line-height: 24px;}
.accountbilltab li.active span {background-color: #222f72;}
.accountbilltab li:first-child {margin-left: 0px;}
.accountbilltab li:last-child {margin-right: 0px;}
.accountbilltab li a {color: #000;}
.accountbilltab li a:hover {color: #222f72;}
.accountbilltab li.active a {color: #222f72;}
.accformbox {margin-bottom: 20px; border: 1px solid #ededed;}
.titlegraybg {background-color: #ededed; padding: 0px 20px; min-height: 70px; display: flex; align-items: center;}
.titlegraybg h2 {margin-bottom: 0px; line-height: normal; color: #303030; font-size: 20px; font-weight: 400; }
.accformPadd {padding:25px 20px 10px 20px;}
.accformPadd .form-control {font-size: 14px; font-weight: 400;}
.accformPadd label {font-weight: 400; color: #303030;}
.accformPadd .checkrow a {color: #212e72;}
.accformPadd .checkrow a:hover {color: #000;}
.accformPadd .signupsubmit input[type="submit"] {min-width: inherit; width: 100%; background-color: #212e72;}
.accformPadd .signupsubmit input[type="submit"]:hover {background-color: #000;}
.rightfaqsec {margin-bottom: 30px;}
.rightfaqsec h4 {font-weight: 500; font-size: 16px; margin-bottom: 15px;}
.rightfaqsec ul {margin: 0px; padding: 0px;}
.rightfaqsec li {list-style-type: none; display: block; margin-bottom: 20px; color: #757575;}
.rightfaqsec li h5 {font-weight: 500; font-size: 14px; margin-bottom: 7px;}
.rightfaqsec p {line-height: 20px;}
.rightfaqsec p:last-child {margin-bottom: 0px;}
.sslogos {}
.sslogos ul {margin: 0px; padding: 0px;}
.sslogos li {list-style-type: none; display: inline-block; margin-right: 20px; margin-bottom: 15px;}
.sslogos li:last-child { margin-right: 0px;}
.accsumm h4 { font-size: 18px; margin-bottom: 8px; color: #000;}
.summtotalprice {display: flex; justify-content: space-between; align-items: center; padding: 10px 0px 5px 0px; border-top: 1px solid #ededed; }
.totaldueprice {margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #606060;}
.totprice {margin-bottom: 5px; font-size: 24px; font-weight: 700; color: #000;}
.accmess {text-align: center; border-top: 1px solid #ededed; padding-top: 10px; font-size: 12px; color: #757575;}
.showplaninfo { font-size: 14px; color: #757575;}
.showplaninfo a {color: #757575;}
.showplaninfo a:hover {color: #10b67b;}
.accplaninfo {margin-bottom: 10px;}
.accplaninfo select {width: 100%; margin-bottom: 8px; border: 1px solid #dcdcdc; padding: 9px 10px; border-radius: 5px; font-size: 14px; cursor: pointer;}
.accplaninfo select:focus {box-shadow: 0 2px 5px -2px rgba(0,0,0,0.15); border-color: #c5c5c5;}
.instsec {margin-bottom: 15px;}
.instsec .planrditem label {padding: 7px 8px; font-size: 12px; text-transform: inherit;}
.instsec .planrditem [type="radio"]:checked + label {color: #000;}
.showplaninfomessage {display: none;}
.showplaninfomessage .pytmrditem {margin-top: 5px; padding: 10px 15px; max-width: inherit; flex: 0 0 inherit; border:2px solid #10b67b; background-color: #f5fcf9; border-radius: 5px; display: inline-block;}
.showplaninfomessage .pytmrditem strong {font-weight: 500; cursor: pointer; line-height: 16px; font-size: 12px; text-transform: uppercase; color: #000; margin-bottom: 7px; }
.cardpos {position: relative;}
.cardpos .formcardimg {position: absolute; right: 10px; top: 36px;}
.guaranteepri {font-size: 12px; color: #757575; margin-bottom: 10px;}
.launchplansec {display: flex; justify-content: space-between; margin-bottom: 15px;}
.launchplandet h6 {font-size: 16px; color: #757575; margin-bottom: 0px; font-weight: 400;}
.launchplandet a {font-size: 12px; color: #212e72;}
.launchplandet a:hover {color: #212e72;}
.launchprice {text-align: center; font-size: 11px;}
.launchprice h5 {font-size: 16px; color: #000; margin-bottom: 0px; text-transform: uppercase;}
.expdateform {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch;}
.expdateform .monthinput {width: 60px; border-radius:5px 0px 0px 5px; border-right: none;  display: flex;}
.expdateform .yearinput {border-radius:0px 5px 5px 0px; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;}
.hide{display: none !important;}
.formeditbtn input[type="submit"]{text-align:right;text-transform:uppercase;padding:7px 10px;font-size:15px;font-weight:500;background-color:#909bd1;color:#ffffff;display:inline-block;border:none;line-height: normal;}
.formeditbtn input[type="submit"]:hover{background-color:#212f72;border-color:#fff;color:#ffffff;}
.permissionLicensestable .tablefirst td {    /*text-align: center;*/}
.permissionLicensestable table label {    padding-left: .5rem!important;}
.Licensestableinner td{border: none; padding: 0}
.logpagination svg{width: 25px;}
.logpagination .flex.justify-between.flex-1{display: none;}
.logpagination p.text-sm.text-gray-700.leading-5{display: none;}
.clientsidebilling.billingdivforedit #addLeadBtn{display: none; pointer-events: none;}
.clientsidebilling.billingdivforedit .required{display: none; pointer-events: none;}
.clientsidebilling.billingdivforedit .form-control{padding: 0; border: none; pointer-events: none; height: auto; background: no-repeat;}
#leadViewModal .form-group{margin-bottom:0;}
.clientsidebilling.billingdivforedit .gcspexpire_date{display: none;}
.clientsidebilling.billingdivforedit .gcspcvc{display: none;}
.couponwpperinner{border-top: 2px solid #0F1D65; padding: 20px; background: #ededed; margin-bottom: 20px;}
.checkout_coupon{display: none;}
.couponcartsection{display: none;}
.couponcartsection .launchplandet a.required {color: #ff0000; vertical-align: top;}
.couponcartsection .launchplandet h6 span {color: #222f72; font-weight: 500;}
.whtbx {padding-bottom: 40px;}
.gcpagination td {background-color: transparent; text-align: center; padding-top: 30px;}
.pagination {justify-content: center;}
.gcpagination li {margin-left: 2px; margin-right: 2px;}
.gcpagination .pl-4, .gcpagination .px-4 {padding-left: 1rem !important;}
.gcpagination .pb-2, .gcpagination .py-2 {padding-right: 1rem !important;}
.gcpagination a.py-2 {margin-left: 2px; margin-right: 2px; display: inline-block; margin-bottom: 4px;}
.gcpagination .shadow-sm {box-shadow: none !important;}
.gcpagination span span[aria-current=page] span {color: #fff !important; background-color: #212f72 !important; display: inline-block; margin-bottom: 4px;}
.gcpagination span span[aria-disabled=true] span {display: inline-block; margin-bottom: 4px;}
table.bt tfoot .gcpagination td::before, table.bt tbody .gcpagination td::before {display: none;}
table.bt tfoot .gcpagination td .bt-content, table.bt tbody .gcpagination td .bt-content {border-bottom: none;}
.gcpagination td .bt-content {white-space: inherit; }
.cstmTable tr.gcpagination {border: none;}	
.gcnewtitle {margin-bottom: 0px !important;}
.sbsecheading.gcnewtitle h2 {color: #212f72; font-weight: 700;}
.gcpt {padding-top: 10px;}
.gcnewtitle .creatinvoicebtn a {margin: 0px 8px; line-height: normal; font-weight: 500; padding: 8px 15px; font-size: 16px;}
.gcnewtitle .creatinvoicebtn a:last-child {margin-right: 0px;}
.gcnewtitle .creatinvoicebtn a:first-child {margin-left: 0px;}
.gcleadnoterewsponcedata .notesmsg {font-size: 14px; padding: 15px;}
.gcleadnoterewsponcedata .notetime {font-size: 13px; font-weight: 500;}
.gcleadnoterewsponcedata .form-control {font-size: 13px;}
.gcfootercnt {display: flex; justify-content: space-between; align-items: flex-end;}
.gcfootercnt .copyright {text-align: right;}
.gcfootercnt .ftrNav ul li:last-child:after {display: none;}
.gcfootercnt .ftrNav {width: 380px;}
.inputfilebox {position: relative;}
.inputfilebox .inputfile + label {padding-right: 100px; text-align: left; text-transform: inherit;}
.inputfilebox .p-1 {position: absolute; right: 5px; top: 0px; width: 70px; text-align: right;}
.inputfilebox .p-1 img {max-height: 30px;}
.gccurrentplan {padding-bottom: 0px !important; overflow: hidden;}
.gccurrentplan .col-md-4{margin-bottom: 15px;}
.gccurrentplan .smrbx-nmbr {border: 1px solid #e2e2e2; padding: 15px; background: #ecedee; height: 100%;}
.clntsmr-wrap .gccurrentplan .row {margin: 0 -15px;}
.gccurrentplan small {margin-top: 0px; margin-bottom: 3px;}
.gc-smrbx-nmbr {margin-bottom: 15px;}
.paymentoption {overflow: hidden; margin-bottom: 18px;}
.paymentoption:last-child {margin-bottom: 0px;}
.paymentoptionleft {float: left; width: 25px; padding-top: 2px;}
.paymentoptionright {margin-left: 26px;}
.paymentoptionright p {line-height: 20px;}
.gcpaymentoptmodal .modal-header h5 label {color: #989898; font-weight: 400;}
.gcpaymentoptmodal .modal-header h5 label span.gcmodalinvttl {color: #212f72; font-weight: 500;}
.paymentoptioncardinputs {margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #dcdcdc; padding: 7px; border-radius: 5px;  }
.paymentoptioncardinputs .pyiptintsng {position: relative;}
.paymentoptioncardinputs .pyiptintsng .form-control {padding-left: 30px;}
.paymentoptioncardinputs .pyiptintsng:before {position: absolute; left: 2px; top: 10px; width: 20px; height: 16px; background: url(../images/payment-card-icon.png) no-repeat center; content: "";}
.paymentoptioncardinputs .pyiptintsng:after {position: absolute; right: 0px; top: 12px; width: 14px; height: 12px; background: url(../images/visit-card-icon.png) no-repeat center; content: "";}
.paymentoptioncardinputs .pyiptintsng1 {margin: 0px 10px; width: 110px;}
.paymentoptioncardinputs .pyiptintsng2 {width: 70px;}
.paymentoptionright .form-group {margin-bottom: 15px;}
.paymentoptioncardinputs .form-control {border: none; border-radius: 0px; padding-top: 5px; padding-bottom: 5px;}
.paymentoptioncardinputs .form-control:focus {box-shadow: none; border: none; outline: none;}
.paymentoptionright label {color: #333;}
.gcpaymentoptmodal {padding-left: 17px;}
.gcpaymentoptmodal .modal-footer {display: flex; justify-content: space-between; align-items: center;}
.gcpaymentoptmodal .modal-dialog {max-width: 600px;}
.gcmdftleft span {color: #212f72; font-weight: 500;}
.paymentoptionright .row {padding-top: 20px;}
.gc_checkout_coupon .form-control {padding: 5px 15px;}
.clientsidebilling  .cancelinfomodal {text-align: center; font-size:16px; padding-top: 30px; padding-bottom: 30px;}
.clientsidebilling  .cancelinfomodal p {line-height: 24px;}
.clientsidebilling  .cancelinfomodal p:last-child {margin-bottom: 0px; }
.clientsidebilling  .cancelinfomodal h4 {font-size: 27px; font-weight: 500;}
.clientsidebilling .modal-dialog {max-width: 566px;}
.acclogo svg{width: 100%;}
.gcspnewnotelayout {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.gcspnewnotelayout:last-child {border-bottom: none; padding-bottom: 0px; }
.gcspnewnotelayout .notetime {margin-bottom: 3px; font-size: 15px; padding-left: 0px;}
.gcspnewnotelayout .notetime span {font-size: 12px; color: #777777; font-weight: 500;}
.gcleadnoterewsponcedata .gcspnewnotelayout .notesmsg {padding: 0px; border: none; border-radius: 0px; margin-bottom: 0px; background-color: transparent; }
.gcspnewnotelayout .notesmsg::after {display: none;}
.gcspinvoicetdview{width: 280px;}
.gcspshowcvc{display: none;}
.gcspnewnotelayout{position: relative;}
.deletenote {position: absolute; top: 2px; right: 10px; color: red; }
.gcspsamehieght {height:35px; line-height: normal; font-size: 20px !important;}
/*.gcspcurrentplantext {font-size: 20px !important;}*/


/*------26-01-2021---------*/

.dash {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh;}
.dash-nav {min-width: 238px; position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; box-shadow: 0 16px 38px -12px rgba(0,0,0,.2),0 4px 25px 0 rgba(0,0,0,.1),0 8px 10px -5px rgba(0,0,0,.2); z-index: 99999; border-radius:0px 15px 15px 0px;  transition: all 0.3s ease-in-out 0s;}
.dash-nav.dash-nav-dark {background-color: #fff; }
.dash-nav-dark .dash-nav-dropdown.show {background: rgba(255, 255, 255, 0.04);}
.dash-nav header {min-height: 110px; padding: 8px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f0f0f0;/* min-height: 115px;*/ margin-bottom: 20px;}
.dash-app {margin-left: 238px;}
.dash-app {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2;
    flex-grow: 2; margin-top: 104px; transition: all 0.3s ease-in-out 0s;}
.dash-toolbar { min-height: 84px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; padding: 8px 27px 8px 35px; position: fixed; top: 0; right: 0; left: 0; z-index: 99; -webkit-box-shadow: 0px 1px 5px 1px rgba(69, 65, 78, 0.05); box-shadow:0px 1px 5px 1px rgba(69, 65, 78, 0.05); transition: all 0.3s ease-in-out 0s;}
.dash-toolbar {left: 230px;}
.dash-content {-webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; /*padding: 25px;*/ display: block; background-color: #fdfdfd;}
.middlesection {padding: 25px;}
.dash-content .container {max-width: inherit;}
.dash-nav-dropdown-menu {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; transition: max-height 0.30s ease-out; overflow: hidden; max-height: 0; }
.dash-nav-dropdown.show > .dash-nav-dropdown-menu {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; transition: max-height 0.50s ease-in;  max-height: 500px;}
.dash-nav-list ul {margin: 0px; padding: 0px;}
.dash-nav-list li {list-style-type: none; display: block;}
.dash-nav-list li .dash-nav-item { padding: 10px 20px 10px 60px; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center; -webkit-align-items: center;  -ms-flex-align: center;  align-items: center; letter-spacing: .02em; color: #66687C; }
.dash-nav-list .dash-nav-item:hover {color: #222f72; background-color: #f1f1f1;}


.dash-nav-list li.active .dash-nav-item {color: #222f72; font-weight: 700;}
.dash-nav-list li.active .dash-nav-dropdown-item.active  {color: #222f72; font-weight: 700;}
.dash-nav-list li .dash-nav-item i {width: 30px; font-size: 15px; margin-left: -40px; margin-top: 2px;}
.dash-nav-list li .dash-nav-item i img {width: 18px;}
.dash-nav-dropdown-item { padding: 5px 20px 5px 50px; font-size: 12px; display: block; color: #66687C;}
.dash-nav-dropdown-item:hover {background-color: #f0f0f0; color: #424770;}
.dash-nav-dropdown .dash-nav-dropdown-toggle::after {content: "\f107"; font-size: 18px;  position: absolute; right: 20px; font-family: FontAwesome;font-style: normal;font-weight: normal; }
.dash-nav-dropdown.show > .dash-nav-dropdown-toggle::after {content: "\f106";}
.dash-nav header .menu-toggle {display: none; margin-right: auto;}
.dash-compact .dash-nav {/*display: none;*/ left: -270px;}
.dash-compact .dash-app {margin-left: 0;}
.dash-compact .dash-toolbar {left: 0px;}
/*.leftsecpos {position: relative; padding-bottom: 200px; height: 100%;}*/
/*.leftftmenu {position: absolute; left: 0px;  bottom: 10px; width: 100%; border-top: 1px solid #ededed;}*/
.leftsecpos {position: relative; padding-bottom: 0px; height: 100%; display: flex;  flex-direction: column;}
.leftftmenu {position: relative; width: 100%;  flex: 1; display: flex; align-items: flex-end;}
.leftftmenu ul {margin: 10px 0px 0px 0px; padding: 10px; width: 100%; border-top: 1px solid #ededed;}
.leftftmenu li {list-style-type: none; display: block; margin-bottom: 4px;}
.leftftmenu li a {display: flex; padding: 10px 10px 10px 15px; border-radius: 5px; align-items: center; }
.leftftmenu li a:hover { background-color: #f1f1f1; color: #222f72;}
.leftftmenu li.guidesactive a {background-color: #fde9e5;}
.leftftmenu li.guidesactive a:hover {background-color: #fde9e5;}

.leftftmenu li a i{width: 30px; font-size: 15px;}
.dash-nav-item i {background-repeat: no-repeat; background-position: left center; background-size: 18px;}
.dash-nav-item .iconsize {height: 18px;}
.leftftmenu li a i.ellipsisicon {text-align: right; flex: 1; color: #686e93; }

.dash-nav-list li .dash-nav-item i.Leads-icon {background-image:url(../images/activity-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.Leads-icon {background-image:url(../images/activity-icon-h.png);}
.dash-nav-list li.active .dash-nav-item i.Leads-icon {background-image:url(../images/activity-icon-h.png);}

.dash-nav-list li .dash-nav-item i.user-icon {background-image:url(../images/user-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.user-icon {background-image:url(../images/user-icon-h.png);}
.dash-nav-list li.active .dash-nav-item i.user-icon {background-image:url(../images/user-icon-h.png);}

.dash-nav-list li .dash-nav-item i.ticket-icon {background-image:url(../images/ticket-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.ticket-icon {background-image:url(../images/ticket-icon-h.png);}
.dash-nav-list li.active .dash-nav-item i.ticket-icon {background-image:url(../images/ticket-icon-h.png);}

.dash-nav-list li .dash-nav-item i.chart-icon {background-image:url(../images/chart-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.chart-icon {background-image:url(../images/chart-icon-h.png);}
.dash-nav-list li.active .dash-nav-item i.chart-icon {background-image:url(../images/chart-icon-h.png);}

.dash-nav-list li .dash-nav-item i.comm-chart-icon {background-image:url(../images/comm-chart-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.comm-chart-icon {background-image:url(../images/comm-chart-icon-h.png);}
.dash-nav-list li.active .dash-nav-item i.comm-chart-icon {background-image:url(../images/comm-chart-icon-h.png);}

.dash-nav-list li .dash-nav-item i.bag-icon {background-image:url(../images/bag-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.bag-icon {background-image:url(../images/bag-icon-h.png);}
.dash-nav-list li.active .dash-nav-item i.bag-icon {background-image:url(../images/bag-icon-h.png);}

.dash-nav-list li .dash-nav-item i.paper-icon {background-image:url(../images/paper-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.paper-icon {background-image:url(../images/paper-icon-h.png);}
.dash-nav-list li.active .dash-nav-item:hover i.paper-icon {background-image:url(../images/paper-icon-h.png);}

.dash-nav-list li .dash-nav-item i.setting-icon {background-image:url(../images/setting-icon.png);  }
.dash-nav-list li .dash-nav-item:hover i.setting-icon {background-image:url(../images/setting-icon-h.png);}
.dash-nav-list li.active .dash-nav-item i.setting-icon {background-image:url(../images/setting-icon-h.png);}

.dash-nav-list li .dash-nav-item i.logout-icon {background-image:url(../images/logout.png);  }
.dash-nav-list li .dash-nav-item:hover i.logout-icon {background-image:url(../images/logout-h.png);}
.dash-nav-list li.active .dash-nav-item i.logout-icon {background-image:url(../images/logout-h.png);}


.leftftmenu li a i {background-repeat: no-repeat; background-position: left center; background-size: 18px; display: inline-block;}
.leftftmenu li a i.iconsize {height: 18px;}
.leftftmenu li a i.lock-icon {background-image:url(../images/lock-icon.png);  }
.leftftmenu li a:hover i.lock-icon {background-image:url(../images/lock-icon-h.png);}
.leftftmenu li a i.info-circle-icon {background-image:url(../images/info-circle-icon.png);  }
.leftftmenu li a:hover i.info-circle-icon {background-image:url(../images/info-circle-icon-h.png);}
.leftftmenu li a i.group-icon {background-image:url(../images/group-icon.png);  }
.leftftmenu li a:hover i.group-icon {background-image:url(../images/group-icon-h.png);}

.toolbarpadd { padding-left: 20px; padding-right: 20px; width: 100%;}
.toolbarleftrightsec {display: flex; justify-content: flex-end; align-items: center; width: 100%; min-height: 86px;}

/*.toolleftsec {display: flex; align-items: center; flex-wrap: wrap; }
.toolleftsec.d-none { display: none; }*/
.tolMR {margin-right: 20px;}
.toolbarselectbox {padding: 0px !important; }
.toolbarfilter {color: #2F80ED; cursor: pointer; transition:all 0.5s ease-in-out 0s;}
.toolbarfilter:hover  {color: #000;}
.toolbarfilter span {margin-left: 5px; display: inline-block;}
.toolbarfilter span img {width: 16px;}

.toolbarsearch {background-color: #fff; border: 1px solid #d3d8f0; border-radius: 5px; padding:6px 10px; position: relative; display: flex; align-items: center; opacity: 0; visibility: hidden;}
.toolbarsearch input {border: none; box-shadow: none; border-radius: 0px; font-size: 12px; width: 235px; }
.toolbarsearch input[type="submit"] { background-color: transparent; border: none; border-radius: 0px; background:url(../images/topsearch.svg) no-repeat; width: 18px; height: 18px; background-size: 14px 18px; padding: 0px; margin-right: 4px;}

.toolrightsec {display: flex;  align-items: center; flex-wrap: wrap;}

/*.toolrightsec .nwbtn { display: none; }*/
.toolrightsec .nwbtn a { background-color: #fff; padding: 6px 10px; border-color: #dbdde3; color: #66687C; text-transform: inherit; font-weight: 400; font-size: 12px;}
.toolrightsec .nwbtn a:hover {background: #222f72; color: #fff; border-color: #222f72;}
.toolrightsec .nwbtn.d-none { display: none; }



.dash-toolbar .menu-toggle {margin-top: 24px;}
.dash-toolbar .menu-toggle.desk-none { display: none; }

.filtersec {padding:18px 0px 0px 0px; border-top: 1px solid #ededed; display: none;}
.filtersec ul {margin: 0px; padding: 0px;}
.filtersec li {list-style-type: none; display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.filtersec li a {display: inline-block; padding: 7px  15px; min-width: 100px; background-color: #fff; border: 1px solid #dbdde3; border-radius: 5px; line-height: normal;  text-align: center; font-size: 13px; color: #66687C;}
.filtersec li a:hover {background-color: #f5f6f8; color: #66687C; }
.filtersec li.active a {background-color: #f5f6f8; color: #66687C; }

.chatdaymonth {display: flex; justify-content: flex-end; align-items: center; margin-bottom: 15px;}
.chatdaymonth ul {margin: 0px; padding: 0px; display: flex; align-items: center; border-radius: 5px; border: 1px solid #e5e5e8; }
.chatdaymonth li {list-style-type: none; line-height: normal; display: inline-block;  border-right: 1px solid #e5e5e8;   }
.chatdaymonth li:last-child {border-right: none;}
.chatdaymonth li a {display: block; color: #66687C; padding: 5px 10px; border-radius: 5px; font-size: 13px;}
.chatdaymonth li a:hover {background-color: #46288c; color: #fff;}
.chatdaymonth li.active a {background-color: #46288c; color: #fff;}

.filterboxsec {display: flex; align-items: center; flex-wrap: wrap;}
.filMR {margin-right: 20px;}

.filtersearch input {font-size: 15px; width: 235px; background-color: #fff; border: 1px solid #d3d8f0; border-radius: 5px; padding: 8px 10px;}
.select-selected {border-color: #d3d8f0; font-weight: 400; color: #333333;}
.filbtn input[type="submit"] {padding: 9px 30px; border-radius: 5px; }
.MB10 {margin-bottom: 10px;}
.MtB5 {margin-top: 5px;  margin-bottom: 5px;}
.toolbarselectbox .select-selected {font-size: 12px; color: #66687C; padding: 7px 15px;}
.toolbarselectbox .select-selected::after {font-size: 16px; color: #66687C; top: 9px;}

.mobile-show-body {overflow: hidden; height: 100%; max-height: 100%; min-height: 100%;} 
.mobile-show-html {overflow: hidden; height: 100%; max-height: 100%; min-height: 100%;}

.curmenusec {padding:0px 0px 20px 0px;background-color: #fff;}
.curmenusec ul {margin: 0px; padding: 0px; display: flex;}
.curmenusec li {list-style-type: none; margin-right: 10px; margin-bottom: 10px; flex: 1;}
.curmenusec li a {padding: 10px 15px; display: inline-block; width: 100%; background-color: #fff; border: 1px solid #CFD1DA; border-radius: 5px; line-height: normal;  text-align: center; font-size: 14px; color: #66687C;}
.curmenusec li a:hover {background-color: #f5f6f8; color: #66687C; }
.curmenusec li.active a {background-color: #f5f6f8; color: #66687C; }

.tablewhitebox {background-color:#ffffff; box-shadow:0 0 7px rgba(0,0,0,0.1); margin-bottom:30px; border-radius: 10px; padding: 10px 0px 0px 0px;}
.tablewhitebox.pb10 { padding-bottom: 10px; }
.tablewhitebox.prl20 { padding-right: 20px; padding-left: 20px; }
.cusinfotitle {font-size: 16px; font-weight: 700; color: #202022; line-height: normal;}
.redbtn {background-color: #fce6e6; color: #eb5757; border-color: #d0c3c3; font-size: 12px;  }
.redbtn:hover {background-color: #d40203; color: #fff; border-color: #d40203;}
.tabgreenbtn {background-color: #e5f5ec; color: #33b369; border-color: #c2cbc6; font-size: 12px;}
.tabgreenbtn:hover {background-color: #43a34c; color: #fff; border-color: #43a34c;}
.captext {text-transform: uppercase;}
.maxwidhtbtn {min-width: 80px;}
.spur-logo img {height: 46px;}
.logpagination td{padding: 20px;}

.modal {z-index: 999999;}
.modal-backdrop {z-index: 99999;}
.modal-backdrop.show {opacity: .8;}

.modal .modal-footer .btn-primary {background-color:#909bd1 !important; padding:7px 20px; font-size: 15px;}
.modal .modal-footer .btn-primary:hover {background-color:#212f72 !important; color: #fff;}
.modal .modal-footer.btn-primary:focus {box-shadow: none; }
.btn {font-size: 15px;}

/*---- 01022021-----*/
.toolbarleftrightsec{justify-content: space-between;}
.tpbtlft-infobx{padding: 10px 30px; font-size: 13px; color: #2A2F4B; box-shadow: 0px 1px 2px rgba(48, 66, 95, 0.2);border-radius: 2px;}
.tlbrtoplft{display: flex; margin: 0 -15px;}
.tpbtlftbx{padding: 0 15px; }
.tpbtlft-infobx{height: 100%; align-items: center; display: flex;}
.tpsrchicn{padding: 10px;}
.tpsrchicn img{transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
.tpsrchicn img:hover{filter:invert(1);}
.toprgtsrch{position: relative; padding: 0 15px;}
.srchtrgr{cursor: pointer}
.toolbarsearch{left: inherit; right:20px; top:5px; margin: 0;  position: absolute;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
.toolrightsec{margin: 0 -15px;}
.show-toolbarsearch{opacity: 1; visibility: visible;}
.srchclose{position: absolute; right: 8px; top:3px; cursor: pointer;}
.srchclose img{width: 12px;}
.srchclose img:hover{filter:invert(0.5);}
.usericon{width: 40px; height:40px; display: inline-block; border-radius: 100%; background-color: #BADAEC; cursor: pointer}
.usericon img{width: 100%; height: 100%; object-fit: contain;}
.tpusrinfo:after{content: "\f0d7"; font-family: fontawesome; color: #000000; display: inline-block; vertical-align: top; margin: 10px 0 0 5px;}
.tpuser-sec{padding: 0 15px; padding-left: 35px; position: relative; margin-left: 5px;}
.tpuser-sec:after{content: ""; position: absolute; left: 0; top: 0px; background-color: #E1E8EF;  width: 1px; height: 40px; }
.secheading{text-align: left;}
.heading-sec{display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 0px; margin-bottom:30px;}
.slcticonbx{position: relative; margin-left: 6px; margin-right: 6px;}
.slcticonbx:before{content: ""; font-family: fontawesome; position: absolute; left: 10px; top: 8px; color: #424770; }
.cstmtypeselect:before{content: "\f0c1";}
.selctfldicon{padding: 5px 26px 6px 26px; min-width: 150px; /*height: 32px;*/ cursor: pointer; height: 40px; color: #424770; font-size: 14px; font-weight: 700; line-height: 18px; }
.hdngrgt{display: flex; justify-content: flex-end; align-items: center;}
.cllndriconselect:before{content:"\f073"}
.leadchartwrap{align-items: center;}
.leadpieinfo{display: flex; flex-wrap: wrap;}
.leadinfobx{position: relative; padding-left: 20px; font-size: 13px; margin: 10px 0; color: #747E97; }
.leadinfocolor{position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border-radius: 3px;}
.gogleadscolor{background-color: #8A9ED2}
.fbleadscolor{background-color: #A1D5F2;}
.phnclleadscolor{background-color: #B0DAA1;}
.otradscolor{background-color: #F6A0A0;}
.leadinfobx h3{font-size: 18px; color: #2A2F4B; font-weight: 500; margin-bottom: 5px;}
.mlr-minus30{margin: 0 -30px;}
.plr-30{padding: 0 30px;}

.prgstop{display: flex; justify-content: space-between; margin-bottom: 8px; align-items: center;}
.prgststxt{font-size: 15px; color: #525F7F;}
.prgstscount{font-size: 18px; color: #2A2F4B; font-weight: 700;}
.progress{background-color: #ECF0F6; height: 10px; border-radius: 5px;}
.progress-bar{background-color: #A0E0C9;}
.prgssbx{margin: 10px 0; display: inline-block; width: 100%;}
.userdropdown{opacity: 0; visibility: hidden; position: absolute; border:1px solid #e5e5e5; right: 0; top: 62px; min-width: 180px; background-color: #ffffff; box-shadow: 0 4px 11px rgba(0,0,0,0.15); margin-top: 10px; border-radius: 5px;
    transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;
}
.userdropdown ul{margin: 0; padding: 0; list-style: none; }
.userdropdown li{color:#66687C; font-weight: 500;}
.userdropdown li a{padding: 10px; border-bottom: 1px solid #e5e5e5; display: block; color: inherit;}
.userdropdown li a:hover{color: #222f72}
.show-userdropdown{opacity: 1; visibility: visible; margin-top: 0px;}
.cusinfotitle{color: #5373BD;}
.addnewbtn a{display: inline-block; padding:10px 20px; background-color: #FF7F69; color: #ffffff; border-radius: 3px; font-size: 13px;  font-weight: 500;}
.addnewbtn a:hover{background-color: #222f72;}
.addnewbtn .fa{margin-right: 6px;}
.actntxtright{text-align: right;}
.actionbtn a{display: inline-block; font-size: 14px; margin-left: 10px; padding: 8px 12px; border: 1px solid #DCE2EE; color: #424770; border-radius: 3px; line-height: 1;}
.actionbtn a:first-child{margin-left: 0px;}
a.actnpybtn{padding: 8px 24px 9px; }
.actionbtn a:hover{background-color:#DCE2EE; color: #424770; }
.otsdhednwrap .secheading h3{ color: #2A2F4B;}

.otsdhednwrap .heading-sec{padding: 0 15px;}
.tpsubtb-wrap{border-bottom: 1px solid #C5D4E4; margin:0 -30px 20px; padding: 0 60px; display: flex; justify-content: space-between; }
.subtbnavlstn ul{margin: 0; padding: 0; list-style: none;}
.subtbnavlstn ul li{display: inline-block; }
.subtbnavlstn ul li a{padding: 15px 30px; color: #747E97;  display: inline-block; border: 1px solid transparent; border-bottom: none; line-height: 1.2; } 
.subtbnavlstn ul li a:hover{color:#2A2F4B;}
.subtbnavlstn ul li.active a{border-color:#C5D4E4; font-weight: 700; color: #2A2F4B }
.subtcselect select{background-color: #ffffff; min-width: 200px; background-position: 96% center; padding: 8px 26px 8px 15px; box-shadow: 0px 1px 2px rgba(48, 66, 95, 0.2);  border: none;  font-size: 14px;}

.clntpymtcharbx{margin-top: 20px; display: inline-block; width: 100%;}
.cltpymtchartinfo{margin-bottom: 20px; text-align: right;}
.clntpyinfobx{position: relative; padding-left: 15px; display: inline-block; color: #525F7F; font-size: 14px;}
.infoclrbx{width: 9px; height: 9px; border-radius: 100%; position: absolute; left:0; top: 7px; display: inline-block;}
.cstmbxmain h4{ color: #2A2F4B}
.cstmbxmain .whtbx{padding-bottom: 15px;}
.ctmtbl-wrap {min-height: 360px;}
.smlcstmtble{font-size: 14px; width: 100%;}
.smlcstmtble th, .smlcstmtble td{padding: 15px;}
.smlcstmtble th{border-bottom: none; font-size: 14px;}
.smlcstmtble td{font-size: 14px; border-bottom: none; color: #525F7F;}
.btmviowallbtn{border-top:1px solid #e7ecf3; padding: 15px 40px 0; margin: 15px -30px 0; text-align: center; }
.btmviowallbtn a{color: #5373BD; font-size: 14px;}
.btmviowallbtn a:hover{color: #000000;}
td.amntgrn{color: #04A777;}
.amontlarge{font-size: 48px; font-weight: 700; line-height: 1.2; margin-bottom: 5px; display: inline-block;}
.greentxt{color: #04A777;}
.cstmbxmain .smllcstmwhtbx{padding-bottom: 15px;}
.smllcstmwhtbx h4{margin-bottom: 5px; padding-bottom: 0px;}
.cmsnamntlst{ display: flex; flex-wrap: wrap; margin: 0 -20px 0;}
.cmsnamnlstitm{flex: 0 0 50%; max-width: 50%; padding: 0 20px; position: relative; margin-bottom: 5px; margin-top: 10px;}
.cmsnamnlstitm:after{content: ""; position: absolute; right:15px; top:0; width: 1px; height: 100%; background-color: #E1E8EF;}
.cmsnamnlstitm:nth-child(2n):after{content: none;}
.cmsnamnlstitm:last-child:after{content: none;}
.mb-30{margin-bottom: 30px;}
.itmant-ttl{color: #8591AE; font-size: 16px; }
.noteslsiting{overflow: hidden;}
.itmamttxt{color: #2A2F4B; font-size: 24px; font-weight: 500; }
.notesmsgbx{display: flex; max-width: 70%; float: left; flex-direction: column; padding: 20px 20px;  margin: 20px 0; position: relative;}
.purplemsg{background-color: #F9F0FF;}
.bluemsg{background-color: #F2F7FF}
.oppnotemsg{border-radius:0px 10px 10px 10px; clear: both;}
.usermsg {float: right; border-radius: 10px 0 10px 10px; clear: both;}
.msgnottop{display: flex; justify-content: space-between;}
.noteslsiting{border-top: 1px solid #C5D4E4; border-bottom: 1px solid #C5D4E4; margin: 30px -30px; padding: 30px 30px;}
.note-usrnm{color: #4E3D7A; font-size: 16px; font-weight: 700; }
.note-datetime{font-size: 12px; color: #4E3D7A;}
.notesmsgbx .note-datetime{margin-left: 15px; padding-top: 4px;}
.notemsg{margin-top: 10px; color: #4E3D7A; font-size: 14px;}
.notesbtmwrap{ text-align: right;}
.notesbtmwrap textarea {width: 100%; border:none; resize: none; color: #000000; font-size: 14px;}

.notesbtmwrap textarea::-webkit-input-placeholder {color: #000; opacity: 1;}
.notesbtmwrap textarea::-moz-placeholder {color: #000; opacity: 1;}
.notesbtmwrap textarea:-ms-input-placeholder {color: #000; opacity: 1;}
.notesbtmwrap textarea:-moz-placeholder {color: #000; opacity: 1;}

.notesbtmwrap textarea:focus {box-shadow: none !important; outline: none;}
.notesbtmwrap input[type="submit"]{background-color: transparent; margin-top: 10px; border:0px solid #C5D4E4; padding: 8px 30px; box-shadow: 0px 1px 2px rgba(48, 66, 95, 0.8); display: inline-block; border-radius: 3px; color: #000000; font-size: 14px; font-weight: 700;}
.notesbtmwrap input[type="submit"]:hover{background-color: #F2F7FF;}
.notesbx{padding-bottom: 25px;}
.clientjaxresponsdata td{cursor: pointer;}
.header.custheader{background: #ffffff;}
td.gcspnorecordfound::before { display: none !important; }

/*--------step section 28-04-2021------------*/
.reg-desh {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh;}
.regleft-nav {max-width: 510px; position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; box-shadow: 0 16px 38px -12px rgba(0,0,0,.2),0 4px 25px 0 rgba(0,0,0,.1),0 8px 10px -5px rgba(0,0,0,.2); z-index: 99999; border-radius:0px;  transition: all 0.3s ease-in-out 0s; width: 100%;}
.regleft-nav:before {position: absolute; left: 0px; top: 0px; background:url(../images/reg-left-top-corbg.png) no-repeat left top; max-width: 375px; height: 514px; width: 100%; content: ""; display: none;}
.regleft-nav:after {position: absolute; left: 0px; bottom: 0px; background:url(../images/reg-left-bottom-corbg.png) no-repeat left bottom; max-width: 418px; height: 305px; width: 100%; content: "";}
.refleftnavsec {position: relative; z-index: 2; padding:40px 50px 50px 50px;}
.logoMB {margin-bottom: 45px;}
.regtitle {margin-bottom: 30px; font-size: 35px; line-height: 45px;}
.regtitle span {display: block; font-weight: 700;}
.respaytext {font-size: 20px; line-height: 30px;}
.regbluebg {background-color: #005fff; color: #fff;}
.reg-rightsec {margin-left: 510px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; margin-top:0px; transition: all 0.3s ease-in-out 0s;}
.regrightmiddsec {padding: 40px 75px;}
.regplandet h2 {font-size: 36px; color: #4d4d5d; margin-bottom: 10px; font-weight: 700;}
.planinfotext {font-size: 20px; color: #7f7f7f; line-height: 26px; margin-bottom: 56px;}
.regplanlisting .col-sm-6 {margin-bottom: 45px;}
.planpricebox a {display: block; padding: 30px 25px; background: #fff; border-radius: 20px; border: 2px solid #fff; transition:all 0.3s ease-in-out 0s;  }
.planpricebox a:hover, .planpricebox a.active {background-color: #ecf4ff; border-color: #005fff; text-decoration: none;}
.planpricebox h3 {color: #32323c; font-size: 28px; margin-bottom: 7px; }
.plan-prices {font-size: 20px; color: #4d4f51; }
.gethelpsec {margin-bottom: 60px; display: flex; justify-content: flex-end; align-items: center;}
.gethelpsec a {color: #200e32; font-size: 18px;}
.gethelpsec a:hover {color: #005fff; text-decoration: none;}
a.regbluebtn {display: inline-block; background-color: #2f87ff; color: #fff; font-size: 18px; padding: 8px 25px; border-radius: 30px; position: relative;}
a:hover.regbluebtn {background-color: #333; text-decoration: none; color: #fff;}
.gethelpsec a.regbluebtn {margin-left: 20px; padding-left: 38px;}
.gethelpsec a.regbluebtn:before {position: absolute; left: 0px; font-size: 22px; left: 20px; top: 4px; font-family:fontawesome; content:"\f0da"; }
 
.gethelplinkmob a.regbluebtn {padding: 8px 15px 8px 30px !important;}
.gethelplinkmob a.regbluebtn:before {position: absolute; left: 0px; font-size: 22px; left: 16px; top: 4px; font-family:fontawesome; content:"\f0da"; }
.regwhitebg {background-color: #fff;}
.regleft-nav.regwhitebg:before {display: none;}
.regleft-nav.regwhitebg:after {opacity: 0.6;}
.regformsec label {display: block; margin-bottom: 10px; color: #5e5e5e; font-size: 18px; font-weight: 500;}
.regformsec input, .regformsec textarea, .regformsec select {background-color: #fff; border-color: #b1caec; height: 60px; color: #200e32; font-size: 18px; border-radius: 7px;}
.regformsec select {width: 100%; padding: 10px 55px 10px 15px;   font-weight: normal; cursor: pointer; background-image:url(../images/reg-select-downarrow.png);}
.regformsec textarea {height: 150px;}
.regformsec .form-group {margin-bottom: 30px;}
.regformsec input::-webkit-input-placeholder {color: #200e32; opacity: 1;}
.regformsec input::-moz-placeholder {color: #200e32; opacity: 1;}
.regformsec input:-ms-input-placeholder {color: #200e32; opacity: 1;}
.regformsec input:-moz-placeholder {color: #200e32; opacity: 1;}
.regformsec textarea::-webkit-input-placeholder {color: #200e32; opacity: 1;}
.regformsec textarea::-moz-placeholder {color: #200e32; opacity: 1;}
.regformsec textarea:-ms-input-placeholder {color: #200e32; opacity: 1;}
.regformsec textarea:-moz-placeholder {color: #200e32; opacity: 1;}
.regformlintkbtn {display: flex; justify-content: space-between; align-items: center; padding-top: 30px;}
.presteplink a {text-transform: uppercase; font-size: 18px; color: #75757b; font-weight: 500;}
.presteplink a:hover {color: #005dff; text-decoration: none;}
a.nextbtn {display: inline-block; padding: 14px 65px 14px 36px; border-radius: 8px; color: #fff; background-color: #005dff; font-weight: 500; text-transform: uppercase; position: relative; text-align: center; font-size: 18px;}
a:hover.nextbtn {background-color: #333; color: #fff;}
a.nextbtn:after {position: absolute; top: 20px; right: 30px;  width: 26px; height: 17px;  background:url(../images/white-arrow.png) no-repeat right center; content: "";} 
.regformsec input.phonecode {width: 80px; border-radius:5px 0px 0px 5px;}
.regformsec input.phonom {border-radius:0px 5px 5px 0px;}
.regtitle {margin-bottom: 30px; font-size: 35px; line-height: 45px;}
.regtitle span {display: block; font-weight: 700;}
.formtabnav {margin-bottom: 30px;}
.formtabnav ul {margin: 0px; padding: 0px;}
.formtabnav li {display: flex; align-items: center; margin-bottom: 30px; font-size: 22px; /*text-transform: uppercase;*/ font-weight: 700; color: #75757b; flex-direction: column;}
.formtabnav li a {display: flex; width: 100%; align-items: center; color: #000; position: relative;}
.formtabnav li a:hover:after {position: absolute; right: 0px; top: 16px; background:url(../images/blue-arrow.png) no-repeat center; width: 26px; height: 17px; content: ""; display: none;}
.formtabnav li a span {width: 47px; height: 47px; margin-right: 15px; border: 2px solid #000; border-radius: 100%; text-align: center; /*line-height: 41px;*/ position: relative; display: flex; align-items: center; justify-content: center;}
.formtabnav li a:hover {color: #000;}
.formtabnav li a:hover span {border-color: #000;}
.formtabnav li.active a {color: #005fff;}
.formtabnav li.active a span {border-color: #005fff;}
.formtabnav li.active a:after {position: absolute; right: 0px; top: 16px; background:url(../images/blue-arrow.png) no-repeat center; width: 26px; height: 17px; content: "";}
.formtabnav li.active a:hover:after {display: block;}
.formtabnav li.secusspayment a span {color: #fff; background-color: #1bc67e; border-color: #1bc67e; font-size: 0px; }
.formtabnav li.secusspayment a span:before {position: absolute; left: 14px; top: 15px; background:url(../images/right-icon.png) no-repeat center; width: 15px; height: 12px; content: "";}
.formtabnav li.selectlink a {color: #000;}
.formtabnav li.selectlink a span {color: #fff; background-color: #1bc67e; border-color: #1bc67e; font-size: 0px; }
.formtabnav li.selectlink a span:before {position: absolute; left: 14px; top: 15px; background:url(../images/right-icon.png) no-repeat center; width: 15px; height: 12px; content: "";}
.formtabnav li.selectlink a:hover:after {display: none;}
.formtabnav li.selectlink a:after {position: absolute; right: 0px; top: 16px; background:url(../images/blue-arrow.png) no-repeat center; width: 26px; height: 17px; content: ""; display: none;}
.leftbigicon {position: absolute; left: 60px; bottom:120px; z-index: 1;}
.helptooltip {display: inline-block; margin-left: 5px;}
.paymentnote {border: 1px solid #005fff; padding: 18px 14px 18px 50px; border-radius: 6px; color: #7f8185; font-size: 18px;  position: relative;}
.paymentnote:before {position: absolute; left: 15px; top: 22px; width: 19px; height: 20px; background:url(../images/edit-icon.png) no-repeat; content: "";}
.inputcheck {position: relative;}
.inputcheck:before {position: absolute; right: 15px; top: 16px; background-image:url(../images/right-icon.png); background-repeat: no-repeat; width: 25px; height: 25px; background-position: center center; content: ""; background-color: #1bc67e; border-radius: 100%;}
.inputcheck input {padding-right: 50px;}
.paymentsecussbox {text-align: center; max-width: 645px; width: 100%; border: 1px solid #b1caec; padding: 20px; height: 390px; display: flex; justify-content: center; align-items: center; background-color: #fff; flex-direction: column; margin-left: auto; margin-right: auto;}
.paymentsecussbox h2 {color: #000; font-size: 40px; margin-bottom: 30px;}
.checksecussicon {width: 130px; height: 130px; background-color: #32c671; color: #fff; font-size: 85px; text-align: center; border-radius: 100%; line-height: 120px; }
.navsubtext {width: 100%; padding-left: 62px;}
.formtabnav li .navsubtext a {font-weight: 500; font-size: 18px;  color: #75757b; margin-bottom: 0px; display: block; text-transform: capitalize; margin-bottom: 5px;}
.formtabnav li .navsubtext a:last-child {margin-bottom: 0px;} 
.formtabnav li .navsubtext a:hover {color: #005fff;}
.formtabnav li.active a.active {color: #000 !important;}
.formtabnav li.active .navsubtext a::after {display: none;}
.formtabnav li.active .navsubtext a.active:after {top: 7px; display: block;}
.formtabnav li.subselearrownone.active a::after {display: none;}
.bookpadd {padding: 60px 0px;}
.book-container {max-width: 720px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.booklogo {text-align: center; margin-bottom: 50px;}
.bookedtitle {text-align: center; margin-bottom: 70px;}
.bookedtitle h2 {font-size: 55px;  color: #000; margin-bottom: 10px;}
.welookforward {font-size: 20px; color: #343434;}
.bookinguserimg {float: left; width: 165px; height: 165px; overflow: hidden; position: relative;}
.bookinguserimg img {border-radius: 100%; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.bookinguserdetail {font-size: 16px; line-height: normal; margin-left: 225px;}
.bookinguserdetail p {line-height: normal;}
.calewhitebg {background-color: #fff; padding: 10px; border-radius: 5px;}
.calegrayborderbox {border: 1px solid #ccc;  padding: 30px; position: relative; border-radius: 10px; }
.calegrayborderbox:before {position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; background-color: #ccc; content: "";}
.regppclogo {margin-bottom: 20px;}
.bord-title {margin-bottom: 20px;}
.bord-title h5 {font-size: 16px; color: #888888; margin-bottom:4px; font-weight: 500;}
.bord-title h3 {font-size: 28px;  color: #000; margin-bottom: 0px;}
.onbor-time {margin-bottom: 20px; color: #888888;}
.onbor-time img {vertical-align: text-bottom; display: inline-block; margin-right: 3px;}
.disculist {margin-bottom: 15px;}
.disculist h4 {font-size: 18px; color: #515151; margin-bottom: 10px; font-weight: 500;}
.disculist ul {margin:0px; padding: 0px;}
.disculist li {list-style-type: none; display: block; margin-bottom: 4px; position: relative; padding-left: 15px; color: #888888;}
.disculist li a {color: #888888; }
.disculist li a:hover {color: #005fff; text-decoration: none;}
.disculist li:before {position: absolute; left: 0px; top: 9px; width: 5px; height: 5px; background-color: #333; border-radius: 100%; content: ""; }
.calendersec {}
.calendersec h3 {font-size: 20px; color: #777778; margin-bottom: 30px;}
.calegrayborderbox .col-xl-6 {height: 100%;}
.calenderPB {padding: 0px 15px 100px 15px; position: relative; height: 100%;}
.trob-btn {position: absolute; left: 0px; bottom: 0px;}
.trob-btn a {display: inline-block; padding: 6px 10px; border: 1px solid #ccc; color: #949699; vertical-align: middle; border-radius: 5px; }
.trob-btn a img {margin-right: 5px;}
.trob-btn a:hover {border-color: #005fff; color: #000; text-decoration: none;}
.bodywhitebg {background-color: #fff;}
.planpricebox {position: relative; overflow: hidden;}
.planpricebox input[type="radio"]{left:-99999px;position:absolute;}
.planpricebox label {position:relative;  cursor:pointer;  margin-bottom: 0px; min-width:100%; display: block; padding: 29px 25px; background: #fff; border-radius: 20px; border: 2px solid #fff; transition: all 0.3s ease-in-out 0s;  color: #32323c; font-size: 28px; font-weight: 700; line-height: 30px;


}
.planpricebox label i {font-size: 20px; color: #4d4f51; font-style: normal; font-weight: normal; display: block;  padding-top: 7px; line-height: normal;}
.planpricebox [type="radio"]:checked + label{background-color: #ecf4ff; border-color: #005fff;}
.planpricebox label:hover {background-color: #ecf4ff; border-color: #005fff;}
.planpricebox input[type="radio"]{left:-99999px;position:absolute;}
.planpricebox [type="radio"]:checked + label {color: #000;}

.calendersec .perfect-datetimepicker {width: 100%; border: none; background-color: #fff;}
.calendersec .perfect-datetimepicker .buttonpane {border-top: none;}
.calendersec .perfect-datetimepicker {color: #888888}
.calendersec .perfect-datetimepicker tbody td.selected {color: #4697d5; border: 1px solid #f4faf8; background-color: #f4faf8;}
.calendersec .perfect-datetimepicker tbody td.hover {color: #fff; border: 1px solid #4697d5; background-color: #4697d5;}
.calendersec .perfect-datetimepicker table td.weekend {color: #888888 !important;}
.calendersec .perfect-datetimepicker td.name {font-weight: normal; text-transform: uppercase; font-size: 11px; color: #333 !important;}
.calendersec .perfect-datetimepicker thead td.title {font-weight: normal; color: #333;}
.calendersec .perfect-datetimepicker table td {height: 34px;}

.mobileblock {display: none;}
.regwhitelogo img{max-height: 65px;}
.regwhitelogohome img{max-height: 55px;}

.phonecode.form-control[readonly] {
    background-color: #fff !important;    
}

.regwhitebg .logoMB {margin-bottom: 32px;}

.calendly-inline-widget {height: 100vh;}
.step9wapper .regrightmiddsec{padding:40px 0px}
.step9wapper .gethelpsec{padding-right: 75px;}

/*---- 20-05-2021 ------*/
.formtabnav{margin-top: 20px; display: inline-block; width: 100%;}
.clsmorespace{margin-top: 20px; display: inline-block; width: 100%;}
.explainervideo .modal-body{width: 100%; height: 350px;}
.explainervideo .modal-dialog{width: 94%; max-width: 620px;}
.explainervideo .modal-body iframe{width: 100% !important; height: 100% !important;}
.explainervideo h5{font-size: 24px; color: #4d4d5d;}