/*TS4/25*/

/* Custom v2 CSS */
body {padding-bottom:0 !important;  background:#ebecf1 !important;}
.wrapper{display:block !important;  min-height:100%}
html, body {font-family:Inter !important}
.btn {margin:0}
.main-panel.ps {overflow:visible !important}
footer {position:static !important; height:auto !important; padding:6px; padding:20px;}
.vid2 {position: relative;overflow: hidden;width: 100%;padding-top: 66.25%;}
.vid2 iframe { position: absolute;top: 0; left: 0; bottom: 0; right: 0;  width: 100%; height: 100%;}
.appFooter {text-align:center; padding-bottom:20px;}
.hr_light {border-top: 1px solid rgba(255,255,255,.2);}
.semi-tran {color: rgba(255,255,255, 0.6);}
.float-right {float: right!important;}
.blurrable.blurred {color: transparent !important; text-shadow: 0 0 6px rgb(0 0 0 / 51%) !important;}
.blurrable.blurred span {color: transparent !important;}
.toggle-group label.btn-xs {white-space: nowrap;}
.strike, .del {
    text-decoration: line-through;
    text-decoration-color: black;
    text-decoration-thickness: 3px;
}
.cursorPointer {cursor:pointer !important;}

/*Sidebar*/
.sidebar .navbar-minimize, .off-canvas-sidebar .navbar-minimize {top: 11px;}
.sidebar[data-color="white"]:after, .off-canvas-sidebar[data-color="white"]:after {background: #162631;}
.sidebar .logo:after, .off-canvas-sidebar .logo:after, .sidebar .user:after, .off-canvas-sidebar .user:after {background-color: rgba(255, 255, 255, 0.1);}
.sidebar .user .photo i, .off-canvas-sidebar .user .photo i {color:#fff; font-size:22px; margin-left:7px; top:7px;}
.sidebar .nav li>a, .off-canvas-sidebar .nav li>a {font-size: 0.9em; text-transform: initial; border-radius:5px; padding:7px 8px}
.sidebar[data-color="white"] .nav li.active>a:not([data-toggle="collapse"]),.off-canvas-sidebar[data-color="white"] .nav li.active>a:not([data-toggle="collapse"]) color: #fff !important;  }
.sidebar .logo-normal {font-size: 18px !important; font-weight: 700 !important; text-transform: capitalize !important;}
.sidebar .nav li.active>a:not([data-toggle="collapse"]), .off-canvas-sidebar .nav li.active>a:not([data-toggle="collapse"]), .sidebar .nav li.active > a[data-toggle="collapse"] + div .nav .active a {background-color: #2c947c !important; box-shadow: 0 1px 15px 1px rgb(39 39 39 / 10%) !important;}
.sidebar .nav li.active > a[data-toggle="collapse"] + div .nav .active a:after {background-color:transparent !important; border-radius: inherit !important;}
.sidebar .nav .nav {
    background: rgba(0, 0, 0, 0.3) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: inset 0 7px 9px -7px rgb(0 0 0 / 40%) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
    margin-top: 20px !important;
}
.sidebar .sidebar-wrapper [data-toggle="collapse"] ~ div > ul > li.active > a .sidebar-mini-icon, .off-canvas-sidebar .sidebar-wrapper [data-toggle="collapse"] ~ div > ul > li.active > a .sidebar-mini-icon {
    color: #fff; margin-top:0;
}
.sidebar .sidebar-wrapper hr {
    border: 0;
    border-top: 1px solid rgb(223 223 223 / 10%);
    margin-bottom: 1rem;
    margin-top: 1rem;
}


.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li.navNotice > a {overflow:hidden; width:230px;}
.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li.navNotice > a p {white-space: pre-wrap !important;}

.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li.navNotice.nnGreen > a {background-color: #5fe3238a;}

.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li.navNotice.nnGreen i {color:#fff !important; font-size:32px; margin-top:12px;}
.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li.navNotice.nnGreen i.smlr {font-size:26px;}

.sidebar .nav .nav {
    padding-top: 10px !important;
    padding-bottom: 13px !important;}

.sidebar .nav img.icon, .off-canvas-sidebar .nav img.icon  {-webkit-filter: grayscale(100%); filter: grayscale(100%); margin-right:12px; float: left; margin-left: 4px; margin-top: 3px; line-height: 26px;width: 26px;text-align: center;color: rgba(255, 255, 255, 0.5);position: relative;}
.sidebarSection {}
.sidebar:after, .off-canvas-sidebar:after {background: #202930d6 !important;}
.sidebar:after {backdrop-filter: blur(10px);}
.sidebar .navbar-minimize .btn, .sidebar .navbar-minimize .btn:active, .sidebar .navbar-minimize .btn:focus, .sidebar .navbar-minimize .btn:hover, .off-canvas-sidebar .navbar-minimize .btn, .off-canvas-sidebar .navbar-minimize .btn:active, .off-canvas-sidebar .navbar-minimize .btn:focus, .off-canvas-sidebar .navbar-minimize .btn:hover {
    border: 0 !important;
}
.sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a i, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a i, .off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a i, .off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a i {
    margin-left: 4px;
    margin-top:3px;
}

.sidebar .nav p, .off-canvas-sidebar .nav p {
    margin: 0;
    line-height: 30px;
    position: relative;
    display: block;
    font-size: 14px;
    height: auto;
    white-space: nowrap;
}
.sidebar .nav .nav p, .off-canvas-sidebar .collapse .nav .nav p {
    font-size: 13px;
    line-height: 23px;
}

.navbar-toggle {display:none}
.navbar-toggle .navbar-toggler, .navbar-toggle {
    background: transparent;
    border: 0;
    color: #fff;
    box-shadow: none;
    margin:4px;
}
.navbar-toggle .navbar-toggler span, .navbar-toggle span {background-color:#fff !important;}

/*Navbar*/
.main-panel > .navbar {height: 50px;}
html body .navbar {background: linear-gradient(to right, #5b636e 0%, #2c3438 60%, #2b3134 100%) !important; padding:0 !important}
html body .navbar .nav-item {border-right: 1px solid rgb(255,255,255,0.15) !important; height: 50px;}
html body .navbar .nav-item a i {color: #ffffff94 !important;}
html body .navbar .nav-item a:hover, html body .navbar-nav > li:hover, html body .navbar-nav > li.active, html body .navbar .nav-item.active a.nav-link {background: rgb(0,0,0,0.2) !important;}
html body .navbar .dropdown .dropdown-menu {background: #202930c2 !important; backdrop-filter: blur(3px);}
html body .navbar .dropdown .dropdown-menu .dropdown-item {color: #fff !important;  border-bottom: 1px solid rgb(0,0,0,0.1) !important;  border-top: 1px solid rgb(255,255,255,0.1) !important;}
html body .navbar .dropdown .dropdown-menu .dropdown-item:hover {background: rgb(0,0,0,0.4) !important;}
html body .navbar .dropdown .dropdown-menu.supportDropdown .dropdown-item {border-bottom: 0 !important;  border-top:0 !important;}
html body .navbar.ht {background: linear-gradient(to right, #227a65 0%, #1a4956 60%, #071628 100%) !important;}

/*Sidebar Language Select Dropdown */
html body .sidebar .nav .dropdown-menu.lang-drop-top {background: #202930c2 !important; backdrop-filter: blur(3px);}
html body .sidebar .nav .dropdown-menu.lang-drop-top .dropdown-item {color: #fff !important;  border-bottom: 1px solid rgb(0,0,0,0.1) !important;  border-top: 1px solid rgb(255,255,255,0.1) !important;}
html body .sidebar .nav .dropdown-menu.lang-drop-top .dropdown-item:hover {background: rgb(0,0,0,0.4) !important;}
html body .sidebar .nav .dropdown-toggle:after { display: none; }

.panel-header{padding:32px 30px 0 25px; background: linear-gradient(to right, #0c2646ed 0%, #204065f2 60%, #2a5788de 100%);}
.panel-header h1 {color:#fff; font-size:22px; font-weight:200;}

/*Cards*/
.card-click{cursor:pointer}
.card-v2 .card-header {color:#fff;padding:12px !important;background: #8b9399;background: -moz-linear-gradient(top,  #8b9399 0%, #828c95 36%, #515c62 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #8b9399 0%,#828c95 36%,#515c62 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #8b9399 0%,#828c95 36%,#515c62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9399', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */}
.card-v2 .card-header.wb {line-height:1.9em;}
.card-v2 .card-header i {margin-right:5px;}
.card-body h6 {color:#2dbcaf;}
.card-body .basic-list {list-style:none; margin:0; padding:0;}
.card-body .basic-list li {padding:2px 5px}

.card-gray {background-color: #f2f2f2 !important; border: 1px solid rgba(0,0,0,.125) !important;}
.text-ihbl {color:#3e64ab !important;}

body .card-v2 .card-header {border-bottom:0 !important;background: #8b9399;background: -moz-linear-gradient(top,  #8b9399 0%, #828c95 36%, #515c62 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #8b9399 0%,#828c95 36%,#515c62 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #8b9399 0%,#828c95 36%,#515c62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9399', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */}
body .card-v2 .card-header.w {color: #a1a1a1 !important;}
body .card-v2 .body-hel {color:#000;border-bottom-right-radius:5px !important; border-bottom-left-radius:5px !important;}
body .card-v2 .body-hel-rnd {border-radius: 5px !important;color:#000;}
body .card-v2 .body-hel-rnd .widget_stat {color:#000;}
body .card-v2 {}

body .widget-link .card-v2:hover {text-decoration:none !important;background:#8b9399 !important;color:#000;}
body .widget-link .card-v2:hover .widget_stat {background:#8b9399 !important; text-decoration:none !important;color:#000;}
body .widget-link .card-v2:hover .card-body {background:#8b9399 !important; text-decoration:none !important;color:#000;}
body .widget-link .card-v2:hover .widget_stat_sub {background:#8b9399 !important;color:#000;}
body .widget-link.widget-training img {margin-bottom: 10px !important;}

/*Card Badge*/
.card-badge{font-weight:700;font-size:16px;line-height:normal; border: 1px solid rgb(0,0,0,0.07); padding:12px 10px 13px}
.card-badge-tint {background-color:#eee;}
.card-badge:hover .rankBadge{top:-4px}
.card-badge .rankBadge{float:left;margin-right:10px}
.card-badge .badgeDesc{font-size:12px;color:#8a9db1;font-weight:400;display:block}
.card-badge .badgeTitle {display: block; margin-bottom: 3px; margin-top: -4px; color:#212529 !important}
.card-badge.card-highlight-success, .card-badge.card-highlight-warning, .card-badge.card-highlight-danger, .card-badge.card-highlight-info  {padding-bottom:12px !important}
.card-highlight-success {border: 2px solid #2fc56a8c !important;}
.card-highlight-warning {border: 2px solid #ffa3008c !important;}
.card-highlight-danger {border: 2px solid #db0e0e8c !important;}
.card-highlight-info {border: 2px solid #2349a7a6 !important;}


/*Support*/
.ihub-v2 #support .card-v2 .post_summary a { color:#fff; }
.ihub-v2 #support .card-v2 .post_summary .post_meta { color:#566575; }
.ihub-v2 #support .card-v2 .post_summary p {color: #000;}
.ihub-v2 #support .card-v2 .post_summary h3 {color:#fff;padding:12px !important;background: #8b9399;background: -moz-linear-gradient(top,  #8b9399 0%, #828c95 36%, #515c62 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #8b9399 0%,#828c95 36%,#515c62 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #8b9399 0%,#828c95 36%,#515c62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9399', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */}
a {color:#1d68a7}

.supportCon .service-single {border: 1px solid #ddd;}
.supportCon .service-single .icon {background: linear-gradient(87deg,#5685af,#213860);}
.supportCon .service-single h5 {color:#213860;}

body.ihub-v2 .card-post .card-post-body h2, body.ihub-v2 .card-post .card-post-body h3 { color:#000 }
.card-v2.card-post h5 a {color:#fff; text-decoration: none;}

.ihub-v2 .card-faq .card-header {padding:0 !important; }
.ihub-v2 .card-faq .card-header a {color: #fff; font-weight: 500 !important; background: linear-gradient(#639dcb, #1b4b7c), #2dbcaf !important;}
.ihub-v2 .card-faq .card-header a:hover {color:#fff;}
.card-faq .card-header a.collapsed {color:#fff; border-radius: 5px !important; font-weight:normal !important;  background: linear-gradient(to bottom, #8b9399 0%,#828c95 36%,#515c62 100%) !important;}

.slimFAQ .card-post {box-shadow:none !important;}
.slimFAQ .card-post-body {padding:0 !important;}
.nhFAQ .header-mint {display:none !important}

.section-light {padding:20px;border-radius:5px;background: rgb(0,0,0,0.06);color: #222; box-shadow: 0 1px 15px 1px rgb(39 39 39 / 10%); border:1px solid #ddd}
.section-shade {padding:20px;border-radius:5px; color: #222; box-shadow: 0 1px 15px 1px rgb(39 39 39 / 10%);}

.main-panel .text-highlight {background-color: rgb(0,0,0,0.1); border-radius: 4px; padding: 12px 10px; color:#000;}

.card-plain {}
.card-plain .card-header {background:transparent !important; border-bottom:1px solid #ddd;}
.card-plain .card-header h5 {color:#2dbcaf;}
.card-plain .card-header p {color:#888 !important}
.card-header-button {float:right !important;}
body .card-footer {background: #b7bdc9 !important; text-align:center;}

.uav {float:left; max-width:100px; border:3px solid rgb(0,0,0,0.2); border-radius:5px; margin:0 15px 23px 0}
.uav a {background-color:#f0f0f0; color:#177bda; line-height:1.6em; border-top:2px solid #ddd; display:block; font-size:11px; text-align:center; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}


.card-v2 .nav-pills .nav-link {color:#333 !important; font-size:14px !important; background-color: rgba(0, 0, 0, 0.1); padding: .3rem 0.7rem !important;}
#kpiDrag {top:200px; right:71px !important;  position:absolute; display:none;}
#kpiDrag .nav-tabs > .nav-item > .nav-link {}
#kpiDrag.card-v2 .card-header {color:#fff !important}
#kpiDrag.card-v2 .widget .card-header {padding:7px !important}
#kpiDrag .card-header {cursor:move !important}
.shadow-dark {box-shadow: 0 .5rem 1rem rgba(0,0,0,.65)!important;}
body .hel-tabs.dtabs {margin-bottom:0 !important}
#mapSettingsButton {margin:0 !important;}


/*Modals*/
.hel-modal .modal-header, .modal-header-v2 {color:#fff !important; padding:12px !important;background: #8b9399;background: -moz-linear-gradient(top,  #8b9399 0%, #828c95 36%, #515c62 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #8b9399 0%,#828c95 36%,#515c62 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #8b9399 0%,#828c95 36%,#515c62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9399', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */}
.hel-modal .modal-header .modal-title, .modal-header-v2 .modal-title {color:#fff !important;}
.modal-body.v2-gray {background:#e9eaef !important; padding:20px}
.modal .simple.modal-dialog {max-width: 600px;}

/*Dashboard Account */
.accountInfoList li {padding: 1px 5px; font-size:14px;}
.accountAffLinkWrapper {min-height:205px; background-color:#f2f2f2; margin:0 -15px 0 -15px; padding:10px 15px 10px 15px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top:1px solid #ddd;}
.accountAffLink input.form-control {padding: 0.15rem 0.35rem; padding: 0.25rem 0.35rem;font-size: 12px; height: auto; line-height:auto;}
#addSponsorInfo {clear:both; border:1px solid #ddd; border-radius: 5px; padding:10px;}

/*Dashboard Get Started*/
.startSteps {padding:0 !important; margin-bottom:0 !important;}
.startSteps .start-body ul li {padding: 13px 15px !important; height:55px;}
.startSteps .start-body ul li i {float:right !important;}
.startFooter {padding: 5px 10px !important;}
.startSteps .badge-point {background: #e0e0e0!important;color: #333;width: 28px;border: 0;height: 28px;line-height: 1.4em;margin-right: 6px;font-size: 14px;border-radius: 27px;margin-bottom:0;}
.startSteps .badge-point.complete {background: #2dbcaf !important;color: #fff;}
.start-tabs {padding:12px 0 12px 12px !important;}
.start-tabs .nav-link {padding: .2rem 0.5rem !important; font-size: 16px !important; color:#333 !important; border:1px solid #ddd !important}
.start-tabs .nav-link.active {background: linear-gradient(#177bda, #0554a6), #177bda !important; color:#fff !important; border:1px solid #0554a6 !important;}

/*Dashboard News*/
body .dashboard-news {height:359px;}
body .dashboard-news h4 {font-size:18px;}
body .dashboard-news .news-post {padding:4px 12px 7px 12px; font-size:16px; cursor:pointer; display:block !important; border-bottom:1px solid #ddd; color:#1d68a7}
body .dashboard-news .news-post:hover {background-color: #f3f3f3; text-decoration:none !important}
body .dashboard-news .news-post span {color:#a0b0c2; font-size:11px;}
body .light-scroll.custom-scrollbar-css::-webkit-scrollbar-track {background: #eee;}

/*Plans*/
.bg-gradient-success { background: linear-gradient( 87deg,#2dce89,#2dcecc)!important;}
.card-pricing .card-header{padding-top:1.25rem;padding-bottom:1.25rem}
.card-pricing .list-unstyled li{padding:.5rem 0;color:#8898aa}
.card-pricing.popular{z-index:1;border:3px solid #5e72e4!important}@media (min-width:768px){
.card-pricing.zoom-in{z-index:1;transform:scale(1.1)}}.card-profile-image{position:relative}
.bg-white {background-color: #fff!important;}
.card-pricing .icon {width: 2rem;height: 2rem;text-align:center;}
.card-pricing .icon i {font-size:16px;}
.card-pricing ul li i {top: 5px;right: 0px;position: relative;font-size: 20px;}

.price-wrapper{position:relative; display:inline-block;}
.price-slash{position: relative; width: 100%; height: 0; border-top: 4px solid #df4949; transform: rotate(335deg); top: 18px;}
.price{font-size:30px; color:#777; font-weight:bold; padding:0 10px;}

/*Tables*/
.table {}
.table thead {background: linear-gradient(to bottom,  #8b9399 0%,#828c95 36%,#515c62 100%); color:#fff}
.table th {font-size:15px !important; font-weight:bold !important; padding:6px !important}
.table td span.icon-round i {color:#6f7983;}
.table td span.icon-round {background-color:#e0e0e0; margin-right:4px; box-shadow:inset 0 0 10px #00000026; border-radius:20px; width:30px; height:30px; line-height:1.9em; text-align:center; display:inline-block;}


/*Dashboard Main Blocks*/
.dashboard-mainBlock {}

/*Dashboard Widgets*/
.dashboardWidgetRow {padding-top:20px; padding-bottom:20px;}
.dashboardWidgetRow .widgetLight .card-body .widget_stat {font-size:17px;}


/*Dashboard Promo*/
body .fotorama__stage {height: 330px !important;}
body .fotorama {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
body .fotorama__nav--dots {background: linear-gradient(to bottom, #8b9399 0%,#828c95 36%,#515c62 100%)}
body .fotorama__dot {border:1px solid #ddd;}
body .fotorama__caption__wrap {background-color: rgb(0 0 0 / 60%); font-size:12px; color:#fff;}

.dashboard-promo-slider { position: relative; overflow: auto; }
.dashboard-promo-slider li { list-style: none; }
.dashboard-promo-slider ul li { float: left;}
.unslider-nav {display:none;}
.unslider-arrow {top:50%}
.unslider-arrow:hover {text-decoration:none; color: #000; opacity: 0.7;}
.unslider-arrow.next::after {font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f138"; color:#fff; opacity:0.7; font-size:32px;}
.unslider-arrow.prev::after {font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f137";  color:#fff; opacity:0.7; font-size:32px}
.unslider {overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; max-height: 361px; margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade
.unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:13px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:13px}

.loop-slide {poisition:relative; overflow: hidden; background-image: url(/img/promo/lv-event-banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.loop-slide .video-wrapper {position: relative; width: 100%; height: 360px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center;}
.loop-slide .video-wrapper video {position:absolute; top:0; left:-100px; max-height:360px;}
.loop-slide .panel-header {background: linear-gradient(to right, #000000db 0%, #9b9b9be6 60%, #000000db 100%) !important; position:absolute; top:0; left:0; height:360px; width:100%;}
.loop-slide h1 {margin: 27px 0 0 0}

/*Dahboard Countdown*/
.event_countdown {}
.countDown__cont{font-family:Lato,Arial,Gadget,sans-serif;font-size:13px;display:flex;color:#333}
.countDown__interval_cont{display:flex;justify-content:space-around;width:auto}
.countDown__interval_cont:nth-child(n+1):not(:last-child){margin-right:1em}
.countDown__interval_basic_cont{display:flex;flex-direction:column}
.countDown__interval_basic_cont_description{display:flex;margin-left:.3em;margin-top:.3em;font-size:0.9em;color:#fff;}
.countDown__digit_cont{perspective:1.6em * 2;box-shadow:.1em .1em .1em rgba(0,0,0,.2);width:1em;height:1.6em;position:relative;line-height:1.6em;font-size:1.8em;font-weight:700;border-radius:.08em}
.countDown__digit_cont:nth-child(n+1):not(:last-child){margin-right:.05em}
.countDown__digit_last_placeholder,.countDown__digit_new_placeholder{position:absolute;left:0;width:100%;height:50%;text-align:center;overflow:hidden}
.countDown__digit_last_placeholder{bottom:0;background:#fff;border-radius:0 0 .08em .08em}
.countDown__digit_last_placeholder_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute}
.countDown__digit_new_placeholder{top:0;background:#f7f7f7;border-radius:.08em .08em 0 0}
.countDown__digit_last_rotate,.countDown__digit_new_rotate{display:flex;justify-content:center;width:100%;height:50%;font-weight:700;position:absolute;top:0;overflow:hidden;animation-duration:.4s;animation-timing-function:linear;border-radius:.08em .08em 0 0;animation-fill-mode:forwards;transform-origin:100% 100%}
.countDown__digit_last_rotate:after,.countDown__digit_new_rotate:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:.01em solid rgba(0,0,0,.1)}.countDown__digit_last_rotate{animation-name:countDown_flip_1;background:#f7f7f7}.countDown__digit_new_rotate{animation-name:countDown_flip_2;background:#fff}.countDown__digit_new_rotated{transform:rotateX(180deg);width:100%;height:100%}
.countDown__digit_new_rotated_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute}
@keyframes countDown_flip_1{0%{transform:rotateX(0);z-index:1}100%{transform:rotateX(-180deg);z-index:0}}@keyframes countDown_flip_2{0%{transform:rotateX(0);z-index:0}100%{transform:rotateX(-180deg);z-index:1}}

/*Get Started Block - Hotspot*/
#getstarted-hotspot h4 {color:#fff}
#getstarted-hotspot p {color:#fff}

/*Deployment Status*/
.deploymentStatus {margin:0 -15px -15px -15px; background: linear-gradient(to right, #0c2646ed 0%, #204065f2 60%, #2a5788de 100%); border-bottom :1px solid #ccc; padding:15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.deploymentStatus h6 {font-size:16px;}
.deploymentStatus .btn {margin:0; float:right;}
.deploymentStatus p {margin-bottom:0 !important; color:#fff !important}

/*Forms*/
.input-group-append button {margin:0 !important}
.custom-radio label {cursor:pointer;}
.labelHead {font-weight:bold; display:block; margin-bottom:0;}
.select2-container .select2-selection--single {
    height: 37px !important;
    padding: 4px !important;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 250px !important;
    overflow-y: auto;
}
.reportRangeHeader {font-size:15px !important; margin-top:-6px !important;}

/*Form Check*/
.termsCheck .termsCheckHeader {font-weight:bold; margin-left: -17px; margin-bottom: 5px;}
.termsCheck .form-check {border: 1px solid #ddd; border-radius: 4px; padding: 10px 10px 10px 30px; background: #f0f0f0;margin-bottom: 10px;}
.termsCheck .form-check.error {border: 1px solid #9b1616;}
.termsCheck .invalid-feedback {color:#9b1616;}

/*Radio Buttons*/
.btn-group[data-toggle="buttons"] .btn {border:1px solid #ddd  !important}
.btn-group[data-toggle="buttons"] .btn.active {border: 3px solid #2dbcad !important;}
.btn-group-toggle .btn {border-radius: 4px !important}

.btn-group-nav {border: 1px solid rgb(0,0,0,0.4); border-radius:4px;}
.btn-group-nav[data-toggle="buttons"] .btn {border:0 !important; margin-left:0 !important; border-right: 1px solid rgb(0,0,0,0.3) !important; border-left: 1px solid rgb(0,0,0,0.3) !important;}
.btn-group-nav[data-toggle="buttons"] .btn.active {border: 0 !important; border-right: 1px solid rgb(0,0,0,0.3) !important; border-left: 1px solid rgb(0,0,0,0.3) !important;  -webkit-box-shadow: inset 1px 1px 10px rgb(0,0,0,0.6); -moz-box-shadow: inset 1px 1px 10px rgb(0,0,0,0.6); box-shadow: inset 1px 1px 10px rgb(0,0,0,0.6);}
.btn-group-nav .btn {border-radius:0 !important;}

.btn-group-nav .btn:first-child {border:0 !important; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important}
.btn-group-nav .btn:last-child {border:0 !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;}

.btn-group-nav .btn.active:first-child, .btn-group-nav .btn.active:last-child {border:0 !important}
.ticket-comment-body {padding-bottom:25px; margin-bottom:25px; border-bottom:1px dashed #ddd;}

/*Tabs*/
.tabs-simple { border-bottom: 1px solid #dee2e6;}
.tabs-simple .nav-item.show .nav-link, .tabs-simple .nav-link.active {color: #666; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; font-weight:bold;}
.tabs-simple .nav-link {margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem;}
.tab-content-simple {padding-top:30px;}

.card-v2 .nav-pills-sm .nav-item .nav-link {font-size:12px !important}

/*Badges*/
.badge-round {border-radius: 0.875rem !important; padding: 4px 8px !important; text-transform: uppercase !important; font-size: 0.7142em !important;     font-weight: 700 !important; text-align: center !important; white-space: nowrap !important; vertical-align: baseline !important;}
.badge-round i {margin-right:2px;}

.badge-Member {border-color:#2CA8FF; background-color:#2CA8FF; color:#fff;}
.badge-Developer {border-color:#5cc100; background-color:#5cc100; color:#fff;}
.badge-Admin {border-color:#bd4440; background-color:#bd4440; color:#fff;}
.badge-Support {border-color:#f96332; background-color:#f96332; color:#fff;}
.badge-Pro {border-color: #008788; background-color:#008788; color:#fff;}
.badge-VIP {border-color: #da0257; background-color:#da0257; color:#fff;}

.badge-Urgent {border-color:#bd4440; background-color:#bd4440; color:#fff;}
.badge-High {border-color:#f96332; background-color:#f96332; color:#fff;}
.badge-Medium {border-color: #cfb100; background-color:#cfb100; color:#fff;}
.badge-Low {border-color:#888; background-color:#888; color:#fff;}

.badge-Unopened {border-color:#888; background-color:#888; color:#fff;}
.badge-Opened {border-color: #0859d7; background-color:#0859d7; color:#fff;}
.badge-In {border-color: #5215b9; background-color:#5215b9; color:#fff;}
.badge-On {border-color:#bd4440; background-color:#bd4440; color:#fff;}
.badge-Researching {border-color: #cfb100; background-color:#cfb100;}
.badge-Closed {border-color:#5cc100; background-color:#5cc100; color:#fff;}
.badge-Pending {border-color:#f96332; background-color:#f96332; color:#fff;}

.popover { z-index: 1019 !important; }
.popover-header {color:#888 !important}
.triggerPartner {text-align:center; display:block; color:#666; margin-bottom:10px; border-radius:10px; padding:10px;}
.triggerPartner:hover {background-color:#f0f0f0;}
.triggerPartner img {max-width:200px; margin-bottom:20px;}

.rankBadge{position:relative;width:42px;height:33px;border-radius:10px;display:inline-block;top:0;transition:all .2s ease;text-align:center}
.rankBadge:before,.rankBadge:after{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:"";top:0;left:0;right:0;bottom:0;margin:auto}
.rankBadge:before{transform:rotate(60deg)}
.rankBadge:after{transform:rotate(-60deg)}
.rankBadge .circle{width:30px;height:30px;position:absolute;background:#fff;z-index:10;border-radius:50%;top:0;left:0;right:0;bottom:0;margin:auto}
.rankBadge .circle i.fa,.rankBadge .circle i.fa-duotone{font-size:1.1em;margin-top:6px}
.rankBadge .font{display:inline-block;margin-top:1em}
.rankBadge .ribbon{display:none;position:absolute;border-radius:4px;padding:5px 5px 4px;width:100px;z-index:11;color:#fff;bottom:12px;left:50%;margin-left:-55px;height:15px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,0.27);text-shadow:0 2px 2px rgba(0,0,0,0.1);text-transform:uppercase;background:linear-gradient(to bottom right,#555 0%,#333 100%);cursor:default}
.rankBadge.yellow{background:linear-gradient(to bottom right,#ffeb3b 0%,#fbc02d 100%);color:#ffb300}
.rankBadge.orange{background:linear-gradient(to bottom right,#ffc107 0%,#f57c00 100%);color:#f68401}
.rankBadge.pink{background:linear-gradient(to bottom right,#F48FB1 0%,#d81b60 100%);color:#dc306f}
.rankBadge.red{background:linear-gradient(to bottom right,#f4511e 0%,#b71c1c 100%);color:#c62828}
.rankBadge.purple{background:linear-gradient(to bottom right,#ab47bc 0%,#4527a0 100%);color:#7127a8}
.rankBadge.teal{background:linear-gradient(to bottom right,#4DB6AC 0%,#00796B 100%);color:#34a297}
.rankBadge.blue{background:linear-gradient(to bottom right,#4FC3F7 0%,#2196F3 100%);color:#259af3}
.rankBadge.blue-dark{background:linear-gradient(to bottom right,#1976D2 0%,#283593 100%);color:#1c68c5}
.rankBadge.green{background:linear-gradient(to bottom right,#cddc39 0%,#8bc34a 100%);color:#7cb342}
.rankBadge.green-dark{background:linear-gradient(to bottom right,#4CAF50 0%,#1B5E20 100%);color:#00944a}
.rankBadge.silver{background:linear-gradient(to bottom right,#E0E0E0 0%,#BDBDBD 100%);color:#9e9e9e}
.rankBadge.gold{background:linear-gradient(to bottom right,#e6ce6a 0%,#b7892b 100%);color:#b7892b}


/*Lists*/
.list-gap li {font-size:15px; margin-bottom:14px;}

/*Alerts*/
.alert-trans {
    background-color: rgb(0,0,0,0.5);
    border-color: transparent;
    color: #fff;
    text-align:left !important;
}
.alert-slim {padding: 0.2rem 0.45rem !important; font-size: 12px !important;}

.alert-line {border:0 !important; border-left:2px solid !important; background:#f0f0f0 !important; color:#777 !important; font-size:13px !important}
.alert-line.alert-success {border-color:#0ca94e !important}
.alert-line.alert-success i {color:#0ca94e !important}

.btn-lime {background: linear-gradient(#83c747, #487e20), #3d6a1a !important; color:#fff !important;}
.btn-mint-dark {background: linear-gradient(#00b370 , #00784b), #00784b !important; color:#fff !important;}

a:hover {text-decoration: none !important;}

/*Timline*/
.vertical-timeline{width:100%;position:relative;padding:1.5rem 0 1rem}
.vertical-timeline::before{content:'';position:absolute;top:0;left:67px;height:100%;width:4px;background:#e9ecef;border-radius:.25rem}
.vertical-timeline-element{position:relative;margin:0 0 1rem}
.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:cd-bounce-1 .8s}
.vertical-timeline-element-icon{position:absolute;top:0;left:60px}
.vertical-timeline-element-icon .badge-dot-xl{box-shadow:0 0 0 5px #fff}
.badge-dot-xl{width:18px;height:18px;position:relative}
.badge:empty{display:none}
.badge-dot-xl::before{content:'';width:10px;height:10px;border-radius:.25rem;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px;background:#fff}
.vertical-timeline-element-content{position:relative;margin-left:90px;font-size:.8rem}
.vertical-timeline-element-content .timeline-title{font-size:.8rem;text-transform:uppercase;margin:0 0 .5rem;padding:2px 0 0;font-weight:700}
.vertical-timeline-element-content .vertical-timeline-element-date{display:block;position:absolute;left:-90px;top:0;padding-right:10px;text-align:right;color:#adb5bd;font-size:.7619rem;white-space:nowrap}
.vertical-timeline-element-content:after{content:"";display:table;clear:both}

.vertical-timeline-date .vertical-timeline-element-icon { left: 69px; }
.vertical-timeline-date::before{left:76px;}

/*Accordion*/

/*Accordion style*/
.custom-accordion .accordion-item{background-color:#fff;margin-bottom:10px;border-radius:4px;position:relative}
.custom-accordion .accordion-item .btn-link{display:block;width:100%;padding:15px;text-decoration:none;font-size:16px;text-align:left;color:#999;border:1px solid #ddd!important;padding-right:40px;position:relative}
.custom-accordion .accordion-item .btn-link:before{font-family:'Font Awesome 5 Pro';content:"\f32d";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:15px}
.custom-accordion .accordion-item .btn-link[aria-expanded="true"]:before{font-family:'Font Awesome 5 Pro';content:"\f331";position:absolute;color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:15px}
.custom-accordion .accordion-item.active{z-index:2}
.custom-accordion .accordion-item .btn-link[aria-expanded="true"]{border:1px solid transparent!important;color:#fff!important;background:#4e758d!important}
.custom-accordion .accordion-item .accordion-body{padding:20px;color:#666; font-size:15px;}
.custom-accordion .accordion-item .accordion-body p {display:block; overflow:hidden;}
.custom-accordion .accordion-item .accordion-body .text-muted {color:#ccc !important}
.custom-accordion .accordion-item .accordion-body ul, .custom-accordion .accordion-item .accordion-body ol {padding-left: 30px;}
.custom-accordion .accordion-item .accordion-body ul li, .custom-accordion .accordion-item .accordion-body ol li {padding-bottom: 5px; padding-top: 5px;}
.custom-accordion .accordion-item .accordion-body a {color: #72c02c!important}
.custom-accordion .accordion-item .accordion-body .sec-icon {font-size:36px; float:left; padding: 0 0.35em 0.3em 0; min-width:60px; text-align:center;}

.super-accordion hr {border-top: 1px solid rgba(255,255,255,.1); margin-top:25px; margin-bottom:25px;}
.super-accordion h5 {color:#5ecb70;}
.super-accordion h5 i {margin-right:5px;}
.super-accordion strong {color:#dfa856;}
.super-accordion ul li {line-height:1.5em; margin-bottom:15px;}
.super-accordion .nav-tabs {border-bottom:1px solid rgb(255,255,255,0.1); padding-top:0; margin-bottom:25px;}
.super-accordion .nav-tabs li {margin-bottom:0px;}
.super-accordion .nav-tabs > .nav-item > .nav-link {padding: 6px 13px}

.comValue{font-weight:bold; border-right:1px solid rgb(0,0,0,0.5); padding-right:10px; margin-right:10px;}
.comIcon {font-size:50px; padding-right:15px;}
.payout-checklist {margin:0; padding:0; list-style: none; }
.super-accordion{ background: linear-gradient(to right, #0c2646ed 0%, #204065f2 60%, #2a5788de 100%); padding:15px 0}
.super-accordion a:hover,a:focus{
    text-decoration: none;
    outline: none;
}

#accordion .panel{
    border: none;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 10px;
    background: transparent;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 5px;
    background: transparent;
    position: relative;
}
#accordion .panel-title a{
    display: block;
    padding: 20px 16px;
    margin: 0;
    background: rgba(0,0,0,0.4);
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-radius: 5px;
    position: relative;
}
#accordion .panel-title a.collapsed{ border: none; }
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 11px;
    transform: rotate(180deg);
    transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
}
#accordion .panel-title a.collapsed:before{
    color: rgba(255,255,255,0.5);
    transform: rotate(0deg);
}
#accordion .panel-body{
    padding: 20px 30px;
    background: rgba(0,0,0,0.2);
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    border-top: none;
    border-radius: 5px;
}

/*Tabs*/
.hel-tabs li.nav-item {margin-bottom:14px !important}
.page-tabs .nav-item .nav-link {background-color: rgba(0, 0, 0, 0.1) !important; color: #555!important; margin-top:20px;}
.hotspot-tabs {margin-bottom:10px !important; margin-top:3px !important;}
.hotspot-tabs li {margin-right:10px !important; margin-bottom:10px !important}
.hotspot-tabs.hel-tabs li a.nav-link {font-size:15px !important;}
.hotspot-tabs.hel-tabs li a.nav-link i {margin-right:7px;}

/*Hotspot Application*/
.hotspotApp {}
.hotspotAppInner {padding:25px 50px}
.hotspot-app h4 {color:#5b81ad !important; font-size:1.2rem !important}

/*HeliumTrack*/
.panel-header-chart {margin-bottom:30px !important;}

/*V2 DataTables*/
/*Tables*/
table.dataTable {}
table.dataTable.breakWords tbody tr td {word-break: break-word !important;}
.card-v2 .dt-buttons .dt-button { color: #666 !important; padding:3px 8px !important}
.card-v2 .dataTables_wrapper .dataTables_length select {color:#666 !important}
.card-v2 table.dataTable thead th, .card-v2 table.dataTable thead td, .card-v2 table.dataTable tfoot th, .card-v2 table.dataTable tfoot td  {color:#212529 !important; border-bottom:1px solid #ddd; background-color:#fff; font-weight:bold !important;}
.card-v2  .dataTables_wrapper {background-color: #fff !important; padding-top:8px; padding-bottom:8px;}
.card-v2 dataTables_length, .card-v2 .dataTables_info {padding-left:20px; color:#212529 !important}
.card-v2 .dataTables_filter, .card-v2 .dataTables_paginate  {padding-right:20px; color:#a0b0c2 !important}
.card-v2 .dataTables_length select, .card-v2 .dataTables_filter input {border:0 !important; color:#a0b0c2 !important; background:#f0f0f0 !important;}
.card-v2 table.dataTable.display tbody tr.odd {background-color: #f0f0f0 !important;}
.card-v2 table.dataTable tbody tr {background-color: #fff !important;}
.card-v2 table.dataTable tbody tr td {border-top:1px solid #ddd !important;}
.card-v2 table.dataTable.display tbody tr.odd>.sorting_1 {background-color: #e0e0e0 !important; color: #212529 !important;}
.card-v2 table.dataTable.display tbody tr.even>.sorting_1 {background-color: #f0f0f0 !important; color: #212529 !important;}
table.dataTable .infoDrowndown .dropdown-body {padding:0 !important; margin:0 !important}
table.dataTable .infoDrowndown .dropdown-body .dropdown-divider {margin:0;}
body .card-v2 .dataTables_wrapper .dataTables_paginate .paginate_button {color:#a0b0c2 !important}
.card-v2 .badge-ring {color:#212529 !important}
.card-v2 .badge-cool {color:#222 !important}


body table.dataTable tbody tr td.dtfc-fixed-left, .card-v2 table.dataTable.display tbody tr.odd>.sorting_1.dtfc-fixed-left, .card-v2 table.dataTable.display tbody tr.even>.sorting_1.dtfc-fixed-left {background-color:#ddd !important; box-shadow: 4px 0 7px -2px #888 !important}
body table.dataTable tbody tr td.dtfc-fixed-left:last-child {box-shadow: 4px 0 7px -2px #888 !important}

.clickView {border: 1px solid rgba(0, 0, 0, .2) !important;background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #212529;
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    white-space: nowrap;
    width: 100%;
    line-height: 1.6;
    padding: 0.1rem 0.3rem !important;
    text-align: center !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.clickView:focus, .clickView:active {-webkit-box-shadow: inset 0px 0px 7px #444 !important; -moz-box-shadow: inset 0px 0px 7px #444 !important; box-shadow: inset 0px 0px 7px #444 !important; outline: none !important; background-color:transparent !important;}

/*HeliumTrack Specific*/
.panel-header-ht {height:105px; background: linear-gradient(to right, #0c2646ed 0%, #20655ff2 60%, #32af9dde 100%);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
body.ihub-v2 .card-hel .card-header {background-color: #202930 !important;}
body.ihub-v2 .form-hel {background-color:#fff; color:#666 !important}
#actionButtons .btn-group {width: auto !important;display: inline-block;}

/*Widgets*/
.widgetLight .card-body {background-color:#fff !important}
.widgetLight .card-body .widget_stat {color:#666 !important}
.widgetLight .card-body .icon-con {background-color: rgb(0,0,0,0.07); width:36px}
a.widget:hover {text-decoration:none !important;}
a.widgetLight:hover .card-body{background:#f0f0f0 !important}
.widgetLight .card-footer {margin:10px -12px -12px -12px; border-top:1px solid #ddd; background-color:#f0f0f0 !important;}
body.ihub-v2 .widgetLight .card-header.wlh-green {color: #fff !important; background: linear-gradient(#2dbcaf, #1f8999), #2dbcaf !important;}
.widgetLight .wlh-green i {color: #0e2a46 !important;}

.widgetDarkTrans .card-body {background-color:#000000ba !important}
.widgetDarkTrans .card-body .widget_stat {color:#fff !important}
.widgetDarkTrans .card-body  .widget_stat_sub {font-size: 12px;color: #9aa2ab;}
.widgetDarkTrans .card-body .icon-con {background-color: rgb(255,255,255,0.1); width:36px}
a.widget:hover {text-decoration:none !important;}
a.widgetDarkTrans:hover .card-body{background:#000000e6 !important; color:#000 !important;}


/*Widget Cards with Header*/
body.ihub-v2 .widgetLight .card-header {background-color: #e5e5e5 !important; color: #0e2a46 !important; font-weight:500;}
body.ihub-v2 .widgetLight .card-header i {color:#2dbcaf ;}

/*Training Course*/
.panel-wrapper-course {text-align:center; margin-bottom:25px; box-shadow: inset 1px -8px 10px 1px rgb(0 0 0 / 60%);}
.panel-wrapper-course h1 {margin-top:65px;}
.panel-wrapper-course hr {border-top: 1px solid rgba(255,255,255,.1);}
.panel-wrapper-course h4 {color:rgba(255,255,255,.8);}
.course-root {font-weight:300; }
.course-root a {}
.course-root a:hover {text-decoration:none !important;}
.course-nav span.num {background: rgb(0,0,0,0.2); color: #666; border-radius: 14px; padding: 4px 10px; margin-top: 1px; float: left; margin-right: 8px; font-size: 12px; text-align: center; display: inline-block;}
.course-nav .widgetDark span.num {background: rgb(255,255,225,0.2); color: #fff;}
.course-nav .widget_stat {font-size: 18px !important;}
.course-content {padding:20px; border-top:1px solid #ddd; padding-top:20px;}
.course-content h4 {font-weight:300;}
.course-footer {}
.course-complete-icon {position: absolute; top: -6px; right: -6px; color: #1fa70e; font-size: 25px;}
.startCourseImg {cursor:pointer;}
.startCourseImg:hover {opacity: 0.9;}

/*Travel*/
.text-travel-orng {color:#ff6b08 !important}
.text-travel-turq {color:#2dbcaf !important;}
.card-travel-orng h5 {}
#travelTabsWrapper {position:absolute; top:100px; z-index:999; width:100%;}
#travelTabs {margin:0px 2px 0 2px; box-shadow: 0 1px 15px 1px rgb(39 39 39 / 30%);  border-radius:5px; border: 0px; overflow: hidden;}
#travelTabs .scroll_tab_inner {-ms-overflow-style: none;  scrollbar-width: none; overflow-x:scroll !important;  -webkit-overflow-scrolling: touch !important; background:linear-gradient(to bottom, #ff6b08 0%, #8d3800 100%) !important; border: 0;}
#travelTabs .scroll_tab_inner::-webkit-scrollbar {display: none;  /* Safari and Chrome */}
.travel-header .video-wrapper {position: relative; width: 100%; height: 200px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center;}
.travel-header .video-wrapper video {position:absolute; top:50%; left:0; width:100%;}
.travel-header {background-image: url(/img/travel/vt-header.jpg); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.travel-header .panel-header {background:linear-gradient(to right, #005dcb0d 23%, #ffffffdb 51%, #ffffff00 100%); position:absolute; top:0; left:0; height:200px; width:100%}
.travel-header h1 {margin: 0; color:#0c2646; margin-top:-10px}
.travel-header.notabs h1 {margin: 15px 0 0 0}

.travel-header .breadcrumbIndex {color:#2edee7; background:none;); display:inline-block; padding: 0; border-radius: 0px;}
.travel-header .breadcrumbIndex:hover {background:none; text-decoration:none; color:#2edee7;}
.travel-header h2 {text-align:center; color:#315c7e; font-weight:700; font-size: 20px; margin-top:20px;}

.travel-header h2 {text-align:center; color:#315c7e; font-weight:700; font-size: 20px; margin-top:20px;}

.travel-member-hero {margin:-15px -15px 0 -15px; background-image: url(/img/travel/t-hero-member.jpg); background-size: cover; background-repeat: no-repeat; background-position: center -60px}
.travel-member-hero-inner {position:relative; min-height:150px; padding:50px 20px 50px 20px ; background: linear-gradient( 87deg,#0384d7c9,#15bfbde8);}
.travel-member-hero .shape-bottom {height:50px !important;}
.travel-member-hero .shape-bottom svg {height:50px !important}

.travel-hero-controls {text-align:right !important:}
.travel-hero-controls div {float:right; background:rgb(0,0,0,0.5); border-radius:5px;  padding:8px; display: inline-block; margin-top:-15px;}
.travel-hero-controls .btn {color:#fff !important; border-radius: 0.2rem; font-size: .9rem !important; line-height: 1.5 !important; padding: 0.25rem 0.5rem !important;}

body .scroll_tabs_theme_dark .scroll_tab_left_button::before {
    content: "\f0d9"; font-family: 'Font Awesome 6 Pro'; line-height: 42px; padding-left: 9px;
}
body .scroll_tabs_theme_dark .scroll_tab_right_button::before {
    content: "\f0da"; font-family: 'Font Awesome 6 Pro'; line-height: 42px; padding-left: 9px;
}


@media (max-width: 480px) {
    .travel-header .panel-header {background:linear-gradient(to right, #005dcb0d 0%, #ffffffd6 64%, #ffffff8f 100%);}
    .travel-header .video-wrapper video {top: -40px; width: 100%;}
    .travel-header.notabs {height: 170px; overflow: hidden}
    .travel-header.notabs .panel-header {height: 170px; overflow: hidden}

    .travel-header.notabs h1 {margin-top:0 !important}
}

@media (max-width: 560px) {
    .travel-hero-controls {text-align:center; border-top:1px solid rgb(255, 255, 255, 0.3); margin-top:10px;}
    .travel-hero-controls div {float:none !important; background:rgb(0,0,0,0.5); border-radius:5px;  padding:5px; display: inline-block; margin: 15px auto 10px auto; }
    .travel-member-hero {background-position:center center !important;}
    .travel-member-hero-inner {padding-bottom:30px;}
    .travel-member-hero .shape-bottom {height:30px !important;}
    .travel-member-hero .shape-bottom svg {height:30px !important}

}

@media (min-width: 481px) {
    .travel-header .video-wrapper video {top: -50%;}
    .travel-member-hero {background-position:center center !important;}

}

@media (min-width: 800px) {
    .travel-header .video-wrapper video {top: -70%;}
    .travel-member-hero {background-position:center center !important;}

}

@media (min-width: 1000px) {
    .travel-header .video-wrapper video {top: -100%;}
    .travel-member-hero {background-position:center center !important;}

}

@media (min-width: 1200px) {
    .travel-header .video-wrapper video {top: -120%;}
    .travel-member-hero {background-position:center center !important;}
}

@media (min-width: 1400px) {
    .travel-header .video-wrapper video {top: -160%;}
}

@media (min-width: 1600px) {
    .travel-header .video-wrapper video {top: -180%;}
    .travel-promo-slider {height:700px;}
}

@media (min-width: 1800px) {
    .travel-header .video-wrapper video {top: -210%;}
    .travel-promo-slider {height:700px;}

}

.shape-bottom{position:absolute;top:auto;bottom:-1px;left:0;right:0}
.shape-bottom svg{overflow:hidden;width:100%;line-height:0;direction:ltr;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.top{position:absolute;top:-1px;bottom:auto;left:0;right:0}
.shape-bottom svg{overflow:hidden;width:100%;line-height:0;direction:ltr}
.travel-quick-links .service-single {min-height:105px; padding:15px;}
.travel-quick-links .service-single .icon {float:left; margin-right:10px;}
.travel-quick-links .service-single h5 {text-align:left;}
.travel-quick-links .service-single span {text-align:left; font-size:13px; color:#888; display: block;}
.travel-quick-links a:hover {text-decoration:none;}
.travel-title {text-align:left; font-weight: 300 !important; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; }
.travel-vid-thumb {text-align:left !important; font-size:18px !important; display:block; color:#ff6b08}
.travel-vid-thumb img {margin-bottom:10px;}
.travel-promo-slider .unslider {max-height:100% !important}

.travelTable {border:0px solid #ddd; overflow:auto}
.travelTable .travelCat td {background-color:#ddd !important; font-weight:bold; font-size:16px;}
.travelTable i {color:#43af16}
.travelTable i.fa-times-circle {color:#cd1919;}

/*Scrollable Tabs*/
.orng_grad .scroll_tab_inner {border-top: 0px solid #8d3800; border-bottom: 0px solid #8d3800; height: 42px !important;}
.orng_grad li {border-left: 1px solid #8d3800 !important; background:none !important; background-color:transparent !important; padding:0 !important; border-top:0 !important; border-bottom:0 !important;}
.orng_grad li.scroll_tab_first {border-left:0 !important}
.orng_grad li.tab_selected {background: linear-gradient(to bottom, #c04f04 0%, #db6d23 100%) !important;}
.orng_grad li a {color:#ddd !important; text-decoration:none; display:block; padding:0 20px; line-height:42px !important;}
.orng_grad li a:hover {background:linear-gradient(to bottom, #fb751b 0%, #ad4907 100%) !important}
.orng_grad .scroll_tab_right_button, .orng_grad .scroll_tab_left_button {background-color: #bc4d03 !important; border-color:#8d3800 !important}
.orng_grad .scroll_tab_left_button_disabled {
    color: #ababab9e !important;
}

.grn_grad .scroll_tab_inner {border-top: 0px solid #8d3800; border-bottom: 0px solid #8d3800; height: 42px !important;}
.grn_grad li {border-left: 1px solid #8d3800 !important; background:none !important; background-color:transparent !important; padding:0 !important; border-top:0 !important; border-bottom:0 !important;}
.grn_grad li.scroll_tab_first {border-left:0 !important}
.grn_grad li.tab_selected {background: linear-gradient(to bottom, #c04f04 0%, #db6d23 100%) !important;}
.grn_grad li a {color:#ddd !important; text-decoration:none; display:block; padding:0 20px; line-height:42px !important;}
.grn_grad li a:hover {background:linear-gradient(to bottom, #fb751b 0%, #ad4907 100%) !important}
.grn_grad .scroll_tab_right_button, .orng_grad .scroll_tab_left_button {background-color: #bc4d03 !important; border-color:#8d3800 !important}
.grn_grad .scroll_tab_left_button_disabled {color: #ababab9e !important;}

.ltblue_grad .scroll_tab_inner {border-top: 0px solid #8d3800;  border-bottom: 0px solid #8d3800; height: 42px !important; background:linear-gradient(to bottom, #6998ab  0%, #1b3356 100%) !important;}
.ltblue_grad li {border:0 !important; background:none !important; background-color:transparent !important; padding:0 !important; border-top:0 !important; border-bottom:0 !important;}
.ltblue_grad li.scroll_tab_first {border-left:0 !important}
.ltblue_grad li.scroll_tab_first a {border-left:0 !important}

.ltblue_grad li.tab_selected {background:linear-gradient(to bottom, #588091 0%, #142742 100%) !important}
.ltblue_grad li a {border-left: 1px solid #0000003d !important; border-right: 1px solid #ffffff1a; color:#ddd !important; text-decoration:none; display:block; padding:0 20px; line-height:42px !important;}
.ltblue_grad li a:hover {background:linear-gradient(to bottom, #4e7b93 0%, #7890ad 100%) !important}
.ltblue_grad .scroll_tab_right_button, .scroll_tab_right_button .scroll_tab_left_button { background:#1b3356bf !important; color:#00b370 !important;}
.ltblue_grad .scroll_tab_left_button_disabled {color: #ababab9e !important; background:#1b3356bf !important;}



/*Service Block Nav Tiles*/
.service-single-horz .service-single {min-height:105px; padding:15px;}
.service-single-horz .service-single .icon {float:left; margin-right:10px;}
.service-single-horz .service-single h5 {text-align:left;}
.service-single-horz .service-single span {text-align:left; font-size:13px; color:#888; display: block;}
.service-single-horz a:hover {text-decoration:none !important;}

.service-single{position:relative;background-color:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,0.06);margin-bottom:25px;padding:25px 15px;text-align:center;border-radius:6px;border:1px solid #efefef;transition:all .3s;transform:translateY(0);min-height:181px}
.service-single:hover{box-shadow:0 0 40px 0 rgba(0,0,0,0.2);transform:translateY(-5px);text-decoration: none !important;}
.service-single h5{margin:15px 0 0;text-align:center;transition:all .3s; text-decoration: none;}
.service-single p{text-align:center;transition:all .3s}
.service-single p:last-child{margin-bottom:0}
.service-single:hover p{color:#eee}
.service-single .icon{display:inline-block;width:70px;height:70px;font-size:30px;line-height:71px;color:#fff;text-align:center;border-radius:50%;transition:all .3s;background:linear-gradient(87deg,#0384d7c9,#15b9bfe8)}
.service-single .icon:before{line-height:80px}
.service-single:hover .icon{background-color:#fff!important}
.service-single .icon.image-icon{width:auto;height:auto;padding:20px;background-color:#fff!important}
.service-single .icon.image-icon > img{max-width:80px}
.service-single.service-style-2{padding:0;background-color:transparent!important;box-shadow:none}
.service-single.service-style-2 .icon{width:auto;height:60px;font-size:60px;line-height:60px;background-color:transparent!important}
.service-single.service-style-2 .icon.image-icon{padding:0;margin-bottom:30px}
.service-single.service-style-2 h5{margin:20px 0;font-size:1.5em}
.service-single.service-style-2 p{color:#999}
.service-single.service-style-2:hover p{color:#666}

.table-striped {border-radius:5px;}
.table-striped thead, .table-striped thead tr {border-top-left-radius:5px; border-top-right-radius:5px;}

/*Hero*/
.hero-badge-rank {background:#f8f9fa63 !important; font-size:14px !important; font-weight:400 !important; letter-spacing:0.02em !important; color:#fff !important;}
.member-hero-h1 {color: #fff;font-weight: 300;font-size:20px;margin-bottom:0; display: inline-block; margin-bottom:10px;}
.portal-section {border-radius:5px;  overflow: hidden; box-shadow: 0 .5rem 1rem rgba(0,0,0,.35)!important;}

/*SETC*/
.content_setc {margin-top:-82px;}
.setc-widgets i {background: -webkit-linear-gradient(#65e778, #1157cb); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.setc-chart {padding: 32px 30px 0 25px;background: linear-gradient(to right, #a1b1c9 -84%, #435368 100%)}
.pipelineSnapshot .col-xl-2 { border-right:1px solid #f0f0f0; margin-bottom:15px;}
.setc-snapshot .col-xl-2:last-child {border-right:0;}
.setc-snapshot .stat {color: #222; font-size:18px; font-weight: bold; display:block; margin-top:7px;}
.setc-snapshot .stat i {background: -webkit-linear-gradient(#65e778, #1157cb); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

@media (min-width: 1200px) {
    .pipelineSnapshot .col-xl-2 {max-width: 12.5% !important; margin-bottom:0;}
}

#setcTabsWrapper {position:absolute; top:100px; z-index:999; width:100%;}
#setcTabs {margin:0px 2px 0 2px; box-shadow: 0 1px 15px 1px rgb(39 39 39 / 30%); border-radius:5px; border: 0px; overflow: hidden;}
#setcTabs .scroll_tab_inner {-ms-overflow-style: none;  scrollbar-width: none; overflow-x:scroll !important;  -webkit-overflow-scrolling: touch !important;  border: 0;}
#setcTabs .scroll_tab_inner::-webkit-scrollbar {display: none;  /* Safari and Chrome */}
.setc-title {text-align:left; font-weight: 300 !important; color:#212529; margin-bottom:15px; padding-bottom:15px; font-size: 1.25rem;}
.setc-title-btn-right {margin-top:-4px;}
.setc-width {max-width:1600px;}
.referral-link input, .referral-link .btn {font-size:12px !important;}
.blurred { -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);}
.coming-soon {color:#888; font-size:15px;}
.setc-header {background-image: url(/img/setc/hero.jpg); background-size:cover; background-repeat: no-repeat; background-position: center -152px; height:265px;}
.setc-header .panel-header {background:linear-gradient(-47deg, #36d157e6 -11%, #0026a5e8 100%) !important; position:absolute; top:0; left:0; height:265px; width:100%}
.setc-header h1 {margin: 0; color:#fff; margin-top:5px; font-weight:300 !important;}
.setc-header.notabs h1 {margin: 15px 0 0 0}

.setc-header .breadcrumbIndex {color:#fff; font-weight:500; background:none; display:inline-block; padding: 0; border-radius: 0px;}
.setc-header .breadcrumbIndex:hover {background:none; text-decoration:none; color:#000;}
.setc-header h2 {text-align:center; color:#315c7e; font-weight:700; font-size: 20px; margin-top:20px;}

.setc-member-hero, .content_setc .member-hero {margin:-15px -15px 0 -15px; background-image: url(/img/setc/member-header2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center}
.setc-member-hero-inner, .content_setc .member-hero-inner{position:relative; padding:20px 20px; background:linear-gradient(87deg, #1b284b, #3a4652b3) !important; height:67px;}
.setc-member-hero h1,.content_setc .member-hero h1 {color: #fff;font-weight: 300;font-size:20px;margin-bottom:0;}

.setc-hero-controls {text-align:right !important;}
.setc-hero-controls div {float:right; background:rgb(0,0,0,0.5); border-radius:5px;  padding:8px; display: inline-block; margin-top:-15px;}
.setc-hero-controls .btn {color:#fff !important; border-radius: 0.2rem; font-size: .9rem !important; line-height: 1.5 !important; padding: 0.25rem 0.5rem !important;}

#setcTabs .scroll_tab_inner {border-top: 0px solid #8d3800;border-bottom: 0px solid #8d3800;height: 42px !important; background: linear-gradient(to bottom, #dddddd  0%, #7e8795 100%) !important}
#setcTabs li {border:0 !important; background:none !important; background-color:transparent !important; padding:0 !important; border-top:0 !important; border-bottom:0 !important;}
#setcTabs li.scroll_tab_first {border-left:0 !important}
#setcTabs li.scroll_tab_first a {border-left:0 !important}
#setcTabs li a {border-left: 1px solid #0000003d !important; font-weight:600; border-right: 1px solid #ffffff1a; color:#222 !important; text-decoration:none; display:block; padding:0 20px; line-height:42px !important;}
#setcTabs li a:hover {background:linear-gradient(to bottom, #1d7678 0%, #4eb181 100%) !important; color:#fff !important}
#setcTabs .scroll_tab_right_button, .scroll_tab_right_button .scroll_tab_left_button { background:#1b3356bf !important; color:#00b370 !important;}
#setcTabs .scroll_tab_left_button_disabled {color: #ababab9e !important; background:#1b3356bf !important;}
#setcTabs li.tab_selected {background:linear-gradient(to bottom, #55d772 0%, #1d7678 100%) !important; color:#fff !important;}
#setcTabs li.tab_selected a { color:#fff !important; font-weight:500;}
.setc-tab-content label {margin-bottom: 0.2rem;}
.setc-tab-content {}
.setc-tab-content h4 {margin-bottom: 20px;
    font-weight: 300;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 7px 8px;
    background-color: #f0f0f0; color: #616197;}

/*ERC*/
.text-erc {color: #6daf28}

#ercTabsWrapper {position:absolute; top:100px; z-index:999; width:100%;}
#ercTabs {margin:0px 2px 0 2px; box-shadow: 0 1px 15px 1px rgb(39 39 39 / 30%); border-radius:5px; border: 0px; overflow: hidden;}
#ercTabs .scroll_tab_inner {-ms-overflow-style: none;  scrollbar-width: none; overflow-x:scroll !important;  -webkit-overflow-scrolling: touch !important;  border: 0;}
#ercTabs .scroll_tab_inner::-webkit-scrollbar {display: none;  /* Safari and Chrome */}
.erc-title {text-align:left;font-weight: 300 !important; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; }

.erc-header {background-image: url(/img/erc/erc-header-3.jpg); background-size:cover; background-repeat: no-repeat; background-position: center right; height:225px;}
.erc-header .panel-header {background:linear-gradient(to right, #005dcb0d 23%, #ffffffdb 51%, #ffffff00 100%); position:absolute; top:0; left:0; height:225px; width:100%}
.erc-header h1 {margin: 0; color:#0c2646; margin-top:5px; font-weight:300 !important;}
.erc-header.notabs h1 {margin: 15px 0 0 0}

.erc-header .breadcrumbIndex {color:#525252; font-weight:500; background:none; display:inline-block; padding: 0; border-radius: 0px;}
.erc-header .breadcrumbIndex:hover {background:none; text-decoration:none; color:#000;}
.erc-header h2 {text-align:center; color:#315c7e; font-weight:700; font-size: 20px; margin-top:20px;}

.erc-member-hero {margin:-15px -15px 0 -15px; background-image: url(/img/erc/erc-hero.jpg); background-size: cover; background-repeat: no-repeat; background-position: center -316px}
.erc-member-hero-inner {position:relative; padding:20px 20px; background:linear-gradient( 87deg,#00b370,#00b370b3); height:67px;}
.erc-member-hero h1 {color: #fff;font-weight: 300;font-size:20px;margin-bottom:0;}

.erc-hero-controls {text-align:right !important:}
.erc-hero-controls div {float:right; background:rgb(0,0,0,0.5); border-radius:5px;  padding:8px; display: inline-block; margin-top:-15px;}
.erc-hero-controls .btn {color:#fff !important; border-radius: 0.2rem; font-size: .9rem !important; line-height: 1.5 !important; padding: 0.25rem 0.5rem !important;}

.erc-quick-links .service-single {min-height:105px; padding:15px;}
.erc-quick-links .service-single .icon {float:left; margin-right:10px;  background: linear-gradient(87deg,#237f85,#8bd34b);}
.erc-quick-links .service-single .icon i {}

.erc-quick-links .service-single h5 {text-align:left; color:#0c2646}
.erc-quick-links .service-single span {text-align:left; font-size:13px; color:#888; display: block;}
.erc-quick-links a:hover {text-decoration:none;}

.erc-widgets {}
.erc-widgets i {background: -webkit-linear-gradient(#6fa9c1, #244a81); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

.ercTableTools {float:right;}

@media (max-width: 900px) {
    .erc-member-hero {background-position: center -150px;}
    .ercTableTools {float:none !important;}

}

@media (max-width: 560px) {
    .erc-header .panel-header { background: linear-gradient(to right, #ffffffa1 23%, #ffffffdb 51%, #ffffffa1 100%);}
    .erc-member-hero {background-position: center -75px; background-size: 131%;}
    .custom-accordion .accordion-item .accordion-body {padding:20px 5px}
}
@media (max-width: 480px) {
    .setc-header {background-position: center -76px}
    .portal_logo {display:none;}
    .portal_logo_mobile {height:80px; display:block !important; margin-top:-6px;}
    .lastUpdated {margin-bottom: 0; padding: 3px !important; font-size: 11px !important; width: 169px; margin-right: -10px; margin-top: -7px;}
}


/*Meta*/
.loop-header {background-image: url(/img/promo/lv-event-banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.loop-header .video-wrapper {position: relative; width: 100%; height: 200px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center;}
.loop-header .video-wrapper video {position:absolute; top:-320px; left:0;}
.loop-header .panel-header {background: linear-gradient(to right, #000000db 0%, #9b9b9be6 60%, #000000db 100%) !important; position:absolute; top:0; left:0; height:200px; width:100%}
.loop-header h1 {margin: 0}
.loop-header.notabs h1 {margin: 27px 0 0 0}
.meta-width {max-width:1400px !important}

.loop-header.acc .panel-header {background: linear-gradient(to right, #000000db 0%, #000000e6 60%, #000000db 100%) !important;}
.loop-header.acc .panel-header .acc_logo {width:200px;}

@media (max-width: 480px) {
    .loop-header .video-wrapper video {top: 0; width: 100%; height: 222px;}
    .loop-header.notabs {height: 170px; overflow: hidden}
    .loop-header.notabs .panel-header {height: 170px; overflow: hidden}
    .loop-header.notabs .video-wrapper video {top: 0; width: 100%; height: 222px;}
    .loop-header.notabs h1 {margin-top:14px;}
}

/*Loop Tabs*/
#metaTabsWrapper {position:absolute; top:100px; z-index:999; width:100%;}
#metaTabs {margin:0px 2px 0 2px; box-shadow: 0 1px 15px 1px rgb(39 39 39 / 30%);  border-radius:5px; overflow:hidden; border: 0;}
#metaTabs .scroll_tab_inner { -ms-overflow-style: none;  scrollbar-width: none; overflow-x:scroll !important;  -webkit-overflow-scrolling: touch !important; background:linear-gradient(to bottom, #43474c 0%, #2c2c2c 100%) !important; border: 0;}
#metaTabs .scroll_tab_inner::-webkit-scrollbar {display: none;  /* Safari and Chrome */}
.scroll_tabs_container .scroll_tab_right_button {border-width:0 0 0 1px !important}
.scroll_tabs_container .scroll_tab_left_button {border-width:0 1px 0 0 !important}

/*Scrollable Tabs*/
.black_grad .scroll_tab_inner {border-top: 1px solid #222222a8; border-bottom: 1px solid #222222a8; height: 41px !important;}
.black_grad li {border-bottom: 1px solid #222222a8; border-top: 1px solid #222222a8; background:none !important; background-color:transparent !important; padding:0 !important;}
.black_grad li.tab_selected {background:linear-gradient(to bottom, #2c2c2c 0%, #3e4144 100%) !important;}
.black_grad li a {color:#ddd !important; text-decoration:none; display:block; padding:0 20px}
.black_grad li a:hover {background:linear-gradient(to bottom, #5e646c 0%, #42464b 100%) !important;}

/*Meta Breadcrumbs*/
.breadcrumbIndex {color:#2edee7; background:rgb(0,0,0,0.4); display:inline-block; padding: 5px 10px; border-radius: 18px;}
.breadcrumbIndex:hover {background:rgb(0,0,0,0.6); text-decoration:none; color:#2edee7;}

.meta-training-thumb {text-align:left !important; font-size:18px !important; display:block;}
.meta-training-thumb img {margin-bottom:10px;}
.meta-title {text-align:left; font-weight: 300 !important; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; }


/*Accelerator*/
.text-acc {color:#f42424}

.complete-icon {position: absolute; top: -6px; right: -6px; color: #1fa70e; font-size: 25px; }
.complete-grn, .widgetLight .card-body .widget_stat.complete-grn strong {color: #1fa70e !important;}
.btn-acc {background: linear-gradient(#fa3030, #c91010), #2dbcaf !important;color: #fff; }
.accMobileMenu {background-color: #f0f0f0; list-style:none !important; padding:0; border:1px solid #ddd; color:#666; font-size:18px; border-radius:5px;}
.accMobileMenu a {color:#666; padding: 5px 10px !important;}
.accMobileMenu .dropdown-item {padding:0 !important}
.accMobileMenu .dropdown-item a.active {background-color:#f0f0f0; color:#f42424}

.card-acc {background-color:transparent !important;}
.card-acc .card-body {background: linear-gradient(to bottom, #43474c 0%, #121212 100%) !important; color:#fff; border-radius: 5px;}
.card-acc .card-body .card-title {font-size:18px; font-weight:bold;}
.card-acc .card-body .card-title-sub {font-size: 14px;color: #8a9db1;}
a:hover .card-acc  .card-body {background: linear-gradient(to bottom, #121212 0%, #43474c 100%) !important;}

.row-acc {background: linear-gradient(to bottom, #43474c 0%, #121212 100%) !important;}
.row-acc.card-pull-bottom {}
.row-acc .card {box-shadow: 0 1px 15px 1px rgb(39 39 39%);}
.row-acc .meta-title {text-align: left; font-weight: 100 !important;  margin-bottom: 15px;  color: #fff !important;  padding-bottom: 15px; border-bottom: 1px solid #555;}
.row-acc .toggle-setting {color:#999;}
.row-acc .nav-pills.hel-tabs .nav-link {color:#ddd !important}
.card-pull-bottom {padding:20px 20px 0 20px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;  margin-top: 20px; margin-left: -16px; margin-right: -16px; margin-bottom: -15px}}

.disabled {opacity: 0.5}
.toggle-group label.btn-xs {font-size: 11px; line-height: 1.1em;}
.card-fast-track .complete-icon{font-size: 32px;}
.card-fast-track .text-success {color:#1fa70e !important;}
.card-fast-track img.disabled {opacity: 0.5}
@media (max-width: 480px) {
    .card-pull-bottom {padding:20px 0px 0 0px !important}
    .row-acc .nav-pills.hel-tabs .nav-link {
        margin-right: 10px !important;
    }
    .fast-track-help {position: absolute; right: 9px;}
}

/*Meta Loop Badges*/
.badge-loop2 {}

.badge-loop {
    border-radius: 8px;
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 0.75em;
    line-height: 12px;
    background-color: transparent;
    border: 1px solid;
    text-decoration: none;
    color: #FFFFFF;
    font-weight:bold !important;
    margin-bottom: 5px;
    border-radius: 0.875rem;
    white-space: nowrap !important
}

.badge-loop:hover,
.badge-loop:focus {
    text-decoration: none;
}

.badge-loop-icon {
    padding: 0.4em 0.55em;
}

.badge-loop-icon i {
    font-size: 0.8em;
}

.badge-loop-default {
    border-color: #888;
    background-color: #888;
}

.badge-loop-primary {
    border-color: #f96332;
    background-color: #f96332;
}

.badge-loop-info {
    border-color: #2CA8FF;
    background-color: #2CA8FF;
}

.badge-loop-success {
    border-color: #18ce0f;
    background-color: #18ce0f;
}

.badge-loop-warning {
    border-color: #FFB236;
    background-color: #FFB236;
}

.badge-loop-danger {
    border-color: #FF3636;
    background-color: #FF3636;
}

.badge-loop-purp {
    border-color: #5145f1;
    background-color: #5145f1;
}

.badge-loop-grey {
    border-color: #777;
    background-color: #777;
}


.badge-loop-lightDanger {
    background-color: #f9d6d5;
    border-color: #f7c6c5;
    color: #761b18;
}

.badge-loop-neutral {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: inherit;
}

.badge-loop-primary[href]:focus,
.badge-loop-primary[href]:hover {
    color: #FFFFFF;
    background-color: #f95823;
    border-color: #f95823;
}

.badge-loop-warning[href]:focus,
.badge-loop-warning[href]:hover {
    color: #FFFFFF;
    background-color: #ffac27;
    border-color: #ffac27;
}

.badge-loop-info[href]:focus,
.badge-loop-info[href]:hover {
    color: #FFFFFF;
    background-color: #1da2ff;
    border-color: #1da2ff;
}

.badge-loop-danger[href]:focus,
.badge-loop-danger[href]:hover {
    color: #FFFFFF;
    background-color: #ff2727;
    border-color: #ff2727;
}

.badge-loop-success[href]:focus,
.badge-loop-success[href]:hover {
    color: #FFFFFF;
    background-color: #16c00e;
    border-color: #16c00e;
}

.badge-loop-default[href]:focus,
.badge-loop-default[href]:hover {
    color: #FFFFFF;
    background-color: gray;
    border-color: gray;
}


/*Mobile Responsive*/
@media (max-width: 600px) {

    .modalCompTable.table > tbody > tr > td {
        padding: 12px 2px;
    }
    .modalCompTableFirst {min-width:auto !important;}

    .hotspotAppInner {padding:25px !important}
    .hotspotAppChoose {padding:0 !important;}
    .hotspotAppLogo {display:none !important;}

    .panel-header-ht {
        background: linear-gradient(to right, #0c2646ed 0%, #205565f2 60%, #3287afde 100%);
    }
    .panel-header-ht h1 {
        float:none !important;
        text-align:center;
    }

    .panel-header-buttons {text-align:center;}

    .panel-header-mobile-stretch {
        height: 150px;
    }
    .panel-header-mobile-stretch h1 {
        margin-bottom:15px;
        float:none !important;
        text-align:center;
        margin-right:0 !important;
    }
    #actionButtons .btn-group {
        margin-top: 10px;
    }
}




/*------------------------------------------------------------*/
/*V3 CSS------------------------------------------------------*/
/*------------------------------------------------------------*/

/*Update*/

html body .navbar {
    background: #121212d9 !important;
    backdrop-filter: blur(0.5em) !important;
}
html, html body, .main-panel, .wrapper, .v3-outer, .v3-inner  .main-panel  {height:100% !important; min-height:auto !important;}
.main-panel {background:transparent !important;}
.v3-outer {background-image:url('/img/v3/bg01.jpg') !important; background-repeat: no-repeat; background-size:cover; background-attachment:fixed;}
.v3-inner {background: linear-gradient(to right, #0e0e0eed 0%, #14141469 60%, #000000de 100%) !important;}
.sidebar:after, .off-canvas-sidebar:after {background: #0000007a  !important;}
html body .navbar .nav-item {border-right: 1px solid rgb(255 255 255 / 6%) !important;}
body .btn-rnd {border-radius:30px !important; padding: .375rem 1rem;}


html {background-color: #0c0c0c !important;}


.v3-outer {background-image:none !important;}
#content {box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4); background: linear-gradient(to right, #d1d1d1 0%, #f7f7f7 60%, #cdcdcd 100%) !important;}

.badge-opp {border: 3px solid rgb(0 0 0 / 60%); background: rgb(255, 255, 255, 1); color: #666; box-shadow: rgb(0 0 0 / 15%) 0px 8px 7px, rgb(0 0 0 / 63%) 0px 12px 16px; font-size: 15px;}
.badge-opp i {color:limegreen}
.oppStatusCon {position:absolute; bottom:75px; left:15px;}
#marketplace .col-xxl-3 { max-width: 728px !important; }

.v3-dashboard h1 {color:#fff; font-size:24px; font-weight:200;}
.v3-dashboard p {color:#fff; font-weight:300;}
.v3-dashboard .ref-con p {font-size:13px; margin-bottom:5px; text-align:center;}
.v3-dashboard .ref-con input[type=text].form-control {
    border-radius: 2rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: rgb(235 233 233 / 61%) !important;
    border-color: rgba(0, 0, 0, 0.49) !important;
    color: #000 !important;
}
.v3-dashboard .ref-con .btn-copy {
    border-top-right-radius:2rem !important;
    border-bottom-right-radius:2rem !important;
    font-size:13px !important;
}

.v3-dashboard .v3-tiles {margin-top:50px;}
.v3-dashboard .btn-webinar {float:right; margin-top:-70px;}

/*Dashboard Tiles*/

.v3-tiles {}
.v3-tiles hr {border-top:1px solid rgb(255,255,255,0.2)}
.v3-tiles .card, .card.v3 {border-radius: .6rem; background-color: #00000075;}
.v3-tiles .card h3,.card.v3 h3 {color:#fff; font-size:26px; }
.v3-tiles .card h4, .card.v3 h4 {color:#fff; font-size:22px; font-weight:200;}
.v3VidCon {border-radius:15px; padding:10px; background: rgba(255, 255, 255, 0.25);}
.v3VidCon iframe {border-radius:12px; overflow:hidden}

#nav_explore {background: #2a2d30fa !important; width:1100px; padding:20px !important}
#nav_explore .card-nav-tile {padding:0 !important}
#nav_explore .card-nav-tile img {max-width:100px; float:left; margin:0 20px 20px 0;}

/*Webinar Cards*/
body .card-webinar .card-header {font-size:18px !important;}
body .card-webinar h3 {font-size: 1.275rem !important; font-weight: bold !important;}
body .card-webinar h4 {font-size: 1.1rem !important; font-weight:300 !important;}

body .nav-pills.pills-v3 .nav-item .nav-link {
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    align-items: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s ease;
    padding:6px 18px !important;
    color:#fff;
    background-color: rgb(0 0 0 / 21%) !important;

}

body .nav-pills.pills-v3 .nav-item .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.31) !important;
    color: #606060 !important;
}

body .nav-pills.pills-v3 .nav-item .nav-link.active {

    background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
    background-color: rgba(0, 0, 0, 0.31) !important;
    border-radius: 30px;
    border: 1px solid #a5a3a3;
    box-shadow: -1px 1px 1px 1px #fcfcfc4a, 0 5px 8px #d6d7d991, 0 -2px 2px #cecfd19e, 0 -3px 4px #fefefe82, inset 0 0 3px 0 #cecfd1;
    color: #606060 !important;
    text-shadow: 0 1px #fff;
}

@media (max-width: 576px) {

    .v3-outer, .v3-inner {min-height:2600px !important}
    .v3-dashboard .btn-webinar {float:none; display:block; margin-top:30px; width:100%;}
}

@media (max-width: 768px) {

}

@media (max-width: 992px) {


}

@media (max-width: 1200px) {

}

@media (max-width: 1600px) {

}

@media (min-width: 1800px) {

}


.holographic-container {
    overflow:hidden;

}

.holographic-card {
    overflow:hidden;
    border-radius: 10px;
    transition: all 0.5s ease;
}


.holographic-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        0deg,
        transparent,
        transparent 30%,
        rgba(213, 213, 213, 0.42)
    );
    transform: rotate(-45deg);
    transition: all 0.5s ease;
    opacity: 0;
}

.hcard-g::before {
    background: linear-gradient(0deg, transparent, transparent 30%, rgba(183, 183, 183, 0.42));
}

.holographic-container:hover {
    box-shadow: 0 0 20px rgba(171, 171, 171, 0.5);
}

.holographic-card:hover::before {
    opacity: 1;
    transform: rotate(-45deg) translateY(100%);
}

.glowText {
    text-shadow: 1px 2px 2px rgb(0 0 0 / 70%);
}
.shape-bottom {
    position: absolute;
    top: auto;
    bottom: -1px;
    left: 0;
    right: 0;
}
.shape-bottom svg {
    overflow: hidden;
    width: 100%;
    line-height: 0;
    direction: ltr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.top {
    position: absolute;
    top: -1px;
    bottom: auto;
    left: 0;
    right: 0;
}
.shape-bottom svg {
    overflow: hidden;
    width: 100%;
    line-height: 0;
    direction: ltr;
}