@font-face {
font-family:"Helvetica";
src: url("../fonts/Helvetica.ttf") format("truetype");
}
@font-face {
font-family:"Helvetica-Bold";
src: url("../fonts/Helvetica-Bold.ttf") format("truetype");
}
@font-face {
font-family:"helvetica-light";
src: url("../fonts/helvetica-light.ttf") format("truetype");
font-style:normal;
}

@font-face {
font-family:"digital";
src: url("../fonts/digital-7.ttf") format("truetype");
font-style:normal;
}


html,
body{min-height:100%;height:100%;margin:0;padding:0;font-size:16px;font-family:"Helvetica";color:#000;font-weight:400;background:#fff;overflow:hidden;}
a{color:#000;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
.bgadd{background:#ebebeb;}
.mbtm15{margin-bottom:15px;}


.panel-header .wallet_balance{border: 1px #ccc solid;border-radius: 5px; background: #4CAF50;padding: 4px 15px;margin-left: 80px;margin-top: 1px;float: left;color: #fff;}
.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;height:100%;max-height: none;width: 100%;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: scroll !important;padding: 0;position: relative !important;top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;} 
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important; margin: 0; max-height: none !important;max-width: none !important;overflow: scroll !important; outline: none;padding: 2px; position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
.scrollbar-janos.theme-blue > .scroll-element,
.scrollbar-janos.theme-blue > .scroll-element .scroll-bar,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_corner,
.scrollbar-janos.theme-blue > .scroll-element .scroll-element_track{ background-color: #66CCEE; }


/******************* JANOS SCROLLBAR *******************/

.scrollbar-janos > .scroll-element,
.scrollbar-janos > .scroll-element div{border: none; margin: 0;overflow: hidden; padding: 0; position: absolute;z-index: 10;}
.scrollbar-janos > .scroll-element div {background-color: transparent;display: block;height: 100%;left: 0;top: 0;width: 100%;border-radius:10px;}
.scrollbar-janos > .scroll-element.scroll-x {bottom: 0;height: 10px;left: 0;right:0;margin:auto;min-width: 80%;width: 80%;border-radius:10px;}
.scrollbar-janos > .scroll-element.scroll-y {height: 90%;min-height: 90%;right: 0;top: 0;bottom:0;margin:auto;width: 10px;border-radius:10px;}
.scrollbar-janos > .scroll-element .scroll-element_corner {display: none;}
.scrollbar-janos > .scroll-element.scroll-x,
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {background-image: url(../img/scroll-v.png);background:#6cadde;background-repeat: repeat-x;}
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar {box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos > .scroll-element.scroll-y,
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {background-image: url(../img/scroll.png);background: #6cadde;background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar {box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos > .scroll-element.scroll-x .scroll-element_track {/*background-image: url(../img/scroll-element_track.png);*/background:#c9c9c9; background-repeat: repeat-x;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-element_track {/*background-image: url(../img/scroll-element_track-y.png); */ background:#c9c9c9;background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-x .scroll-bar .scroll-bar_body {background-image: url(../img/scroll-bar_body-x.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {background-image: url(../img/scroll-bar_body-y.png);}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_less {background-image: url(../img/arrow-left.png); /*box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);*/}
.scrollbar-janos > .scroll-element.scroll-x .scroll-arrow_more {background-image: url(../img/arrow-right-more.png);}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {background-image: url(../img/arrow-less.png);/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);*/}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_more {background-image: url(../img/arrow-more.png);}
.scrollbar-janos > .scroll-element .scroll-arrow,
.scrollbar-janos > .scroll-element .scroll-bar_body {background-position: center;background-repeat: no-repeat;}
.scrollbar-janos > .scroll-content.scroll-scrolly_visible { left: 0px; margin-left: 0px; }
.scrollbar-janos > .scroll-content.scroll-scrollx_visible { top:  -10px; margin-top:  10px; }

/* scrollbar arrows */

.scrollbar-janos > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less {display:none; height: 100%; width: 16px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more {display:none; height: 100%; left: auto; right: 0; width: 16px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { left: 0px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_track { left: -32px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { left: -33px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 16px;display:none;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 16px;display:none;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 0px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: 0px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: 0px; }

/* if another scrollbar is visible */

.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; }
.scrollbar-janos > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: -17px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; }

/* if arrows & another scrollbar are visible */

.scrollbar-janos > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_corner,
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_corner {border-top: 1px solid #AAAAAA;bottom: 0;display: block;height: 0px;left: auto;right: 0;top: auto;width: 16px;z-index: 13;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 5px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_track { left: -0px;}
.scrollbar-janos > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -0px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 4px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_track { top: 0px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: 0px;}


.pricingpage .scrollbar-janos > .scroll-element.scroll-x{left: initial; right: 20px;}






/*scroll x*/


.scrollbar-janos1.theme-blue > .scroll-element,
.scrollbar-janos1.theme-blue > .scroll-element .scroll-bar,
.scrollbar-janos1.theme-blue > .scroll-element .scroll-element_corner,
.scrollbar-janos1.theme-blue > .scroll-element .scroll-element_track{ background-color: #66CCEE; }

.scrollbar-janos1 > .scroll-element,
.scrollbar-janos1 > .scroll-element div{border: none; margin: 0;overflow: hidden; padding: 0; position: absolute;z-index: 10;}
.scrollbar-janos1 > .scroll-element div {background-color: transparent;display: block;height: 100%;left: 0;top: 0;width: 100%;border-radius:10px;}
.scrollbar-janos1 > .scroll-element.scroll-x {position:fixed;border-top: 1px solid #AAAAAA;bottom: 60px;height: 10px;left:470px;right:0;margin:auto;width:calc(100% - 550px);border-radius:10px;}
.scrollbar-janos1 > .scroll-element .scroll-element_corner {display: none;}
.scrollbar-janos1 > .scroll-element.scroll-x,
.scrollbar-janos1 > .scroll-element.scroll-x .scroll-bar {background-image: url(../img/scroll-v.png);background:#6cadde;background-repeat: repeat-x;}
.scrollbar-janos1 > .scroll-element.scroll-x .scroll-bar {box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);}
.scrollbar-janos1 > .scroll-element.scroll-x .scroll-element_track {background-image: url(../img/scroll-element_track.png);background:#c9c9c9; background-repeat: repeat-x;}
.scrollbar-janos1 > .scroll-element.scroll-x .scroll-bar .scroll-bar_body {background-image: url(../img/scroll-bar_body-x.png);}
.scrollbar-janos1 > .scroll-element.scroll-x .scroll-arrow_less {background-image: url(../img/arrow-left.png); /*box-shadow: 0 1px 2px, 0 -1px 1px rgba(255, 255, 255, 0.8);*/}
.scrollbar-janos1 > .scroll-element.scroll-x .scroll-arrow_more {background-image: url(../img/arrow-right-more.png);}
.scrollbar-janos1 > .scroll-element .scroll-arrow,
.scrollbar-janos1 > .scroll-element .scroll-bar_body {background-position: center;background-repeat: no-repeat;}
.scrollbar-janos1 > .scroll-content.scroll-scrollx_visible { top:  -10px; margin-top:  10px; }
.scrollbar-janos1 > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos1 > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }
.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less {display:none; height: 100%; width: 16px;}
.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more {display:none; height: 100%; left: auto; right: 0; width: 16px;}
.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { left: 0px; }
.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_track { left: 0px; }
.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { left: 0px; }

.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 5px;}
.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_track { left: -36px;}
.scrollbar-janos1 > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -36px;}



.fullheight{display:block;height:100%;width:100%;position:relative;overflow:hidden;}


header{box-shadow:1px 5px 10px #b9b9b9;height: 90px;padding: 5px 15px;position: fixed;top:0; display: block;width: 100%;background:#fff;z-index:99;}
header .logo{width:250px; float: left; height: 80px;text-align:center;}
header .logo img{max-height: 100%;height: auto;}
header .usersetting{float:right;margin-top:10px;}
header .usersetting .username{font-size:24px;}
header .usersetting .notificationdiv{margin: 0 25px;   font-size: 24px;}
header .usersetting .dropdown{font-size:24px;margin-right:10px;cursor:pointer;}
header .navbar-header{display:none;}
.mainbody{position: relative;display: block;overflow: hidden;height: calc(100vh - 90px); width: 100%; box-sizing: border-box;margin-top:90px;z-index:0;}
.contentalign{background:#fff;    position: relative; display: table; width: 100%;height:100%;}
.valinetext{display: table-cell; vertical-align: middle;  position: relative; width: 100%;}
.pad20{padding:20px;}
.padtop0{padding-top:0px;}
.pad0{padding:0px !important;}
.ul0{margin:0px;padding:0px;list-style:none;}
.panel .panel-body.fullwhpanelbody {height: calc(100% - 50px);padding: 0px;}


#sidebar .navbar-header.nav{ margin: 0; width: 100%; height: 35px; text-align: right;    border-bottom: 1px #89c8fb solid;position:relative;float:inherit;}
#sidebar .navbar-header.nav a{width:40px;height:35px;padding:0px;text-align:center;border: 0;line-height: 44px;}
#sidebar .navbar-header.nav a i{position: relative;margin: 0;font-size: 22px;color: #89c8fb;}
.show-hide-sidebar:hover{background-color:#5479aa;color:#ffffff;}
.show-hide-sidebar.show-sidebar{display:none;}
.show-hide-sidebar.hide-sidebar{display:inline-block;color:#fff;}

#sidebar{color:#737373;background: #fff url(../img/snav-bg.jpg) right repeat-y; padding:0px;padding-top:0px;margin:0px;position:fixed;left:0px;width:270px;top:90px;bottom:0px;    transition: all 0.5s ease;}
/*#sidebar:before{content:"";position:absolute;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.4);box-shadow:0 0 10px 0 rgba(0,0,0,.2);width:247px;height:100%;z-index:0;}*/
#sidebar a{-webkit-transition:background-color 100ms linear;-moz-transition:background-color 100ms linear;-o-transition:background-color 100ms linear;transition:background-color 100ms linear;-webkit-transition:color 100ms linear;-moz-transition:color 100ms linear;-o-transition:color 100ms linear;transition:color 100ms linear;background-color:transparent;margin:0px;padding:10px 15px;color:#737373;border-bottom:1px #89c8fb  solid;}
#sidebar a > i{ color: #6cadde;-webkit-transition:all 100ms linear;-moz-transition:all 100ms linear;-o-transition:all 100ms linear;transition:all 100ms linear;position:absolute;font-size:19px;margin-top:-2px;}
#sidebar a > i.has-submenu{position:relative;font-size:18px;margin-top:0px;margin-left:5px;}
#sidebar a > span{padding-left:35px;}
#sidebar a.active > i.has-submenu,
#sidebar .nav li > a.active ul.nav-sabmenu li a i,
#sidebar .nav-submenu a.active_submenu i{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);}
#sidebar .nav li:hover{background-color:transparent;color:#ffffff;}
#sidebar .nav li > a:hover,
#sidebar .nav li > a.active{background: #ebebeb;color: #000}
#sidebar .nav li > a:hover i,
#sidebar .nav li > a.active i,
#sidebar a.active_submenu{    color: #6cadde;}
#sidebar > .nav{margin-bottom:50px;}
#sidebar .nav-submenu,
#sidebar .nav-subsubmenu{background-color:#d9d9d9;-webkit-box-shadow:inset 0 4px 4px -2px rgba(0,0,0,.15), inset 0 -4px 4px -2px rgba(0,0,0,.15);-moz-box-shadow:inset 0 4px 4px -2px rgba(0,0,0,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);color:#737373;width:270px;position:relative;}
#sidebar ul.nav-submenu:before{content:"";display:block;position:absolute;z-index:1;left:23px;top:0;bottom:19px;border-left:1px solid #e2e2e2;}
#sidebar .nav-submenu a{color:#737373;padding:6px 10px 6px 47px;font-size:14px;border:none;height:38px;line-height:30px;}
#sidebar .nav-submenu a:before{content:"";display:inline-block;position:absolute;width:5px;height:5px;left:20px;top:19px;background-color:#cbcbcb;border:1px solid #d9d9d9;z-index:2;}
#sidebar .subsubmenu a:before{content:"";display:inline-block;position:absolute;width:5px;height:5px;left:1px;top:13px;background-color:#cbcbcb;border:1px solid #d9d9d9;z-index:2;}
#sidebar .nav-submenu a.active_submenu{color: #000!important;background: #ebebeb;}
#sidebar .progress{background-color:#131e30;}
#sidebar .nav-submenu.submenu-hidden{display:none;}
#sidebar .subsubmenu{display:none;margin-left:20px;}
.collapsed-sidebar #sidebar .nav > li > ul ul{display:none;margin-left:0px;}
#sidebar .subsubmenu li{position:relative;}
#sidebar .subsubmenu li a{display:block;padding:0px 10px 0px 20px;height:30px;}
#sidebar .nav li.dropdwonactive ul{display:block;}
.menu-right #sidebar{left:auto;right:0px;width:250px;top:50px;bottom:0px;}
#main-nav{padding-bottom:20px;    transition: all 0.5s ease; }
#sm-menu{width:50px;    transition: all 0.5s ease;}
.nav-down{display:none;}
.dropdown-subnav{display:none;}
.dropdown-subnav.active{display:block;}
.dropdown-subnav li{position:relative;    margin-left: 18px;}
#sidebar .nav-submenu .dropdown-subnav li a:before{top:13px;}
#sidebar .nav-submenu a.subnav-title{color: #737373 !important;}
#sidebar .nav-submenu a.subnav-title i{    -webkit-transform: rotate(0deg);color: #737373;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);}
#sidebar .nav-submenu a.subnav-title.current{ color: #000000 !important;background: #ebebeb;}
#sidebar .nav-submenu a.subnav-title.current i{    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);color: #eba74e;}

#sidebar .sidebar_scroll .scrollbar-janos > .scroll-content.scroll-scrollx_visible { top: 0px;  margin-top: 0px;}
#sidebar  .scrollbar-janos > .scroll-element.scroll-x{display:none;}

#sidebar .nav ul li ul.dropdown-subnav{}
#sidebar .nav ul li ul.dropdown-subnav li {list-style:none;padding:0px;margin:0px;border-left: 2px #939393 solid;}
#sidebar .nav ul li ul.dropdown-subnav li a{padding: 2px 20px 2px;display: block; height: 33px;}
#sidebar .nav ul li ul.dropdown-subnav li a.active_submenu{background:transparent;    color: #004282 !important;}
#sidebar .nav ul li ul.dropdown-subnav li a:before{display:none;}
#sidebar .nav ul li ul.dropdown-subnav li a.nav-submenu{display:block;}


.sidebar_scroll{display: block; width: 100%; height: 100%; position: relative;direction: ltr; }
.sidebarscroll {unicode-bidi:bidi-override; direction: rtl; overflow: scroll; overflow-x: hidden!important;height: calc(100% - 35px); margin-left:-17px;}
.collapsed-sidebar .sidebarscroll{width:290px;}
.collapsed-sidebar .show-hide-sidebar.show-sidebar{display:inline-block;color:#fff;}
.collapsed-sidebar .show-hide-sidebar.hide-sidebar{display:none;}
.collapsed-sidebar #sidebar{width:50px!important;overflow:visible!important;z-index:10;    transition: all 0.5s ease;}
.collapsed-sidebar #sidebar:before{width:47px;}
.collapsed-sidebar #sidebar .slimScrollDiv{width:50px!important;overflow:visible!important;}
.collapsed-sidebar #sidebar .slimScrollDiv .sidebar_scroll{width:50px!important;overflow:visible!important;}
.collapsed-sidebar #sidebar:hover{z-index:9998;}
.collapsed-sidebar #sidebar .nav > li{height:40px;width:50px;    transition: all 0.5s ease;}
.collapsed-sidebar #sidebar ul.nav:before,
.collapsed-sidebar #sidebar .nav > li a:before{display:none;}
.collapsed-sidebar #sidebar .nav > li a{height:40px;width:50px;padding:14px;}
.collapsed-sidebar #sidebar .nav > li a span{display:none;}
.collapsed-sidebar #sidebar .nav > li a > i.has-submenu{display:none;}
.collapsed-sidebar #sidebar .nav > li:hover{padding:0px;}
.collapsed-sidebar #sidebar .nav > li:hover i{z-index:999!important;color:#eba74e;}
.collapsed-sidebar #sidebar .nav > li:hover > a{width:270px;display:block;}
.collapsed-sidebar #sidebar .nav > li:hover > a > span{display:inline-block !important;padding-left:48px;text-transform:uppercase;font-size:12px;padding-top:0px;background-color:#162439;color:#ffffff;width:220px;position:absolute;left:46px;padding-left:13PX;top:0px;bottom:0px;padding-top:12px;}
.collapsed-sidebar #sidebar .nav > li:hover > a > span .label,
.collapsed-sidebar #sidebar .nav > li:hover > a > span .badge{display:none!important;}
.collapsed-sidebar #sidebar .nav > li:hover > a > span.label,
.collapsed-sidebar #sidebar .nav > li:hover > a > span.badge{display:none!important;}
.collapsed-sidebar #sidebar .nav > li:hover > ul.nav-submenu {display:block!important;z-index:9998;position:absolute;width:220px;left:100%;top:100%;}
.collapsed-sidebar #sidebar .nav > li:hover > ul ul.dropdown-subnav{position:relative;width:100%;left:0; display:none;}
.collapsed-sidebar #sidebar .nav > li:hover > ul ul li a{display:block;}
.collapsed-sidebar #sidebar .nav.nav-submenu > li a{width:220px;padding:13px;line-height:16px;}
.collapsed-sidebar #sidebar .nav.nav-submenu > li a.subsubdown i{display:block;}
.collapsed-sidebar #sidebar .nav > li ul li{width:100%; height:auto;}
.collapsed-sidebar #main-nav{width:50px;height:100%;}
.collapsed-sidebar .contentarea{width:calc(100% - 50px);z-index:99;overflow:visible;}

.footable{width:100%;}
.footable.breakpoint > tbody > tr.footable-detail-show > td{border-bottom:none;}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e113";}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail){cursor:pointer;}
.footable.breakpoint > tbody > tr > td.footable-cell-detail{background:#eee;border-top:none;}
.footable.breakpoint > tbody > tr > td > span.footable-toggle{display:inline-block;width:100%;position:absolute;left:0;bottom:0;float:left;text-align:center;font-family:"Glyphicons Halflings";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-right:5px;font-size:14px;color:#888888;}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before{content:"\e114";}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e005";}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before{content:"\e004";}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e003";}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before{content:"\e002";}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e007";}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before{content:"\e006";}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e009";}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before{content:"\e008";}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e00f";}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before{content:"\e011";}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e013";}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before{content:"\e015";}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e01b";}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before{content:"\e01d";}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e00b";}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before{content:"\e00d";}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e01f";}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before{content:"\e021";}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before{content:"\e017";}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before{content:"\e019";}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle{font-size:18px;}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle{font-size:24px;}
.footable > thead > tr > th{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;}
.footable > thead > tr > th.footable-sortable:hover{cursor:pointer;}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before{content:"\e013";}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before{content:"\e012";}
.footable > thead > tr > th > span.footable-sort-indicator{display:inline-block;font-family:'footable';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-left:5px;}
.footable > thead > tr > th > span.footable-sort-indicator:before{content:"\e022";}
.footable > tfoot .pagination{margin:0;}
.footable.no-paging .hide-if-no-paging{display:none;}
.footable-row-detail-inner{display:table;width:100%;}
.footable-row-detail-row{display:table-row;line-height:1.5em;border-bottom:1px #ccc solid;}
.footable-row-detail-row:last-child{border:0px;}
.footable-row-detail-group{display:block;line-height:2em;font-size:1.2em;font-weight:bold;}
.footable-row-detail-name{width:27%;font-size:12px;display:table-cell;font-family:'Helvetica-Bold';padding-right:0.5em;padding-top:3px;padding-bottom:3px;}
.footable-row-detail-value{display:table-cell;padding-top:3px;padding-bottom:3px;}
.footable-odd{background-color:#f7f7f7;}



.contentarea{width:calc(100% - 270px);float:right;height:100%;overflow:hidden;position:relative;background:#ebebeb;padding:30px 30px 0px;   transition: all 0.5s ease;}
.carousel,
.carousel-inner,
.carousel-inner .item{height:100%;border-radius:10px;}

.width3{width:3%;}
.width4{width:4%;}
.width5{width:5%;}
.width6{width:6%;}
.width7{width:7%;}
.width8{width:8%;}
.width9{width:9%;}
.width10{width:10%;}
.width11{width:11%;}
.width12{width:12%;}
.width14{width:14%;}
.width15{width:15%;}
.width16{width:16%;}
.width18{width:18%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width35{width:35%;}
.width40{width:40%;}
.width45{width:45%;}
.width50{width:50%;}
.width60{width:60%;}
.width70{width:70%;}

.loginbox{box-shadow: 0px 0px 24px #ccc;width: 500px;height: 300px;margin: auto;background: #fff;}
.mainbody.loginpage{height:100%;margin:0px;}
.mainbody.loginpage .contentalign{background:#cdd8e1;}
.loginpage .loginlogo{width: 200px;margin: auto;display: block;height: 70px;}
.loginpage .loginlogo img{max-width:100%;width:auto;max-height:100%;height:auto;display:block;margin:auto;}
.loginpage .loginpageform {background-color:rgb(255 255 255 ); width: 300px;height:440px; position:relative; padding: 20px;  display: block; margin: auto;box-shadow: 0px 15px 20px rgb(179, 176, 176);border-radius:10px;}
.loginpage .loginpageform h3 { margin: 0;  padding-bottom: 15px;color: #000; font-size: 18px;font-weight: normal;border-top: 1px #ccc solid;padding-top: 15px;text-align: center;font-family: Helvetica-Bold;}
.loginpage .loginpageform p { color: #000; font-size: 12px;text-align:center;}
.loginpage .loginpageform form{display: block;position: relative;width: 100%; padding-top: 25px;}
.loginpage .form-control {margin-bottom: 15px;padding: 5px 15px; height: 43px; font-size: 16px;}
.loginpage button,.loginpage a.btn {background: #19b9e6;color: #fff;  width: 100%; padding: 7px;font-size: 18px;border-color: #19b9e6;}
.loginpage .logremb, .loginpage .logforget a { color: #17a9d2; font-size: 16px;padding-top: 15px;}
.loginpage .logforget a{display:block;text-align:right;float:right;}
.loginpage .logremb input[type=checkbox] {width: 15px;  height: 15px;}
.greybg{background:#ebebeb;}
.contentarea.tablescroll{padding-right:15px;}
.panel{height:100%;margin:0px;position:relative;display:block;}
.panel .panel-header{height:40px;display:block;width:100%;padding:0px 15px 10px;}
.panel .panel-header h3{margin:0px;padding:0px;line-height:30px;float:left;font-family: 'Helvetica-Bold';}
.panel .panel-header .header-right{float:right;height:30px;position:relative;}
.panel .panel-header .form-group{float:left;margin-left:20px;height:30px;}
.panel .panel-header .form-group label{float:left;width:60px;line-height:30px;margin:0px;font-weight:normal;}
.panel .panel-header .form-group select{float:left;width:calc(100% - 60px);padding:0px;height:30px;}
.panel .panel-header .form-group ul{margin:0px;padding:0px;list-style:none;}
.panel .panel-header .form-group .perpage{float:left;margin-right:20px;}
.panel .panel-header .form-group .perpage li{float:left;padding: 0px 5px;line-height: 18px;border-right: 1px #b7b7b7 solid;text-align: center;font-size: 14px;margin: 6px 0;}
.panel .panel-header .form-group .perpage li:last-child{border-right:0px;}
.panel .panel-header .form-group .pagination{float:left;}
.panel .panel-header .form-group .pagination li a.active{}
.panel .panel-header .form-group .pagination li a{padding:2px;width:30px;text-align:center;}
.panel .panel-header .searchgrp input{width:100%;padding-right:35px;height:30px;}
.panel .panel-header .searchgrp button{width: 30px;background: #fff;outline: none;border: 0;position: absolute;right: 2px;top:2px;height: 26px; border-radius: 5px;}
.panel .panel-body{height:calc(100% - 40px);position:relative;}
.leadtable{display:block;width:calc(100% -  15px);position:relative;height:100%;}
.leadtable table{width:100%;}
.leadtable table th{ position: sticky;top:-1px;text-align:center;vertical-align:middle !important;background:#d9d9d9;    border-right-color: #efefef !important;}
.leadtable table tbody td{vertical-align:middle;font-size:14px;border-bottom-color: #6cadde;}
.leadtable table tbody td p{margin:0px;}
.leadtable table tbody td p.clrorange{color: #fc8c00;}
.leadtable table tbody td span{float:right;}
.leadtable table tbody td:nth-child(9),
.leadtable table tbody td:nth-child(10),
.leadtable table.tablelp td:nth-child(8),
.leadtable table.leadsaletable td:nth-child(7){text-align:center;}
.leadtable table tbody td .pending{color: #fc8c00;font-size: 18px;cursor: pointer;display: block;}
.leadtable table tbody td .more{display:inline-block;cursor:pointer;font-size:18px;}
.leadtable table tbody td .more.right{margin-left:15px;}
.leadtable table.campclient tbody td:nth-child(4){text-align:center;}
.leadtable table.tableleadclient td:nth-child(6),
.leadtable table.tableleadclient td:nth-child(7),
.leadtable table.tableleadclient td:nth-child(8){text-align:center;}
.leadtable table.table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9;}
.leadtable table.table-striped>tbody>tr:nth-of-type(even) { background-color: #fff;}
.pipelineslide{border: 1px #ccc solid;overflow: hidden;text-align: center;height: 100px;background: #e9f3fa;}
.pipelineslide .slidepipeline{height: calc(100% - 24px);padding:5px;}
.pipelineslide .carousel-inner{height:100%;}
.pipelineslide .carousel-inner .item{height:100%;}
.pipelineslide .carousel-inner .item h3{margin:0px;font-family: 'Helvetica-Bold';font-size:14px;height:30px;}
.pipelineslide .navcontrol{height:24px;background:#ccc;position:relative;}
.pipelineslide .navcontrol a{text-decoration:none;width:60px; position: relative;float: left; text-align: center;height: 24px; line-height: 24px; font-family: 'Helvetica-Bold';font-size: 12px;}
.pipelineslide .navcontrol a.right{float:right;}
.pipelineslide .carousel-inner .radio-inline{line-height:30px;font-size:15px;}
.pipelineslide .carousel-inner .radio-inline input[type="radio"]{margin-top:9px;}


/*m16/11/2023*/
.ppl-contacts .ctn-menu {display: block;width: 100%;position: relative;height: 60px;background: #004282;color: #fff;border-radius: 10px;}
.ppl-contacts .ctn-menu ul {display: flex;align-items: center;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}
.ppl-contacts .ctn-menu ul li {width: 8%;border-right: 1px #fff solid;}
.ppl-contacts .ctn-menu ul li:last-child {width: 20%;border-right: 0px;padding: 10px 5px;}
.ppl-contacts .ctn-menu ul li a {display: block;text-align: center;color: #fff;height: 50px;text-decoration: none;}
.ppl-contacts .ctn-menu ul li i {display: block;font-size: 20px;margin: 10px 0 0;}
.ppl-contacts .ctn-menu ul li label {float: left;font-weight: normal;width: 76px;}
.ppl-contacts .ctn-menu ul li input {float: left;display: inline-block;width: calc(100% - 90px);padding: 5px;margin-left: 10px;}
.ppl-contacts .ctn-menu ul li label i {display: inline-block;}
.panel .panel-header h3 {text-align: left;float: left;}
.ctn-listdetail {background: #e6e7e8;position: relative;display: block;width: 100%;height: calc(100% - 100px);overflow: hidden;margin-top: 10px;border-radius: 10px;}
.ctndetailtabs {display: block;width: 100%;position: relative;background: #6d6e71;height: 35px;padding: 0 10px;}
.ctntabcontent {height: calc(100% - 35px);}
.ctndetailtabs ul.nav.nav-tabs {border: 0px;height: 30px;margin-top: 5px;display: flex;}
.ctndetailtabs ul.nav-tabs li {border: 0px;margin: 0px;}
.ctndetailtabs ul.nav-tabs li a {padding: 6px 14px;border: 0;height: 30px;color: #fff;margin-top: 5px;}
.ctndetailtabs ul.nav-tabs li.active a, .ctndetailtabs ul.nav-tabs li.active a:focus, .ctndetailtabs ul.nav-tabs li.active a:hover {border: 0px;color: #000;background: #e6e7e8;}
.ctndetailtabs ul.nav-tabs li a:hover {border: 0px;color: #000;background: #e6e7e8;}
.ctndetailtabs ul.nav-tabs li a i{padding-right:7px;}
.ctntabcontent {height: calc(100% - 35px);}
.ctntabcontent .tab-pane {height: 100%;}
.ctndetailtabs {display: block;width: 100%;position: relative;background: #6d6e71;height: 35px;padding: 0 10px;}
.nextdetails {float: left;height: 30px;border-left: 1px #fff solid;border-right: 1px #fff solid;padding: 0 10px;margin-top: 3px;}
.ctndetailtabs ul {margin: 0;padding: 0;list-style: none;}
.nextdetails ul li, .othericon ul li {line-height: 25px;color: #fff;padding: 5px;margin: 0 5px;}
.ctndetailtabs ul li {float: left;}
.nextdetails ul li a, .othericon ul li a {color: #fff;}
.userdetailsbox {position: relative;display: table;width: 100%;padding: 10px 20px;border-bottom: 1px #b1b1b1 solid;}
.detailbox {width: 28%;float: left;padding-right: 20px;}
.profilebox {float: left;width: 16%;}
.userdetailsbox h3 {margin: 0;padding: 0 0 15px 0;color: #004282;}
.detailbox .form-group {margin-bottom: 3px;height: 22px;}
.detailbox .form-group label {float: left;font-weight: normal;font-size: 12px;line-height: 22px;margin: 0;width: 90px;}
.detailbox .form-group .form-control {float: left;width: calc(100% - 90px);height: 22px;padding: 4px 5px;}
.detailbox .form-group select.form-control {padding: 1px 0px;}
.detailbox .form-group.statezipgroup select {width: 70px;}
.detailbox .form-group.statezipgroup .zipcode {float: left;width: calc(100% - 160px);}
.detailbox .form-group.statezipgroup .zipcode label {width: 60px;padding: 0 5px;}
.detailbox .form-group.statezipgroup .zipcode input {width: calc(100% - 60px);}
.userdetailsbox h4 {margin: 0;font-size: 16px;color: #004282;padding-top: 5px;padding-bottom: 2px;}
.profileimg {display: block;overflow: hidden;width: 140px;margin: auto;border: 1px #a7a7a7 solid;}
.profileimg img {width: 100%;display: block;margin: auto;}
.uploadbtn {display: block;width: 100%;position: relative;text-align: center;margin: 5px 0 0;}
.detailtabsbox {height: calc(100% - 262px);position: relative;display: block;width: 100%;padding: 10px;}
.detailtabsbox ul.nav-tabs {background: #c9cfe3;border: 0;display: block;width: 100%;}
.detailtabsbox ul.nav-tabs li {margin: 0px;border-right: 1px #b9adad solid;border-left: 1px #fff solid;}
.detailtabsbox ul.nav-tabs li a {margin: 0;border: 0;padding: 2px 5px;font-size: 12px;border-radius: 0;color: #424242;height: 22px;}
.detailtabsbox .tab-content {height: calc(100% - 21px);background: #fff;padding: 10px;border: 1px #ccc solid;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.ctntabcontent .tab-pane {height: 100%;}
.detailtabsbox .tab-whitebox {height: 100%;}
.ctn-listdetail .tab-pane.active {display: block;}
.ctn-listdetail .tab-pane {display: none;}
.ctn-listdetail .tab-pane table tr th, .ctn-listdetail .tab-pane table tr td {color: #8a8a8a;border-left: 1px solid #ddd;font-size: 14px;padding: 5px;}
.ctn-listdetail .tab-pane table tbody tr:nth-of-type(even) {background-color: #e1e1e1;}
.pll-res-page .panel-header h3 {width: auto;float: left;color: #454545;font-size: 25px;}
.pll-res-page .pagination>.active>a, .pll-res-page .pagination>.active>a:focus, .pll-res-page .pagination>.active>a:hover, .pll-res-page .pagination>.active>span, .pll-res-page .pagination>.active>span:focus, .pll-res-page .pagination>.active>span:hover {background-color: #808080;border-color: #808080;}
.pll-res-page .panel-header .form-group .pagination li a {border-color: #808080;}
.pagination>li:first-child>a, .pagination>li:last-child>a{color: #808080;}
.pagination>li>a, .pagination>li>span{color: #808080;}
.panel .panel-header .searchgrp button i {color: #808080;}
.pll-res-page table tr th {font-size: 12px;background: #d9d9d9;text-align: center;border-right: 1px solid #fff;padding: 5px 2px;}
.pll-res-page table tr th:last-child{border-right:none;}
.pll-res-page table tr td{font-size: 12px;text-align: center;border: 1px solid #cdcdcd;padding: 5px 2px;}

.mainbody .contentarea .pplarea .panel .panel-header{padding:0px;}
.mainbody .contentarea .pplarea .panel .item{border-radius:0px;}

.contactinfo{display: table; width: 100%;  max-width: 80%;  margin:0px auto 0; position: relative;}
.contactinfo .form-group,
.contactinfo .form-group-half{width:48%; margin:0 0 15px 2%;float:left; position: relative; }

.contactinfo .form-group.citygroup{width:40%;}
.contactinfo .form-group.stategroup{width:24%;}
.contactinfo .form-group.zipgroup{width:30%;}

.contactinfo .form-input { border: 1px #ccc solid;  border-radius: 4px;   height: 40px;   padding: 0px;}
.contactinfo .form-label {font-weight:normal;position: absolute; transition: 0.25s ease; -moz-transition: 0.25s ease; -webkit-transition: 0.25s ease; -o-transition: 0.25s ease; -ms-transition: 0.25s ease; color: #58595e; left: 10px;top: 9px;font-size:16px; }
.contactinfo input,
.contactinfo select{height:38px;}
.contactinfo input,
.contactinfo select,
.contactinfo textarea{transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;-ms-transition: 0.3s ease;padding-top: 10px;-webkit-appearance: none; }
.contactinfo input:focus + .form-label, .contactinfo input:valid + .form-label,
.contactinfo select:focus + .form-label, .contactinfo select:valid + .form-label,
.contactinfo textarea:focus + .form-label, .contactinfo textarea:valid + .form-label{top: -6px; font-size: 9px;color: #000; background:#fff;}
.contactinfo input,.contactinfo textarea {font-size:16px; box-sizing: border-box; width: 100%; display: block; border: none; color: #004282; background: #fff; padding: 8px 10px 4px; }
.contactinfo input:focus, .contactinfo select:focus,.contactinfo textarea:focus {outline:none; }
.contactinfo select{font-size:16px; box-sizing: border-box; width: 100%; display: block; border: none; background: #fff; padding: 8px 10px 4px;color: #004282;}
.contactinfo select option{color: #58595b;}
.contactinfo input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset; }
.contactinfo textarea,
.contactinfo .textarea-grp{min-height:100px !important; z-index:9;    resize: vertical;}
.contactinfo .textarea-grp{border:none;}
.contactinfo select{appearance: auto;padding-left:5px;}
.contactinfo .form-group-half .stategroup{margin:0px 5px 0 0;width:calc(100% - 110px);}
.contactinfo .form-group-half .zipgroup{margin:0px;width:105px;}
.contactinfo .form-group.expgrp{width:26%;}
.contactinfo .form-group.cvvgrp{width:20%;}
.chk-group.sameaddress input[type=checkbox]{width: 20px;height: 20px;float: left;appearance: auto;-webkit-appearance: auto;  border: 1px #ccc solid;margin: 0 5px; }

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus 
input:-webkit-autofill, 
textarea:-webkit-autofill, 
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus, 
select:-webkit-autofill, 
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus {  -webkit-text-fill-color: #437ef3; color: #437ef3; transition: background-color 5000s ease-in-out 0s;}
.form-group.fullgroup{width:98%;}
.ccotherstatelevel,.otherstatelevel {display: none;}


.innercontent{height:100%;position:relative;display:block;width:100%;}
.maxwidth650 { max-width: 650px !important;width: 100%;}
.settingpagearea .panel{border:0px;}
.settingpagearea .panel .panel-header{height:50px;padding:0px;background:#6cadde;}
.settingpagearea .panel .panel-header h3{line-height:50px;    text-align: center;    float: initial;}
.settingpage{display: block;width: 100%;position: relative;height: 100%;overflow: hidden;}
.tabnavleft{width: 200px; float: left;height: 100%; background: #e8daf3;}
.tabnavleft .nav-tabs{border:0px;}
.tabnavleft .nav-tabs li{width: 100%;margin: 0;}
.tabnavleft .nav-tabs li a{margin: 0; width: 100%;display: block;border: 0 !important;border-radius: 0;}
.tabcontentright{width:calc(100% - 200px);float:left;height:100%;}
.tabcontentright .tab-content,
.tabcontentright .tab-content .tab-pane{height:100%;}
.tabcontentright .tab-content .pagetitle{display:block;width:100%;height:40px;}
.tabcontentright .tab-content .pagetitle h3{margin:0px;line-height:40px;text-align:center;}
.tabcontentright .tab-content .tabwhitebg{height:calc(100% - 40px);position:relative;display:block;width:100%;}
.tabcontentright .tab-content .tabwhitebg .innertitle{margin:15px;text-align:center;}
.tabcontentright .fullgroup{width:98%;clear:both;margin-bottom:15px;margin-left:2%;min-height:25px;}
.tabcontentright .fullgroup label.radio-inline{margin-left:0px;width:50%;float:left;}
.tabcontentright .fullgroup input[type="radio"]{width: 20px;height: 20px;border: 1px #ccc solid;padding: 0;appearance: auto;margin-left: -25px;margin-top: 0px;}


input.timepicker{text-align:center;border:0px;background:transparent;font-size:14px;padding:0px;margin:0px;width:100%;}
input.timepicker:hover{cursor:pointer;font-family:Helvetica-Bold;}
.wickedpicker {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.44), inset 0 -1px 2px rgba(14, 41, 57, 0.15); background: #fefefe; margin: 0 auto; border-radius: 0.1px; width: 270px; height: 130px; font-size: 14px; display: none; z-index:99999;}
.wickedpicker__title { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); position: relative; background: #f2f2f2; margin: 0 auto; border-bottom: 1px solid #e5e5e5; padding: 12px 11px 10px 15px; color: #4C4C4C;font-size: inherit; }
.wickedpicker__close { -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%);  transform: translateY(-25%); position: absolute; top: 25%; right: 10px;color: #34495e; cursor: pointer; font-size:28px;}
.wickedpicker__close:before {content: '\00d7'; }
.wickedpicker__controls {padding: 10px 0;line-height: normal; margin: 0; }
.wickedpicker__controls__control, .wickedpicker__controls__control--separator { vertical-align: middle;display: inline-block;  font-size: inherit;  margin: 0 auto;  width: 35px;  letter-spacing: 1.3px; }
.wickedpicker__controls__control-up, .wickedpicker__controls__control-down {color: #34495e;position: relative;display: block;margin: 3px auto;font-size: 18px; cursor: pointer; }
.wickedpicker__controls__control-up:before {content: '\e113'; }
.wickedpicker__controls__control-down:after {content: '\e114'; }
.wickedpicker__controls__control--separator {width: 5px; }
.text-center, .wickedpicker__title, 
.wickedpicker__controls, 
.wickedpicker__controls__control, 
.wickedpicker__controls__control--separator, 
.wickedpicker__controls__control-up, 
.wickedpicker__controls__control-down {text-align: center; }
.hover-state {color: #3498db; }
.fontello:before, .wickedpicker__controls__control-up:before, 
.fontello-after:after, .wickedpicker__controls__control-down:after {font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; speak: none;display: inline-block;text-decoration: inherit; width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.clearable-picker { position: relative; display: inline-block; }
.clearable-picker > .hasWickedpicker {  padding-right: 1em; }
.clearable-picker > .hasWickedpicker::-ms-clear { display: none; }
.clearable-picker > [data-clear-picker] { position: absolute;  top: 50%;  right: 0;  transform: translateY(-50%);  font-weight: bold;  font-size: 0.8em;  padding: 0 0.3em 0.2em;  line-height: 1;  color: #bababa;  cursor: pointer; }
.clearable-picker > [data-clear-picker]:hover {  color: #a1a1a1; }
.schedulesetting{max-width:650px;margin:auto;}
.schedulesetting table {width:100%;}
.schedulesetting table th{width:20%;}
.schedulesetting table td:nth-child(2),
.schedulesetting table td:nth-child(3){width:30%;}
.schedulesetting table td:nth-child(4){width:10%;text-align:center;}
.schedulesetting table td:nth-child(4) input[type=checkbox]{width:18px;height:18px;}

.contactinfo  .domainlist{height:55px;}
.contactinfo  .domainlist input[type=checkbox]{appearance: auto;width: 25px;height: 25px; float: left;margin-top: 8px;}
.contactinfo  .domainlist .form-group.flgrp{width:30%;}
.contactinfo  .domainlist .form-group.dnamegrp{width:54%;}
.contactinfo  .domainlist .timecross{float:right;width:30px;text-align:right;margin-top:10px;}
.contactinfo  .addano{clear:both;cursor:pointer;float:left;}
.contactinfo  .addano:hover{color:#6daddd;}
.mtop15{margin-top:15px;}


.togglebtn{width:80px;height:34px;float:right;}
.togglebtn .switch {position: relative; display: inline-block; width: 80px; height: 34px;}
.togglebtn .switch input { opacity: 0;width: 0;height: 0;}
.togglebtn .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc; -webkit-transition: .4s;transition: .4s;}
.togglebtn .slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px;background-color: white;  -webkit-transition: .4s;  transition: .4s;}
.togglebtn input:checked + .slider {background-color: #2196F3;}
.togglebtn input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
.togglebtn input:checked + .slider:before { -webkit-transform: translateX(44px); -ms-transform: translateX(44px); transform: translateX(44px);}
.togglebtn .slider.round {border-radius: 34px;}
.togglebtn .slider.round:before {border-radius: 50%;}
.togglebtn .slider:after { content:'OFF';color: white;display: block;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 60%;font-size: 12px;font-family: Verdana, sans-serif;}
.togglebtn input:checked + .slider:after { content:'ON'; left:36%; }


.salesrep_modal_popup .modal-header{text-align:center;padding:5px;}
.salesrep_modal_popup .modal-header h4{font-size:24px;line-height:50px;}
.salesrep_modal_popup .modal-header .close{margin-top: 0; position: absolute; right: -11px; top: -8px; background: #44acff;width: 30px;height: 30px;border-radius: 15px;opacity: 1;line-height: 24px;}
.salesrep_modal_popup .modal-header .close:hover{background:#00BCD4;}
.saleaddform{display:table;width:100%;position:relative;}
.saleaddform .form-group label{font-weight: normal;font-size: 12px;margin-bottom:3px;}
.saleaddform .threecol{display:block;width:100%;position:relative;height:61px;}
.saleaddform .threecol .form-group{width:35%;margin:0 1% 15px;}
.saleaddform .threecol .form-group.subamout{width:24%;float:left;}
.saleaddform .threecol .form-group.subamout label{top: -5px;font-size: 9px; background: #fff; line-height: 7px;}
.saleaddform .form-group{width:48%;margin:0 1% 15px;float:left;}
.saleaddform .form-group.passgrpeye .form-control{width:90%;float:left;}
.saleaddform .form-group.passgrpeye .eyebox{width: 10%;float: left;text-align: right;margin-top: 5px;}

.settingpage .tabwhitebg .contactinfo #preview{width: 160px;height: 208px;position: absolute;left: -200px;top: 0;border: 4px #ccc solid;}
.settingpage .tabwhitebg .contactinfo #preview img{width:100%;}


@media (max-width:1600px){
	header{height:70px;}
	header .logo{height:60px;}
	#sidebar{top:70px;}
	.mainbody {height: calc(100vh - 70px);margin-top:70px;}
	.leadtable table tbody td{font-size:12px;}
	.mainbody .contentarea .pplarea{height: 500px; max-width: 1000px;}
	
}


@media (max-width:1440px){
	.panel .panel-header h3{font-size:18px;}
	.panel .panel-header .form-group{margin-left:10px;}
	.panel .panel-header .form-group.searchgrp{width:160px;}
	.leadtable table th{font-size:12px;}
	.leadtable table tbody td{font-size:10px;}
	.leadtable table tbody td .more{font-size:16px;}
	
	.settingpage .tabwhitebg .contactinfo #preview {   width: 110px;   height: 140px;   position: absolute;   left: -125px;   top: 0;  border: 4px #ccc solid;}
	
}


@media (max-width:991px){
header{height:50px;}
header .logo{width:90px;height:40px;}
header .logo img{width:100%;}
header .usersetting{margin-top:7px;}
header .usersetting .username {font-size: 14px;padding-top:3px;}
header .usersetting .notificationdiv,
header .usersetting .dropdown{font-size:18px;}
.sidebarscroll{margin-left:0px;}
.show-hide-sidebar.show-sidebar{display:inline-block;color:#fff;}
.show-hide-sidebar.hide-sidebar{display:none;}
#sidebar{width:50px!important;overflow:visible!important;z-index:10;    transition: all 0.5s ease;top:50px;}
#sidebar:before{width:47px;}
#sidebar .slimScrollDiv{width:50px!important;overflow:visible!important;}
#sidebar .slimScrollDiv .sidebar_scroll{width:50px!important;overflow:visible!important;}
#sidebar:hover{z-index:9998;}
#sidebar .nav > li{height:40px;width:50px;    transition: all 0.5s ease;}
#sidebar ul.nav:before,
#sidebar .nav > li a:before{display:none;}
#sidebar .nav > li a{height:40px;width:50px;padding:14px;}
#sidebar .nav > li a span{display:none;}
#sidebar .nav > li a > i.has-submenu{display:none;}
#sidebar .nav > li:hover{padding:0px;}
#sidebar .nav > li:hover i{z-index:999!important;color:#eba74e;}
#sidebar .nav > li:hover > a{width:270px;display:block;}
#sidebar .nav > li:hover > a > span{display:inline-block !important;padding-left:48px;text-transform:uppercase;font-size:12px;padding-top:0px;background-color:#162439;color:#ffffff;width:220px;position:absolute;left:46px;padding-left:13PX;top:0px;bottom:0px;padding-top:12px;}
#sidebar .nav > li:hover > a > span .label,
#sidebar .nav > li:hover > a > span .badge{display:none!important;}
#sidebar .nav > li:hover > a > span.label,
#sidebar .nav > li:hover > a > span.badge{display:none!important;}
#sidebar .nav > li:hover > ul.nav-submenu {display:block!important;z-index:9998;position:absolute;width:220px;left:100%;top:100%;}
#sidebar .nav > li:hover > ul ul.dropdown-subnav{position:relative;width:100%;left:0; display:none;}
#sidebar .nav > li:hover > ul ul li a{display:block;}
#sidebar .nav.nav-submenu > li a{width:220px;padding:13px;line-height:16px;}
#sidebar .nav.nav-submenu > li a.subsubdown i{display:block;}
#sidebar .nav > li ul li{width:100%; height:auto;}
#sidebar .nav-submenu.submenu-hidden{display:none !important;}
	
	
.sidebarscroll.activescroll { width: 250px;}
.collapsed-sidebar .sidebarscroll{width:250px;}	
.collapsed-sidebar #sidebar { width: 250px!important;z-index: 999;}
.collapsed-sidebar #sidebar:before {width: 250px;}
.collapsed-sidebar #sidebar .slimScrollDiv,
.collapsed-sidebar #sidebar .slimScrollDiv .sidebar_scroll	{width: 250px!important;    overflow: hidden !important;}
.collapsed-sidebar #main-nav,
.collapsed-sidebar #sidebar .nav > li,
.collapsed-sidebar #sidebar .nav > li a	{width: 250px;}
.collapsed-sidebar #sidebar .nav > li a	{padding:10px 15px;}
.collapsed-sidebar #sidebar .nav > li a span {    display: inline-block;}
.collapsed-sidebar #sidebar .nav > li:hover > a > span{width:200px;}
.collapsed-sidebar #sidebar .nav > li:hover > a{width:250px;}
.collapsed-sidebar #sidebar .nav.nav-submenu > li a{width:250px;}
.collapsed-sidebar #sidebar .nav > li a > i.has-submenu { display: block;}
.collapsed-sidebar #sidebar .nav > li:hover > ul.nav-submenu {display: block;z-index:0;position: relative; width: 250px;left: 0; top: 0;}
.collapsed-sidebar #sidebar .nav > ul.nav-submenu > li:hover {padding: 0px; height: auto;}
.collapsed-sidebar #sidebar .nav > li:hover {padding: 0px; height: auto; position:relative;}
.collapsed-sidebar #sidebar .nav > li:hover > ul li{width:100%;height:auto;}
.collapsed-sidebar #sidebar .nav > li:hover > ul li .dropdown-subnav,
.collapsed-sidebar #sidebar .nav > li > ul li:hover ul{display:none;    position: relative; left: 0;  top: 0;}
.collapsed-sidebar #sidebar .nav > li:hover > ul li .dropdown-subnav.active{position:relative;top:0;left:0;width:250px;}
.collapsed-sidebar #sidebar .nav > li > ul ul.dropdown-subnav.active{display:block;}

.contentarea{width:calc(100% - 50px);padding:0px 15px 0px;}
.panel .panel-header .form-group .perpage{display:none;}
.panel .panel-header{height:70px;}
.panel .panel-body {height: calc(100% - 70px);}

.leadtable table th{z-index:9;}
.leadtable table tbody td{position:relative;padding-bottom:20px;}

}

@media (max-width:767px){

.loginpage .loginpageform{width:94%;padding:20px;}
.loginpage .loginpageform p{font-size:16px;}
.loginpage .logremb, .loginpage .logforget {width:50%;float:left;padding:10px 0px;font-size:14px;}
.loginpage .logforget a{font-size:14px;}
header .usersetting .notificationdiv{margin:0 15px;}
.panel .panel-header {height: 100px;padding: 0;}
.panel .panel-body {height: calc(100% - 100px);}
.panel .panel-header .form-group {margin-left: 0;margin-bottom: 5px; height: 30px;position: relative;width:100%;}
.panel .panel-header .header-right .form-group:nth-child(2){width:63%;float:left;}
.panel .panel-header .form-group.searchgrp{width:37%;float:left;}
.panel .panel-header .searchgrp input{padding:5px 35px 5px 5px;}
.panel .panel-header .form-group .pagination li a{font-size:12px;line-height:24px;}
.footable-row-detail-name{width:30%;font-size:11px;}

}


/*m/7/12/2023*/
.sales_rep_wrapper {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding: 10px 10px 10px;}
.sales_rep_wrapper .right_rep_rapper ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;flex-wrap: wrap;}
.sales_rep_wrapper .right_rep_rapper ul li {padding: 0 10px;border-right: 1px solid #000;line-height: 15px;}
.sales_rep_wrapper .right_rep_rapper ul li {padding: 0 10px;border-right: 2px solid #000;line-height: 17px;}
.sales_rep_wrapper .right_rep_rapper ul li:last-child {border: none;}
.sales_rep_wrapper .left_add_new label {font-weight: normal;cursor: pointer;font-size: 16px;}
.sales_rep_wrapper .left_add_new label span {padding-right: 8px;font-size: 21px;}
.salesrep_wrap .panel-body {padding-top: 8px;}
.salesrep_wrap .ordertab_table .table th {background: #d9d9d9;border-right: 1px solid #fff;vertical-align: middle;padding: 5px;line-height: 15px;font-size: 12px;text-align: center}
.salesrep_wrap .ordertab_table .table th:last-child{border-right:none;}
.salesrep_wrap .ordertab_table .table th span {font-size: 11px;padding-left: 4px;font-weight: normal;}
.salesrep_wrap .ordertab_table .table  td {font-size: 13px;height: auto;border: none;text-align: center}
.salesrep_wrap .ordertab_table .table>tbody>tr:nth-of-type(even) {background-color: #f2f2f2;}
.salesrep_wrap .ordertab_table .table>tbody>tr:nth-of-type(odd) {background-color: transparent;}
.salesrep_wrap .ordertab_table .table td.text-right {text-align: center;}

.sales_popup_content {padding: 50px 30px;position: relative;width: 100%;}
.salesrep_wrap .ordertab_table .table td.view_more_btn {cursor: pointer;}
.sales_popup_content .form-group-half {width: 100%;display: flex;align-items: center;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
.sales_popup_content .form-group-half .form-group {width: 50%;padding: 0px 10px;position:relative;}
.sales_popup_content .form-group-half.last_step_form .form-group {width: 33.33%;padding: 0 10px;}

/*.sales_popup_content .form-group-half input[type="date"]::-webkit-calendar-picker-indicator {display: none;appearance: none;}*/
.sales_popup_content .form-group-half input[type="date"] {text-align: left;position: relative;}
.sales_popup_content .form-group-half input::placeholder {color: #000;opacity: 1; font-size:12px;}


.salesrep_wrap .panel {display: block;height: 100%;border-radius: 10px;overflow: hidden;width: 100%;margin: 0px;border: 0px;position: relative;}
.salesrep_wrap .panel-header, .panel-footer {height: 60px;display: block;width: 100%;background: #6cadde;color: #fff;overflow: hidden;position: relative;border: 0px;}
.salesrep_wrap .panel-header h3 {text-align: center;float: inherit;padding: 15px 0 0;}
.salesrep_wrap .panel .panel-body {height: calc(100% - 130px);position: relative;}
.salesrep_wrap .panel-footer .nextbtn, .salesrep_wrap .panel-footer .backbtn {border: 2px #fff solid;width: 150px;text-transform: uppercase;text-align: center;color: #fff;height: 37px;line-height: 34px;font-size: 18px;border-radius: 20px;}
.salesrep_wrap .panel-footer .nextbtn{border: none; background: #a1ff00;}
.salesrep_wrap .panel-footer .nextbtn:hover{border: 2px solid #fff;background: transparent;}
.salesrep_wrap .panel-footer .backbtn:hover {border-color: #5daea7;background: #5daea7;}

/*m/12/12/2023*/

.orderpage-greybg {background: #d4d4d7;padding: 20px 80px;overflow: auto !important;;}
.order-detail-page {padding:25px 50px;height: auto;position: relative;}
.order-detail-page .panel-header {height: 50px;display: block;width: 100%;padding: 0px 0px 0px;}
.order-detail-page .panel-header::before {top: 85px;content: "";position: absolute;width: 100%;height: 6px;background: #000;left: 0;}
.order-detail-page .panel-header h3 {font-size: 35px;text-align: center;float: inherit;}
.order-detail-page .left-wrap, .order-detail-page .right-wrap {padding: 35px 0 0;}
.order-detail-page .left-wrap h3, .order-detail-page .right-wrap h3 {font-size: 22px;background: #b2b2b2;width: 330px;margin: 0;padding: 10px;color: #fff;font-weight: bold;letter-spacing: 1px;border-radius: 5px;margin-bottom: 10px;}
.order-detail-page .left-wrap p, .order-detail-page .right-wrap p {font-size: 20px;color: #464545;align-items: self-start;display: flex;margin-bottom: 8px;}
.order-detail-page .left-wrap p span:first-child {width: 180px;display: inline-block;}
.order-detail-page .right-wrap p span:first-child {width: 200px;display: inline-block;}
.order-detail-wrapper {border: 2px solid #b2b2b2;border-radius: 20px;margin-top:25px;}
.order-detail-wrapper h3 {font-size: 22px;background: #b2b2b2;width: 240px;margin: 0;padding: 5px;color: #fff;font-weight: bold;letter-spacing: 1px;margin-top: -20px;margin-left: -1px;}
.order-detail-wrapper table {padding: 20px 40px;display: block;width: 100%;}
.order-detail-wrapper table tbody {width: 100%;display: block;}
.order-detail-wrapper table tbody tr{width: 100%;display: table;}
.order-detail-wrapper table tr td {font-size: 18px;border: 2px solid #b2b2b2;padding: 10px 5px;border-bottom: none;}
.order-detail-wrapper table tr td p {font-weight: bold;margin: 0;}
.order-detail-wrapper table tr td  span {display: block;width: 100%;}
.order-detail-wrapper table tr:last-child td{border-bottom: 2px solid #b2b2b2;}
.order-detail-page.compaign-second {margin-top: 20px;}
.compaign-second .order-detail-wrapper h3 {width: 300px;}
.compaign-second .order-detail-wrapper {margin-top: 40px;}
.order-detail-wrapper.billing-wrap .second-table {padding-top: 0;}
.order-detail-wrapper.billing-wrap .billing-con-wrap {padding: 0 40px 20px;}
.order-detail-wrapper.billing-wrap .billing-con-wrap ul {margin: 0;padding: 0 0 0 25px;}
.order-detail-wrapper.billing-wrap .billing-con-wrap ul li {font-size: 23px;margin-bottom: 5px;font-weight: 300;}
.panel.order-detail-page.compaign-third {margin-top: 20px;}
.compaign-third .order-detail-wrapper h3 {width: 300px;}
.compaign-third .order-detail-wrapper p {font-size: 28px;margin-top: 7px;padding-left: 15px;margin-bottom: 0;}
.compaign-third .order-detail-wrapper {margin-top: 40px;}
.compaign-third .order-detail-wrapper table {padding: 5px 40px 20px;}
.compaign-third .order-detail-wrapper table tr td {border: none;}
.order-detail-page .panel-footer {background: transparent;height: auto;padding: 30px 0 0px;position: initial;text-align: center;}
.order-detail-page.compaign-third .panel-footer::before {content: "";position: absolute;width: 100%;height: 6px;background: #000;left: 0;bottom: 75px;}
.order-detail-page.compaign-third .panel-footer img {width: 230px;z-index: 1;position: relative;background: #fff;}
.order-detail-page .panel-footer h4 {font-size: 22px; color:#000;}
.order-detail-page .backbtn {margin-top: 5px;border: 2px #fff solid;width: 130px;text-transform: uppercase;text-align: center;height: 37px;line-height: 34px;font-size: 18px;border-radius: 10px;color: #fff;background: #b2b2b2;}
.order-detail-page .backbtn:hover {background: transparent;border-color: #000;color: #000;border-width: 3px;}
@media (max-width:1600px){
    .order-detail-page .panel-header h3 {font-size: 30px;}
    .order-detail-page .panel-header::before {top: 100px;}
    .order-detail-page .left-wrap, .order-detail-page .right-wrap {padding: 30px 0 0;}
    .order-detail-page .left-wrap h3, .order-detail-page .right-wrap h3 {font-size: 20px;width: 350px;}
    .order-detail-page .left-wrap p, .order-detail-page .right-wrap p {font-size: 19px;}
    .order-detail-wrapper h3 {width: 250px;}
    .order-detail-wrapper table tr td {font-size: 18px;}
    .order-detail-wrapper.billing-wrap .billing-con-wrap ul li {font-size: 22px;}
    .compaign-second .order-detail-wrapper h3 {width: 350px;}
    .compaign-third .order-detail-wrapper h3 {width: 350px;}
    .compaign-third .order-detail-wrapper p {font-size: 25px;}
    .order-detail-wrapper h3 {font-size: 20px;}
}
@media (max-width:1366px){
    .order-detail-page .panel-header h3 {font-size: 28px;}
    .order-detail-page .left-wrap h3, .order-detail-page .right-wrap h3 {font-size: 18px;width: 290px;}
    .order-detail-page .left-wrap p span:first-child {width: 130px;}
    .order-detail-page .left-wrap p, .order-detail-page .right-wrap p {font-size: 16px;}
    .order-detail-page .right-wrap p span:first-child {width: 160px;}
    .order-detail-page {padding: 30px;}
    .order-detail-wrapper h3 {font-size: 18px;}
    .order-detail-wrapper table {padding: 20px;}
    .order-detail-wrapper table tr td {font-size: 15px;}
    .order-detail-wrapper table tr td  span {line-height: 25px;}
    .compaign-second .order-detail-wrapper h3 {width: 300px;}
    .order-detail-wrapper.billing-wrap .billing-con-wrap ul li {font-size: 18px;margin-bottom: 10px;}
    .order-detail-wrapper.billing-wrap .billing-con-wrap ul {padding: 0 0 0 3px;}
    .compaign-third .order-detail-wrapper h3 {width: 300px;}
    .compaign-third .order-detail-wrapper p {font-size: 22px;}
    .compaign-third .order-detail-wrapper table tr td {font-size: 13px;}
    .order-detail-page .panel-header::before {top: 80px;}
    .order-detail-page.compaign-third .panel-footer {padding: 70px 0 30px;}
    .order-detail-page.compaign-third .panel-footer::before {bottom: 110px;}
    .compaign-second .order-detail-wrapper {margin-top: 50px;}
    .compaign-third .order-detail-wrapper {margin-top: 50px;}
}
/*m/15/12/2023*/
.agent-details-wrapper {background: #d4d4d7;padding: 20px 80px;overflow: auto;}
.agent-details-page {padding: 15px 50px;height: auto;position: relative;}
.agent-details-page table {padding: 20px;display: block;width: 100%;}
.agent-details-page table tbody {width: 100%;display: block;}
.agent-details-page table tbody tr{width: 100%;display: table;}
.agent-details-page table tr th, .agent-details-page table tr td {font-size: 16px;border: 2px solid #b2b2b2;padding: 1px 4px;border-bottom: none;}
.agent-details-page table tr:last-child th, .agent-details-page table tr:last-child td{border-bottom: 2px solid #b2b2b2;}
.agent-details-page.panel .panel-body .row {border: 2px solid #b2b2b2;border-radius: 30px;}
.agent-details-page .panel.panel-default {border: none;}
.agent-details-page.panel .panel-body .row h3 {font-size: 21px;background: #b2b2b2;width: 270px;margin: 0;padding: 5px 10px;color: #fff;font-weight: bold;letter-spacing: 1px;border-radius: 5px;    margin-top: -18px;margin-left: -17px;}
.agent-details-page table.last-table {padding-top: 0px;}
.agent-details-page .panel-footer {background: transparent;height: auto;padding: 100px 0 50px;position: initial;text-align: center;}
.agent-details-page .panel-footer::before {content: "";position: absolute;width: 100%;height: 6px;background: #000;left: 0;bottom: 100px;}
.agent-details-page .panel-footer img {width: 230px;z-index: 1;position: relative;background: #fff;}
.agent-details-page .backbtn {margin-top: 5px;border: 2px #fff solid;width: 130px;text-transform: uppercase;text-align: center;height: 37px;line-height: 34px;font-size: 18px;border-radius: 10px;color: #fff;background: #b2b2b2;}
.agent-details-page .backbtn:hover {background: transparent;border-color: #000;color: #000;border-width: 3px;}
.agent-details-page .panel-header {padding: 0;margin-bottom: 20px;}
/*.agent-details-page table tbody tr:nth-child(even) {background: #ddd;}*/


.webscript-btnclass{cursor: pointer;display: block;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word;
    background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;padding: 10px;}
.webscript-status-msg{font-size: 12px;color: #668faf;}



/*4/1/2024*/
.partner-page .panel-header h3 {font-size: 30px;color: #454545;}
.partner-top-wrapper {display: flex;align-items: center;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.partner-top-wrapper .left-wrap, .partner-top-wrapper .right-wrap {width: 50%;}
.partner-top-wrapper .left-wrap ul, .partner-top-wrapper .right-wrap ul {padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;list-style: none;}
.partner-top-wrapper .left-wrap ul li, .partner-top-wrapper .right-wrap ul li {display: flex;align-items: center;flex-wrap: wrap;list-style: none;margin-right: 20px;}
.partner-top-wrapper .left-wrap ul li label, .partner-top-wrapper .right-wrap ul li label {width: auto;font-size: 16px;font-weight: 500;}
.partner-top-wrapper .left-wrap ul li select, .partner-top-wrapper .right-wrap ul li select {width: 180px;font-size: 15px;color: #000;text-align: center;margin-left: 10px;border: 1px solid #a4a4a4;border-radius: 10px;padding: 3px 10px;height: 30px;}
.partner-top-wrapper .right-wrap ul {justify-content: end;}
.partner-top-wrapper .right-wrap ul li {cursor: pointer;letter-spacing: 1px;font-size: 16px;font-weight: 500;border: 1px solid #a4a4a4;border-radius: 5px;padding: 3px 10px;height: 35px;width: 180px;justify-content: center;margin-right: 10px;}
.partner-top-wrapper .right-wrap ul li:last-child{margin-right:0;}
.partner-top-wrapper .right-wrap ul li.active, .partner-top-wrapper .right-wrap ul li:hover {color: #fff;font-weight: bold;background: #6cadde;}
.web-leads-tabing table .top-table-header th {background: #f2f2f2;color: #fff;font-size: 12px;font-weight: 500;text-align: center;padding: 0 0px 0 5px;height: 55px;}
.web-leads-tabing table .top-table-header th .inner-wrap {background: #4c4c4c;padding: 10px 3px;height: 100%;}
.web-leads-tabing table .bottom-table-header th .inner-wrap {background: #808080;padding: 3px 3px;height: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.web-leads-tabing table .bottom-table-header th {background: #f2f2f2;color: #fff;font-size: 12px;font-weight: 500;text-align: center;padding: 0 0 0 5px;height: 55px;}
.web-leads-tabing table th span {display: block;}
.web-leads-tabing table .top-table-header th.banck {background: transparent;border: none;}
.web-leads-tabing table .top-table-header th.bgblack .inner-wrap, .web-leads-tabing table .bottom-table-header th.bgblack .inner-wrap {background: #000;}
.web-leads-tabing table .bottom-table-header th .inner-wrap span:first-child {border-bottom: 1px solid #ffff;padding-bottom: 5px;width: 100%;}
.web-leads-tabing table .bottom-table-header th .inner-wrap span:last-child {padding-top: 0px;}
.web-leads-tabing {padding-top: 25px;height: 100%;}
.web-leads-tabing .table-brak .inner-wrap {border-top: 1px solid #ffff;}
.web-leads-tabing .table-brak .left-wrap, .table-brak .right-wrap {width: 50%;}
.web-leads-tabing table .bottom-table-header .table-brak .inner-wrap {padding: 0px 3px;}
.web-leads-tabing .table-brak .left-wrap {border-right: 1px solid #fff;height: 100%;padding-top:4px;}
.web-leads-tabing .table-brak .left-wrap span:first-child {border-bottom: 1px solid #ffff;width: 90%;display: inline-block;padding-bottom: 3px;}
.web-leads-tabing .table-brak .left-wrap span:last-child {padding-top: 3px;display: inline-block;}
.web-leads-tabing table .bottom-table-header th:first-child {padding: 0;}
.web-leads-tabing table .bottom-table-header th:nth-child(2) {padding-left: 0;border-left: 1px solid #fff;}
.web-leads-tabing table tbody tr td  {font-size: 11px;font-weight: 500;text-align: center;padding: 0 0px 0 5px;height: 55px;}
.web-leads-tabing table tbody tr td .inner-wrap {border: 1px solid #000;height: 55px;}
.web-leads-tabing table tbody tr td .inner-wrap {border: 1px solid #000;height: 55px;}
.web-leads-tabing table tbody tr td .inner-wrap {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.web-leads-tabing table tbody tr td:first-child {padding-left: 0;}
.web-leads-tabing table tbody tr td:nth-child(2) {padding-left: 0;border-left: 1px solid #a8a8a8;}
.web-leads-tabing table tbody tr td.table-brak .inner-wrap {border: 2px solid #000;}
.web-leads-tabing table tbody tr td.table-brak .inner-wrap span:first-child {border-color: #b0b0b0;}
.web-leads-tabing table tbody tr td.table-brak .inner-wrap .left-wrap {border-color: #000;}
.web-leads-tabing table tbody tr td.table-brak .inner-wrap .right-wrap p {width: 90%;margin: 0 auto;border: 1px solid #356a9d;border-radius: 5px;height: 35px;display: flex;align-items: center;justify-content: center;color: #356a9d;font-weight: bold;}
.web-leads-tabing table tbody tr td.table-brak .inner-wrap .right-wrap p span:first-child {width: 20px;height: 100%;display: flex;align-items: center;justify-content: center;border-right: 1px solid #356a9d !important;color: #356a9d;font-weight: bold;}
.web-leads-tabing table tbody tr td.table-brak .inner-wrap .right-wrap p span:last-child {text-align: center;width: 80%;color: #356a9d;font-weight: bold;}
.web-leads-tabing table td .inner-wrap span:first-child {border-bottom: 1px solid #b0b0b0;font-weight: bold;padding-bottom: 2px;width: 90%;}
.web-leads-tabing table td .inner-wrap p span {border: none;}
.web-leads-tabing table td .inner-wrap p span {border: none !important;}
.web-leads-tabing table td .inner-wrap p {width: 100%;margin: 0;}
.web-leads-tabing table td .inner-wrap p span:first-child {border-right: 1px solid #b0b0b0 !important;margin-right: 5px;padding-right: 5px;font-weight: normal;}
.web-leads-tabing table tbody tr td:first-child .inner-wrap {border-right-color: #b0b0b0;height: 100%;justify-content: start;padding-left: 10px;}
.web-leads-tabing table tbody tr td:nth-child(2) .inner-wrap {border-left: none;}
.web-leads-tabing table.mtop {margin-top: 15px;}
.web-leads-tabing table tbody tr.repair-row td:nth-child(2) {padding-left: 5px;}
.web-leads-tabing table tbody tr.repair-row td:nth-child(2) .inner-wrap {border-left: 1px solid #000;}
.web-leads-tabing table tbody tr.repair-row td .inner-wrap {border-top: none;}
.web-leads-tabing table tbody tr.replace-row td:first-child .inner-wrap {border-right-color: #000;}
.web-leads-tabing table tbody tr.repair-row td:first-child .inner-wrap {border-right-color: #000;}
.web-leads-tabing table tbody tr.replace-row td .inner-wrap {border-bottom-width: 1px;}
.web-leads-tabing table tbody tr td:nth-child(2) .inner-wrap {justify-content: start;padding-left: 10px;}
.web-leads-tabing .header-table{position: sticky;top: 0;background: #fff;}
.web-leads-tabing table .bottom-table-header .table-brak .right-wrap span {border: none !important;}
.partner-page .planboxdiv {
    height: 100%;
}
@media (max-width:1600px){
    .web-leads-tabing table tbody tr td {font-size: 10px;padding: 0 0px 0 3px;}
    .web-leads-tabing table td .inner-wrap p span:first-child {margin-right: 4px;padding-right: 0px;}
    .web-leads-tabing table .top-table-header th {font-size: 10px;}
    .web-leads-tabing table .bottom-table-header th {font-size: 10px;}
    .partner-top-wrapper .left-wrap ul li, .partner-top-wrapper .right-wrap ul li { margin-right: 10px;}
    .partner-top-wrapper .left-wrap ul li label, .partner-top-wrapper .right-wrap ul li label {font-size: 13px;}
    .partner-top-wrapper .left-wrap ul li select, .partner-top-wrapper .right-wrap ul li select {width: 150px;font-size: 13px;padding: 3px 5px;}
    .partner-top-wrapper .right-wrap ul li {font-size: 13px;padding: 3px 10px;width: 150px;}
    .web-leads-tabing table tbody tr.repair-row td:nth-child(2) {padding-left: 3px;}
}
@media (max-width:1400px){
    .partner-top-wrapper .right-wrap ul li {font-size: 13px;padding: 3px 5px;width: 130px;}
    .partner-top-wrapper .left-wrap ul li select, .partner-top-wrapper .right-wrap ul li select {width: 130px;}
    .web-leads-tabing table .bottom-table-header th {font-size: 9px;}
    .web-leads-tabing table td .inner-wrap p span:first-child {margin-right: 0px;padding-right: 0px;}
}