/*gets rid of the header,footer,styling -fixes some bugs */
/*header, .mobile-header {display: none}*/
/*footer {display: none}*/
body, .font-Opensans {font-family: 'Open Sans', Arial, Helvetica, sans-serif}
.font-Quicksand {font-family: 'Quicksand', Arial, Helvetica, sans-serif}
.font-websafe {font-family: Arial, Helvetica, sans-serif}
#bottom-bg, .tmp-content-area {padding: 0 !important}
.allow-pan-y {touch-action: pan-y !important} /*bug fix with scroll/zoom on mobile -- cause bugs on larger iOS devices, tablet (??) */
.disable-pan-y {touch-action: none !important}
html, body {
	position: relative;
    width: 100%;
   /* height: 100%;*/ /*bug fix: causes popup to not to display */
}
body * {-webkit-tap-highlight-color: rgba(0,0,0,0)} /* ipad blink fix */
/*-------------------*/

/* BODY */
body {background: #e6e9ed; min-width: 350px; /* the min width the site has been tested for */}
body, .com-body {overflow-x: hidden; /* bugfix for overflow */}
.com-body.grayout header, .com-body.grayout .com-content, .com-body.grayout .bg-layer-container {filter: grayscale(1) !important}

body.req-extra-stu-data .com-content {display: none}


/* ADD TO GLOABAL - start */

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* should transition away from these !!!  */
/* THESE BELOW ARE BAD !! -- cannot remeber how to call them  */
.text-small-size-svg-icon {width: 9px}
.text-small-plus-size-svg-icon {width: 10.5px}
.text-small-plus-size-font-icon {font-size: 12px}
.text-normal-size-svg-icon {width: 12.5px}
.text-normal-size-font-icon {font-size: 16px}
.text-normal-semiplus-size-svg-icon {width: 13.5px}
.text-normal-plus-size-font-icon {font-size: 18px}
.text-normal-plus-size-svg-icon {width: 15px}
.text-normal-plus-plus-size-svg-icon {width: 17px}
.text-large-size-svg-icon {width: 20px}
.text-large-plus-size-font-icon {font-size: 22px}
.text-large-plus-size-svg-icon {width: 26px}
/* bad end */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ADD TO GLOABAL - END */

/*-------------------*/

/* --- HEADER / NAV --- */
/*
.default-loader {
    border: 7px solid rgb(255, 255, 255, .95);
    border-top: 7px solid transparent;
}
*/
header {width: 100%}
body.req-extra-stu-data header {
	min-height: auto;
    height: auto;
}
body.req-extra-stu-data .hero-text-wrap, 
body.req-extra-stu-data .slide-indicator-wrap,
body.req-extra-stu-data .ee-nav .default-btn.cart,
.req-extra-stu-data-body,
body.req-extra-stu-data .bg-layer-container .bg-layer-overlay,
body.req-extra-stu-data .bg-layer-container .bg-layer-shading,
body.req-extra-stu-data .bg-layer-container .bg-layer-hero-slider {
	display: none;
}
body.req-extra-stu-data .req-extra-stu-data-body {
	display: block;
	min-height: 640px;
}
header .ee-nav {height: 100px}
body.req-extra-stu-data .nav-wrap {background: transparent}
.menu-icon {padding: 10px 15px;}
.menu-icon svg {width: 30px; height: 20px;}

/*header.darkmode .menu-logo svg path, header.darkmode .menu-logo svg polygon {fill: #fff}*/

.menu-logo {width: 100px}
.menu-logo.ontra {width: 60px}
.menu-logo.eku {width: 126px}
.menu-logo.eku.legacy {width: 100px}

.menu-logo.mobile {width: 76px}
.menu-logo.mobile svg {width: 76px}

.menu-logo-title {padding-left: 10px;}
.menu-logo-title .title-1 {font-size: 1.8rem; line-height: 1.8rem; padding-top: 1px;}
.menu-logo-title .title-2 {font-size: .8rem;  line-height: 1rem; padding-left: 2px; letter-spacing: .75px;}

.content-width {width: 1024px}
.content-width-smaller {width: 800px}

/*-------------------*/

/* --- DEF BTN --- */
/* fixes top button glitch on page refresh*/
.ee-nav .default-btn.cart {min-width: 16px}
.ee-nav .default-btn.cart .btn-icon {width: 16px}
.ee-nav .cart-is-empty .default-btn.cart .btn-text {padding: 0; width: 0;}
.ee-nav .cart-has-item .default-btn.cart .btn-text.cart-empty-text {padding: 0; width: 0;}

.ee-nav .default-btn.login {min-width: 50px;}
.ee-nav .default-btn.login .btn-icon {width: 13px}
.ee-nav .default-btn.login.user-is-cm .btn-icon {width: 17px}
.ee-nav .default-btn.login.user-is-sm .btn-icon {width: 24px}
/* CM progile btn */
.ee-nav .default-btn.login.user-is-cm {border-radius: 8px; height: 34px}
.ee-nav .default-btn.login.user-is-sm {border-radius: 8px; height: 34px}
.ee-nav .default-btn.login.user-is-admin .btn-icon {width: 16px}
.ee-nav .default-btn.login.user-is-admin {box-shadow: 0px 0 0px 3px rgb(232 17 58)}
.ee-nav .default-btn.login.user-is-cm .pulse-dots .dot-1 {background-color: rgba(255,255,255,.6)}
.ee-nav .is-logged-in .default-btn.login .btn-text {max-width: 100px}
.ee-nav .cart-has-item .default-btn.login {
    min-width: 12px;
    padding-left: 10px;
	padding-right: 10px;
}
.ee-nav .cart-has-item .default-btn.login.user-is-cm {background-image: none; padding-left: 9px; padding-right: 8px}
.ee-nav .cart-has-item .default-btn.login .btn-text {padding: 0; width: 0}

.ee-nav .default-btn.support {min-width: 76px}
.ee-nav .default-btn.support .btn-icon {width: 12px}
.ee-nav .cart-has-item .default-btn.support {
    min-width: 12px;
    padding-left: 10.5px;
	padding-right: 10.5px;
}
.ee-nav .cart-has-item .default-btn.support .btn-text {padding: 0; width: 0}
.ee-nav .default-btn.user-settings .btn-icon {width: 15px}
.ee-nav .default-btn.logout .btn-icon {width: 17px}

/* empty click on cart btn */
.ee-nav .cart-is-empty.clicked-once .default-btn.cart .btn-text.cart-empty-text {padding-left: 10px; width:  auto}
.ee-nav .cart-is-empty.clicked-once .default-btn.login .btn-text {padding: 0; width: 0}
.ee-nav .cart-is-empty.clicked-once .default-btn.login {
    min-width: 12px;
    padding-left: 10px;
    padding-right: 10px;
}
.ee-nav .cart-is-empty.clicked-once .default-btn.support .btn-text {padding: 0; width: 0}
.ee-nav .cart-is-empty.clicked-once .default-btn.support {
    min-width: 12px;
    padding-left: 10.5px;
	padding-right: 10.5px;
}
/*-------------------*/

/* ------ COMPANY LOGIN TOP ------ */

header.user-is-guest .ee-nav {padding-top: 10px}
header.user-is-guest .ee-nav .menu-logo.eku.legacy {width: 90px; margin-top: 15px;}
header .hero-company-login-wrap {
	background-color: rgba(29, 32, 28, .25); /* fallback for browsers that don't support backdrop-filter */
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px); /* supported by modern browsers */
	height: 28px;
	padding-bottom: 1px;
}
header.user-is-guest .hero-company-login-wrap .paint-setting-secondary {color: #baddff}
header .setting-underline {
	position: relative;
	display: inline-block;
}
header .setting-underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 101%;
	height: 1.5px;
	background-color: #96b3d1;
}
header.user-is-guest .hero-company-login-wrap .paint-svg-setting-secondary svg polygon {fill: #a5c4e4}
.link-pointer-svg-icon {width: 5.5px}

/* ------------ */ 

footer .default-btn.footer {
	box-shadow: inset 0 0 0 1px #67829d;
	height: 26px;
}
.req-extra-stu-data-footer .default-btn.footer {
	box-shadow: inset 0 0 0 1.5px #6689b5;
}
footer .default-btn.footer .btn-icon {width: 11px; height: 13px;}

.default-btn.button-type {padding: 0}
.default-btn.button-type button {
	padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.round-dot {
	left: 30px;
	bottom: -4px;
	border-radius: 20px; 
	width: 12px; 
	height: 12px;
}
.round-dot.inactive {display: none}

/*-------------------*/

/* --- LANG SWITCH --- */

.lang-switcher-wrap {height: 20px;}

.lang-switcher-wrap .lang-icon, .lang-icon {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 150%;
	border-radius: 40px;
	width: 21px;
	height: 20px;
	opacity: 1;
}
.lang-switcher-wrap .lang-icon-wrap > .lang-icon {
	-webkit-box-shadow: 0px 2px 2px 0px rgb(29, 41, 84, .35);
	box-shadow: 0px 2px 2px 0px rgb(29, 41, 84, .35);
}
.lang-switcher-wrap .lang-icon-wrap, .lang-icon-wrap {width: 21px}
.lang-switcher-wrap.active .lang-icon {width: 0px; opacity: 0}
.lang-switcher-wrap .lang-icon svg, .lang-icon svg {width: 30px; height: 21px}
.lang-switcher-wrap .lang-icon.da svg, .lang-icon.da svg {padding-left: 4px}
header.darkmode .lang-switcher-wrap .lang-icon {background-color: #fff}
.lang-switcher-wrap .arrow-icon {width: 14px; height: 8px}

/*-------------------*/


/* --- CONNECTION --- */

.connection-checker {top: 0; left: 0}
.connection-checker.active, .connection-checker-text-wrap, .connection-checker-bg {height: 38px}
.connection-checker-text {height: 36px}
.connection-checker.inactive {height: 0}
.connection-checker.active .connection-checker-line {height: 8px}
.connection-checker.inactive .connection-checker-line {height: 0}
.connection-checker-text-wrap {
	left: 50%;
	transform: translate(-50%, 0);
	width: 450px;
}
.connection-checker.active .connection-checker-text-wrap {top: 0;}
.connection-checker.inactive .connection-checker-text-wrap {top: -50px}
.connection-checker-text-wrap .offline-icon {width: 18px; height: 17px}
.connection-checker-text-wrap .offline-icon svg path {fill: #fff}
.connection-checker-bg {top: -1px; left: 0}
.connection-checker-bg svg path {fill: #e8113a}
.connection-checker-bg.mobile {
	width: 310px; 
	left: 50%;
	transform: translate(-50%, 0);
}
/*
@keyframes offline-loading-gradient { 
  0%   {background-position: 0 0}
  100% {background-position: -200% 0}
}
*/

.connection-checker .refresh-icon {width: 13px; height: 8px}
.connection-checker .refresh-icon svg path {fill: #ffbdcf}

/*-------------------*/

/* --- OVERLAY --- */

.com-overlay-wrap {height: 0} 
.com-overlay-wrap.active {height: 100%}
.com-overlay .cover {
	background: rgba(0, 0, 0, 0.35);
	height: 150%; /* mobile height fix */
	top: 0;
	left: 0;
}
.com-overlay.active .cover {display: block}
.com-overlay.inactive .cover {display: none}

/*-------------------*/

/* --- LANG SELECT (overlay) --- */

.com-lang-select-wrap {
	top: 76px; 
	height: auto;
}
.com-lang-select-wrap.user-is-guest {top: 86px}
.com-lang-select-wrap.inactive {height: 0} 
.com-lang-select-box-wrap {
	-webkit-box-shadow: 0px 3px 4px 0px rgb(0 33 74 / 15%);
    box-shadow: 0px 3px 4px 0px rgb(0 33 74 / 15%);
	background: rgba(255, 255, 255, 1);
	border-radius: 8px;
	padding: 7px 0;
	margin-bottom: 3px;
	
	transform-origin: top;
	-webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	opacity: 1;
}
.com-lang-select-box-wrap.inactive {
	pointer-events: auto;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
	opacity: .3;
}
.com-lang-select-item {
	background: transparent;
	padding: 7px 28px 7px 25px;
	display: block;
	height: 36px;
}
.com-lang-select-item.active {background: #dbe8f2}

/*.com-lang-select-item .lang-icon-wrap {width: 21px}*/
.com-lang-select-item .lang-icon {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 150%;
    border-radius: 40px;
    width: 19px;
    height: 18px;
    opacity: 1;
}
.com-lang-select-item .lang-icon svg {width: 26px; height: 18px}
.com-lang-select-item .lang-icon.da svg {padding-left: 3px}

.svg.bg-round-shape {
	border-radius: 100%;
	padding: 7px;
	margin: 0;
}

/*-------------------*/

/* --- POPUP /// LOGOUT --- */

.com-popup .logout-graphic-door {
	width: 84px;
    height: 84px;
    margin-right: 21px;
}
.com-popup .logout-graphic-door svg path {fill: #2b5176}

/*-------------------*/

/* --- SIDE MENU (LEFT & RIGHT) --- */

.com-overlay .side-menu-holder {
	position: absolute;
	width: 512px;
	height: 100%;
	z-index: 10;
}
.com-overlay .side-menu-holder.right {right: 0}
.com-overlay .side-menu-holder.left {left: 0}
.com-overlay .side-menu {transform:translateX(0); height: auto}
.com-overlay .side-menu-holder.left .side-menu {}
.com-overlay .side-menu-holder.left .side-menu.inactive {transform:translateX(-512px)}
.com-overlay .side-menu-holder.right .side-menu {padding: 0 35px 0 40px}
.com-overlay .side-menu-holder.right .side-menu.inactive {
	transform:translateX(512px);
	/* mobile bug fix (not tested fully*/
    /*overflow: hidden;*/
	/* NOTE WONT WORK, NEEDS ANOTHER LAYER A WRAP OR SMTH */
}
.com-overlay .side-menu .top {
	height: 36px;
}
.com-overlay .side-menu .top,
.com-overlay .side-menu .bottom,
.com-overlay .side-menu .item-list {padding: 0 25px}
.com-overlay .side-menu.settings-sidemenu-wrap .top {padding: 0}
.com-overlay .side-menu .return-btn i {
	font-size: 30px;
	width: 30px;
	height: 30px;
}
.com-overlay .side-menu .top .title {
	font-size: 1.5rem;
	line-height: 28px;
	font-weight: 700;
}
.com-overlay .side-menu .item-list {background: #fff;}
.com-overlay .side-menu .item-list p {min-width: 100px;}
.com-overlay .side-menu .item-list p.active {font-weight: 700;}
.com-overlay .side-menu .item-list p.inactive {}

.com-overlay .side-menu .item-list nav ul.menu {padding-left: 0}

/* EE 2.2.2 - remove on menu development */
.com-overlay .side-menu .item-list {background: transparent}
.com-overlay .side-menu .item-list p {color: #85a5c5}
.com-overlay .side-menu .item-list p.active {color: #fff}

/*-------------------*/

/* --- SIDE MENU // SETTINGS --- */

.setting-item-wrap, .setting-item-pulse {border-radius: 30px}
.setting-item-wrap {
	padding: 0 0 0 20px; 
	min-height: 40px;
}
.setting-item-wrap.inactive {
	box-shadow: inset 0 0 0 1px #5d6e80;
	background: transparent;
}
.setting-item-wrap .setting-item-switch {padding: 10px 20px 10px 20px}
.setting-item-wrap .setting-item-text {padding-top: 10px;}
.setting-item-wrap .setting-item-icon {padding-top: 10px;}

.settings-sidemenu-wrap .toggle-box.active .box-bg {background: #fff}
.settings-sidemenu-wrap .toggle-box.inactive .box-bg {background: #85a5c5}
.settings-sidemenu-wrap .toggle-box.active .box-dot {background: #3f4c60}
.settings-sidemenu-wrap .toggle-box.inactive .box-dot {background: #242939}

.setting-item-wrap.inactive .setting-item-text p {color: #85a5c5}
.setting-item-wrap.inactive .setting-item-icon .icon {color: #85a5c5}
.setting-item-wrap.inactive .setting-item-icon svg path {fill: #85a5c5}

.setting-item-wrap .setting-item-marker {
	margin-top: 2px;
	padding: 0 7px;
	border-radius: 20px;
}
.setting-item-wrap.active .setting-item-marker {background: #00f57f} 
/*.mail-prefs-wrap.course-manager .setting-item-wrap.active .setting-item-marker {background: #fff}*/
.mail-forward-wrap .setting-item-wrap.active .setting-item-marker {background: #29e8ff}
.setting-item-wrap.inactive .setting-item-marker, .mail-forward-wrap .setting-item-wrap.inactive .setting-item-marker  {background: #85a5c5}

.setting-item-desc-wrap.inactive .lang-tag-email {display: none}
.setting-item-input-wrap .left .corner-bottom-left-dots-line {height: 22px}
.setting-item-input-wrap .left .corner-bottom-left-dots-line svg {width: 100px; height: 40px}
.setting-item-input-wrap .right {padding-right: 30px}
.setting-item-input-wrap.active .right .ee-input {color: white}
.setting-item-input-wrap.inactive .right .ee-input {color: #85a5c5}
.setting-item-input-wrap .clear-input-icon {
	top: 20px;
    right: 0;
    width: 30px;
    height: 20px;
}
.setting-item-input-wrap .clear-input-icon .icon {font-size: 20px}

/*-------------------*/

/* --- COURSE BOX --- */

.com-content .course-box .default-btn-wrap {
	-webkit-box-shadow: 0px 4px 11px 0px rgb(0, 57, 96, .4);
    -moz-box-shadow: 0px 4px 11px 0px rgb(0, 57, 96, .4);
    box-shadow: 0px 4px 11px 0px rgb(0, 57, 96, .4);
	border-radius: 40px; 
	border: 2.5px solid transparent;
	margin-left: 10px;
}
.com-content .course-box .buy-btn-wrap .default-btn.buy-ver {min-width: 190px; padding: 0; height: 37px}
.com-content .course-box .buy-btn-wrap .default-btn .vsep {opacity: .3}
.com-content .course-box .buy-btn-wrap .default-btn .btn-text {
	font-size: .95rem; 
	line-height: 18px;
	letter-spacing: -.25px;
}

.com-content .course-box.user-is-cm .default-btn-wrap {
	background: #f4f5f9;
    /*border: 2px solid #0a2540;*/
    border: 2px solid #1e5d9d;
	-webkit-box-shadow: 0px 3px 7px 0px rgb(13,68,124,.45);
	box-shadow: 0px 3px 7px 0px rgb(13,68,124,.45);
    border-radius: 8px;
}
.com-content .course-box.user-is-cm .default-btn-wrap .pulse-dots .dot-1{background-color: rgba(10, 37, 64, .6);}
.com-content .course-box.user-is-cm .default-btn-wrap .default-btn {background-color: #f4f5f9}
.com-content .course-box.user-is-cm .default-btn .btn-text {font-weight: 700}

.com-content .course-box .course-price {vertical-align: top;}
.com-content .course-box .course-price small {
	font-weight: 600; 
	padding-top: 0;
	padding-left: 1.5px; 
	margin-top: -1px;
	display: inline-block; 
	vertical-align: top;
}
/* your course */
.com-content .course-box.your-course .buy-btn-wrap .default-btn.buy-ver {background: #ffbb59; padding: 2px}
.com-content .course-box.your-course .buy-btn-wrap .default-btn.buy-ver .paint-svg-main-dark svg path {fill: #0a2540}
.com-content .course-box.your-course .default-btn-wrap {background: transparent; border: 0}
.com-content .course-box.your-course .buy-btn-wrap .default-btn.buy-ver p.paint-main-dark {color: #0a2540}

.com-content .course-box.your-course.expired .buy-btn-wrap .default-btn.buy-ver {/*background: #85a5c5*/ background: #fd5051}
.com-content .course-box.your-course.expired .buy-btn-wrap .default-btn.buy-ver p.paint-main-dark {/*color: #2a435e*/}

.course-box .right .course-lpaths-wrap .section-title {font-size: .83rem; line-height: 19px; font-weight: 500;} 
/*.course-box .right .course-lpath.done .section-number {color: #3df290} */
.course-box .right .course-lpath.done .section-title {color: #3df290} 
.course-box.your-course.expired .right .course-lpath.done .section-title {color: #fff} 
.course-box.your-course.expired.passed .right .course-lpath.done .section-title {color: #3df290} 
/*.course-box .right .course-lpath.current .section-title {color: #ffbb59} */
.course-box .right .course-lpath.current .section-title {color: #fff} 
.course-box .right .course-lpath .course-lpath-blob {
	line-height: 16px;
	border-radius: 15px;
	padding: 0 7px 0 6px;
	margin: 2.5px 0 0 0;
} 
.course-box .section-dot-wrap {
	margin: 3px 0 7px 0;
}
.course-box .section-dot-wrap .section-dot {
	background-color: transparent;
    background-size: contain;
    background-position: top left;
    background-repeat-x: repeat;
	height: 4px;
	margin-left: 2px;
	margin-right: 2px;
	opacity: .5;
}
.course-box .section-dot-wrap .section-dot-current, .course-box .section-dot-wrap .section-dot-done {
	/*background: #3df290;*/
	background: #16d76e;
	border-radius: 5px;
	display: none;
}
.course-box .section-dot-wrap.current .section-dot-current {
	display: block;
}
.course-box .section-dot-wrap.done .section-dot-done {
	display: block;
}

/*-------------------*/

/* --- COOKIE WRAP --- */

.com-cookie-notification {height: 128px}
.com-cookie-notification.inactive {height: 0}
.com-cookie-notification .com-cookie-content-width {
	padding: 0 10px;
	width: 794px;
}
.com-cookie-notification .cookie-icon {width: 60px}
.com-cookie-notification .default-btn {width: 100%}
.com-cookie-notification .policy-link {padding-top: 7px}
.com-cookie-notification .policy-link .text-normal {font-size: .8rem; line-height: 1.1rem}
.animate-default-55 {
	-webkit-transform: translate3d(0,0,0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .55s ease;
}

.com-popup .body .col-padding {padding: 0 30px 0 18px}
.com-popup .body.cookie-policy {padding: 0 6px}
.com-popup .body.terms-of-service {padding: 0 6px}

/*-------------------*/

/* ---- TOGGLE BOX ----- */

.toggle-box {
	height: 20px;
}
.toggle-box .box-bg {
	border-radius: 50px;
	width: 30px;
	height: 16px;
}
.toggle-box .box-dot {
	width: 9px;
    height: 9px;
    border-radius: 50px;
	margin-top: -0.1px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.toggle-box.active .box-dot {left: 70%}
.toggle-box.inactive .box-dot {left: 29%}

/*-------------------*/

/* --- EE SCROLL --- */

.ee-scrollbox {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 512px;
}
/* iOS doesnt support scroll as part of their Human Computer Interaction Guide - has to have another workaround
https://developer.apple.com/forums/thread/670065
 */
.ee-scrollbox::-webkit-scrollbar-track, .ee-scrollbox::-webkit-scrollbar, .ee-scrollbox::-webkit-scrollbar-thumb {border-radius: 3px}
.ee-scrollbox::-webkit-scrollbar-track, .ee-scrollbox::-webkit-scrollbar {background-color: #dfe6ed}
.ee-scrollbox::-webkit-scrollbar {width: 5px}
.ee-scrollbox::-webkit-scrollbar-thumb {background-color: #92a9c1}

.ee-scrollbox .ee-scrollbox-right-pad + .ee-scrollbox-right-pad {padding-left: 10px; padding-right: 20px}

/*-------------------*/

/* --- DEF CHECKBOX & CHECK CIRCLE --- */

.stu-course-select-item.inactive .checkbox-svg .checkbox-border {fill: #6280a6}
.stu-course-select-item.inactive .checkbox-svg .checkbox-marker {fill: transparent}
.stu-course-select-item.inactive .checkbox-svg .checkbox-bg {fill: transparent}
.stu-course-select-item.active .checkbox-svg .checkbox-border {fill: transparent}
.stu-course-select-item.active .checkbox-svg .checkbox-marker {fill: #fff}
.stu-course-select-item.active .checkbox-svg .checkbox-bg {fill: #0075ff}

.stu-course-select-item.inactive.disabled .checkbox-svg .checkbox-disabled {fill: #abc3dd}
.stu-course-select-item.inactive.disabled .checkbox-svg .checkbox-border {fill: transparent}

/*-------------------*/

/* --- POPUP /// STEPS --- */

.com-popup .course-box-mini {
	border: 1px solid rgb(0 33 74 / 12%);
	-webkit-box-shadow: 0px 3px 4px 0px rgb(0 33 74 / 30%);
    box-shadow: 0px 3px 4px 0px rgb(0 33 74 / 30%);
    border-radius: 8px;
    padding: 10px 0 0 0;
	min-width: 236px;
}
.com-popup .course-box-mini {margin-top: 10px}
.com-popup .course-box-mini + .course-box-mini {margin-left: 10px}
.com-popup .course-box-mini .course-icon-wrap {width: 48px; padding-left: 5px;}
.com-popup .course-box-mini .course-icon {width: 14px}
.com-popup .course-box-mini .title-wrap {padding-right: 5px;}
.com-popup .course-box-mini .course-icon.hotwork-course-icon {width: 26px}
.com-popup .course-box-mini .course-box-mini-lower {
	padding: 0 5px 10px 5px;
	border-radius: 0 0 8px 8px;
}
.com-popup .course-box-mini .course-box-mini-lower.paint-bg-themecolor-dark {background: #2a3944}
.com-popup .course-box-mini .course-box-mini-lower.paint-bg-themecolor-dark .paint-main-bluegray {color: #a4bdd7}
.com-popup .course-box-mini .start-now-btn {
	padding: 7px 24px 8px 24px;
}
.com-popup .token-redirect-btn {
	padding: 7px 35px;
}
.com-popup .course-box-mini .lang-icon {
	-webkit-box-shadow: 0px 0px 6px 5px rgba(255,255,255, .65);
    box-shadow: 0px 0px 6px 5px rgba(255,255,255, .65);
}
.com-popup .course-box-mini .bg-image {
	width: 200px;
    height: 220px;
}
.com-popup .course-box-mini .bg-shader {
	background: linear-gradient(270deg,rgb(255,255,255, .1) 1%, rgb(255,255,255, 1) 70%);
}
.com-popup .course-box-mini .course-img {
	background-repeat: no-repeat;
    background-size: contain;
	background-position: top right -35px;
}

/*-------------------*/

/* --- POPUP /// CART --- */

.com-overlay-popup .com-popup-animation.width-700 .com-popup.cart .body {min-height: 200px}

.com-popup.cart .return-btn-wrap.active, .com-popup .return-btn-wrap.active  {width: 47px}
.com-popup.cart .return-btn-wrap.inactive, .com-popup .return-btn-wrap.inactive {width: 0}

.mini-payment-status-msg.inactive {display: none}
.mini-payment-status-msg.active {display: table-row}
.mini-payment-status-msg.ok .blob-15 {
	background: #009f56;
	color: #fff;
}

.cart-order-overview {
	padding: 0 10px;
}
.cart-order-overview-table {
}
.cart-order-overview-table .course-icon-col {width: 64px}
.cart-order-overview-table .course-icon {width: 17px}
.cart-order-overview-table .course-icon.hotwork-course-icon {width: 30px}
.cart-order-overview-table .course-icon.ladder-course-icon {width: 34px; padding-left: 4px;}
.cart-order-overview-table .course-color-marker {border-radius: 20px; width: 5px}

.com-popup.cart .cart-order-overview-table .course-title-col {padding-left: 10px;}
.cart-order-overview-table .course-quantity-col {width: 164px; min-width: 90px}
.com-popup.cart .cart-order-overview-table .pad-bottom-30 {padding-bottom: 30px} /* CSS incorrect cascading fix */
.com-popup.cart .cart-order-overview-table .pad-bottom-35 {padding-bottom: 35px}
.com-popup.cart .cart-order-overview-table .pad-bottom-40 {padding-bottom: 40px}

.course-quantity-col .course-price-discount .blob-5, .blob-5.discount {margin: 3.5px 5px 0 0; padding: 1px 4px 1px 4px;}
.course-quantity-col .course-price-no-discount {}

.com-popup.cart .quantity-box-wrap {height: 28px}
.com-popup.cart .quantity-box {width: 100px; border-radius: 50px}
.com-popup.cart .quantity-box-wrap .quantity-box-negative.active {}
.com-popup.cart .quantity-box-wrap .quantity-box-negative.inactive svg path {fill: #97b3cf}
.com-popup.cart .quantity-box-wrap .quantity-box-plus.active {}
.com-popup.cart .quantity-box-wrap .quantity-box-plus.inactive svg path {fill: #97b3cf}
.com-popup.cart .quantity-box-wrap .quantity-box-lock-icon.inactive {display: none}
.com-popup.cart .quantity-box-wrap .quantity-box-lock-icon.active {display: inline-block}

.confirmation-box-table .check-icon-col {width: 50px}
.confirmation-box-table .confirmation-desc-col {/*max-width: 200px*/}
.com-popup.cart .confirmation-box-table .pad-bottom-30 {padding-bottom: 30px}
.com-overlay-popup .com-popup.cart .confirmation-btn-col .default-btn {height: 32px}
.confirmation-box-table .confirmation-box.confirmed .confirmation-desc-col .paint-main-bluegray {color: #009f5d}

.com-popup.cart .progress-bar, .com-popup.cart .progress-bar-fillbar,
.com-popup .progress-bar, .com-popup .progress-bar-fillbar {border-radius: 0 0 15px 15px}
.com-popup.cart .progress-bar-top, .com-popup .progress-bar-top, .com-popup .progress-bar-top, .com-popup .progress-bar-top {height: 15px}
.com-popup.cart .progress-bar-top .active .progress-bar-marker, .com-popup .progress-bar-top .active .progress-bar-marker {width: 2px; background: #0a2540}
.com-popup.cart .progress-bar-top .inactive .progress-bar-marker, .com-popup .progress-bar-top .inactive .progress-bar-marker {background: transparent}
.com-popup.cart .progress-bar-bottom, .com-popup .progress-bar-bottom {height: 30px}
.com-popup.cart .progress-bar-bottom .progress-bar-text-wrap, .com-popup .progress-bar-bottom .progress-bar-text-wrap {opacity: 1}
.com-popup.cart .progress-bar-bottom .progress-bar-text-wrap.inactive, .com-popup .progress-bar-bottom .progress-bar-text-wrap.inactive {cursor: default}
.com-popup.cart .progress-bar-bottom .progress-bar-text-wrap.active, .com-popup .progress-bar-bottom .progress-bar-text-wrap.active {cursor: pointer}
.com-popup.cart .progress-bar-bottom .progress-bar-text-wrap.active:hover, .com-popup .progress-bar-bottom .progress-bar-text-wrap.active:hover {opacity: .7}
.com-popup.cart .progress-bar-bottom .progress-bar-text, .com-popup .progress-bar-bottom .progress-bar-text {font-size: .75rem; line-height: 1.1}
.com-popup.cart .progress-bar-bottom .active .progress-bar-text, .com-popup .progress-bar-bottom .active .progress-bar-text {color: #0a2540; font-weight: 700}
.com-popup.cart .progress-bar-bottom .inactive .progress-bar-text, .com-popup .progress-bar-bottom .inactive .progress-bar-text {color: #83a8ce; font-weight: 600}

.com-popup.cart .cart-nav-bar .btn-container {
	height: 46px;
}
.com-popup.cart .cart-nav-bar .btn-container.active {display: block}
.com-popup.cart .cart-nav-bar .btn-container.inactive {display: none}
.com-popup.cart .default-btn.no-pad {
	padding: 0;
	min-width: 140px;
}
.com-popup .default-btn.support, .com-popup.cookie-policy .default-btn.support, .com-cookie-notification .default-btn.support {
	box-shadow: inset 0 0 0 1px #85a5c5;
	height: 26px;
}
.com-popup.cookie-policy .body .cookie-policy-bottom .default-btn.support {
   box-shadow: inset 0 0 0 1px #85a5c5;
   height: 36px;
}/*
.com-popup.cookie-policy .body .cookie-policy-bottom .default-btn.support.accept-all {
	box-shadow: inset 0 0 0 1.5px #0390f3;
}*/
.com-cookie-notification .default-btn.support {
	background: transparent;
	height: 32px;
	padding: 0;
}
.com-popup.cookie-policy .default-btn.support {background: transparent}
 .course-holder-wrap-topbar .default-btn.pay-invoice {
	/* box-shadow: inset 0 0 0 1px #85a5c5;*/
	/*background: #a1bfde;*/
	webkit-box-shadow: 0px 3px 4px 0px rgb(0, 33, 74, .15);
    box-shadow: 0px 3px 4px 0px rgb(0, 33, 74, .15);
	height: 28px;
}

.com-popup.cart .paint-bg-ee-support-color {background: #0390f3}
.com-popup.cart .paint-ee-support-color {color: #0390f3}
.com-popup.cart .support-btn-wrap.active .support-btn-marker {
	border-radius: 100%;
	top: -2.5px;
    right: 1px;
	width: 12px;
	height: 12px;
}
.com-popup.cart .support-btn-wrap.inactive .support-btn-marker {
	top: 4.5px;
    right: 5px;
	width: 0; 
	height: 0;
}
.com-popup.cart .support-btn-wrap.active .support-btn-subtext {display: inline-block}
.com-popup.cart .support-btn-wrap.inactive .support-btn-subtext {display: none}

.com-popup.cart .progress-bar-fillbar {
	background-position: left;
	background-repeat: no-repeat;
	
	transition-property: all;
    transition-duration: .35s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
	
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,0);
}
/*.audio-player-wrap .audio-fillbar.inactive {background-size: 0% 100%}
.audio-player-wrap .audio-fillbar.active {background-size: 100% 100%}*/
.com-popup.cart .progress-bar-fillbar.in-progress {background-image: linear-gradient(rgba(212, 226, 240,1), rgba(212, 226, 240,1))}
.com-popup.cart .progress-bar-fillbar.done {background-image: linear-gradient(rgba(212, 240, 235,1), rgba(212, 240, 235,1))}

.com-popup.cart .default-btn.cart-next-btn.active {display: inline-block}
.com-popup.cart .default-btn.cart-next-btn.inactive {display: none}


/* --- POPUP /// MULTI STUDENTS --- */

.stu-details-wrap-padding.active {display: block}
.stu-details-wrap-padding.inactive {display: none}
.stu-details-wrap-padding {
	padding-left: 10px;
	padding-right: 10px;
}
.multi-stu-select-wrap {
	/*padding-top: 36px;*/
	border-radius: 8px 8px 0 0;
	padding-top: 15px;
	padding-bottom: 41px;
}
.multi-stu-select-wrap .multi-stu-box {
    box-shadow: inset 0 0 0 .5px rgb(0, 33, 74, .15), 0px 3px 4px 0px rgb(0, 33, 74, .2);
	border-radius: 15px;
	margin-bottom: 5px;
	width: 185px;
    min-height: 90px;
}
.multi-stu-select-wrap .multi-stu-box + .multi-stu-box {
	margin-left: 15px;
}
.multi-stu-select-wrap .multi-stu-box .inside-wrap {
	padding: 15px 0 0 15px;
}
.multi-stu-select-wrap .multi-stu-box .multi-stu-remove-wrap {
	display: none;
	border-radius: 0 15px 15px 0;
	width: 25px; 
	height: 100%;
}
.multi-stu-select-wrap .multi-stu-box.filled.current .multi-stu-remove-wrap {
	display: block;
	border-top: 1.5px solid #0a2540;
    border-right: 1.5px solid #0a2540;
    border-bottom: 1.75px solid #0a2540;
}
.multi-stu-select-wrap .multi-stu-box .edit-marker {
	display: none;
    border-radius: 0 10px 0 5px;
	width: 28px;
    height: 28px;
}
.multi-stu-select-wrap .multi-stu-box .done-marker {
	display: none;
	border-radius: 50px;
	width: 15px;
    height: 15px;
    margin: 2.5px 0 0 5px;
}
.multi-stu-select-wrap .multi-stu-box.filled .done-marker {display: inline-block}
.multi-stu-select-wrap .multi-stu-box.filled .student-marker .icon {/*padding-right: 0*/}
.multi-stu-select-wrap .multi-stu-box .multi-stu-name {max-width: 122px;}
.multi-stu-select-wrap .multi-stu-box .multi-stu-course-name {max-width: 112px;}
/*
.multi-stu-select-wrap .multi-stu-box.not-filled .student-marker {display: inline-block}
.multi-stu-select-wrap .multi-stu-box.filled .student-marker {display: none}
*/
.multi-stu-saved-msg.active {display: inline-block;}
.multi-stu-saved-msg.inactive {display: none}

.stu-details-save-and-edit.inactive, .stu-details-all-done.inactive {display: none}
.stu-details-save-and-edit.active, .stu-details-all-done.active {display: block}

.multi-stu-select-wrap .multi-stu-box .course-icon {
	padding-left: 4px;
    padding-right: 4px;
	width: 10px;
}
.multi-stu-select-wrap .multi-stu-box .course-icon.eletrical-course-icon {
	padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;
	width: 6px;
}
.multi-stu-select-wrap .multi-stu-box .course-icon.ladder-course-icon {
	padding-top: 1px;
	width: 12px;
}
.com-popup.cart .multi-stu-select-wrap .multi-stu-box .lang-icon-wrap {width: 13px}
.com-popup.cart .multi-stu-select-wrap .multi-stu-box .lang-icon {width: 12px; height: 11.5px}
.com-popup.cart .multi-stu-select-wrap .multi-stu-box .lang-icon svg {width: 20px; height: 12px;}

.multi-stu-select-wrap .multi-stu-box .edit-marker .icon {font-size: 14px;}
.multi-stu-select-wrap .multi-stu-box.not-filled {opacity: .8}
.multi-stu-select-wrap .multi-stu-box.not-filled .paint-main-dark {color: #6c8eb1}
.multi-stu-select-wrap .multi-stu-box.not-filled .lang-icon-wrap {opacity: .5}
.multi-stu-select-wrap .multi-stu-box.not-filled .course-icon.paint-svg-main-dark polygon,
.multi-stu-select-wrap .multi-stu-box.not-filled .course-icon.paint-svg-main-dark path {fill: #6c8eb1}
.multi-stu-select-wrap .multi-stu-box.not-filled.current .course-icon.paint-svg-main-dark path,
.multi-stu-select-wrap .multi-stu-box.not-filled.current .course-icon.paint-svg-main-dark polygon {fill: #0a2540}
.multi-stu-select-wrap .multi-stu-box.not-filled.current .lang-icon-wrap {opacity: 1}
.multi-stu-select-wrap .multi-stu-box.not-filled.current, .multi-stu-select-wrap .multi-stu-box.filled.current {
	box-shadow: inset 0 0 0 1.5px rgb(10, 37, 64, 1), 0px 3px 4px 0px rgb(0, 33, 74, .2);
	opacity: 1;
}
/*.multi-stu-select-wrap .multi-stu-box {padding-right: 25px}*/
.multi-stu-select-wrap .multi-stu-box.not-filled.current .edit-marker, .multi-stu-select-wrap .multi-stu-box.filled.current .edit-marker {display: block}
.multi-stu-select-wrap .multi-stu-box.not-filled.current .paint-main-dark {color: #0a2540}

.multi-stu-select-wrap .multi-stu-select-left.inactive {display: none}
.multi-stu-select-wrap .multi-stu-select-right.inactive {display: none}
.multi-stu-select-wrap .multi-stu-select-right, .multi-stu-select-wrap .multi-stu-select-left {width: 46px}
.multi-stu-select-wrap .multi-stu-select-bottom {
	height: 36px;
	padding-bottom: 5px;
}

.multi-stu-select-wrap .show-next-stu-btn, .multi-stu-select-wrap .show-prev-stu-btn {
	box-shadow: inset 0 0 0 .5px rgb(0, 33, 74, .15), 0px 3px 4px 0px rgb(0, 33, 74, .3);
	border-radius: 30px;
    padding: 10px 13px 10px 15px;
    margin-bottom: 20px;
}
.multi-stu-select-wrap .show-prev-stu-btn {padding: 10px 15px 10px 13px}

.multi-stu-select-bottom .default-btn.multi-stu-clear-all {
	box-shadow: 0px 2px 3px 0px rgb(0, 33, 74, .25);
	padding-left: 14px;
	padding-right: 14px;
    height: 26px;
}

.stu-course-select-list .stu-course-select-item {
	box-shadow: inset 0 0 0 0.5px rgb(0, 33, 74, .15), 0px 2px 3px 0px rgb(0, 33, 74, .3);
	border-radius: 30px;
	/*padding: 8px 16px;*/
	margin-bottom: 7px;
}
.stu-course-select-list .stu-course-select-item .checkbox-wrap {height: 18px;}
.stu-course-select-list .stu-course-select-item .checkbox-onclick-wrap {
	padding-top: 8px;
	padding-left: 16px;
	padding-bottom: 8px;
}
.stu-course-select-list .stu-course-select-item .plus-one-course-onclick-wrap {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
}

.stu-course-select-list .stu-course-select-item .course-icon {width: 12px; padding-left: 0; padding-right: 6px;}
.stu-course-select-list .stu-course-select-item .course-icon.eletrical-course-icon  {width: 7px; padding-top: 1px; padding-left: 0; padding-right: 6px;}
.stu-course-select-list .stu-course-select-item .course-icon.ladder-course-icon {width: 14px; padding-left: 0; padding-right: 6px; padding-top: 1px;}
.stu-course-select-list .stu-course-select-item .lang-icon-wrap.mini-ver {padding-top: 2.5px}

.com-overlay-popup .com-popup .multi-stu-plus-one-course-btn {
	padding: 0;
	height: 18px;
}
.com-overlay-popup .com-popup .multi-stu-plus-one-course-btn.inactive {min-width: 0px}
.com-overlay-popup .com-popup .multi-stu-plus-one-course-btn.inactive > div {display: none}
.com-overlay-popup .com-popup .multi-stu-plus-one-course-btn.active {min-width: 42px}

.multi-stu-course-select-lang.active , .stu-lang-simple-display.active {display: block}
.multi-stu-course-select-lang.inactive , .stu-lang-simple-display.inactive {display: none}
/*
.bottom-order-overview-table.inactive {opacity: 0}
.bottom-order-overview-table.active {opacity: 1}
*/
/*.bottom-order-overview-table.inactive {display: none}*/

.com-popup.cart .lang-icon-wrap {width: 20px}
.com-popup.cart .lang-icon {width: 15.5px; height: 14.5px}
.com-popup.cart .lang-icon.pl {box-shadow: 0 0 0 1px #5d7d9d;}
.com-popup.cart .lang-icon svg {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
	width: 28px;
    height: 17px;
}
.com-popup.cart .lang-icon-wrap.mini-ver {width: 18px}
.com-popup.cart .lang-icon-wrap.mini-ver .lang-icon {width: 13.5px; height: 12.5px}
.com-popup.cart .lang-icon-wrap.mini-ver .lang-icon svg {width: 24px; height: 13px}

.cart-done-code-inject .course-icon,
.com-popup.cart .bottom-order-overview-table .course-icon {
    padding-right: 5px;
    width: 10px;
}
.cart-done-code-inject .course-icon.eletrical-course-icon,
.com-popup.cart .bottom-order-overview-table .course-icon.eletrical-course-icon {
	padding-top: 1px;
    padding-left: 2px;
    padding-right: 6px;
    width: 6px;
}
.com-popup.cart .bottom-order-overview-table .bottom-order-course-title {
	padding-left: 4px;
	padding-bottom: 8px;
}
.com-popup.cart .bottom-order-overview-table .bottom-order-course-amount {
	padding-left: 12px;
	padding-bottom: 8px;
}
.cart-done-code-inject .course-icon.ladder-course-icon, .com-popup.cart .bottom-order-overview-table .course-icon.ladder-course-icon {
    padding-right: 5px;
    width: 13px;
}


/* -- fullfilment loader -- */
.bottom-order-course-amount-fulfillment.inactive {opacity: 0}
.bottom-order-course-amount-fulfillment.active {opacity: 1}
.bottom-order-course-amount-fulfillment .fulfillment-wrap {
	width: 14px;
	height: 14px;
	margin: 1px 5px 0 10px;
}
.bottom-order-course-amount-fulfillment .fulfillment-bg {
	background: transparent;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid rgba(187,210,235,1);
}
.bottom-order-course-amount-fulfillment .fulfillment-count {color: #0075ff}
.bottom-order-course-amount-fulfillment.error .fulfillment-count {color: #e8113a}
.bottom-order-course-amount-fulfillment .fulfillment-count-error.active {display: inline-block}
.bottom-order-course-amount-fulfillment .fulfillment-count-error.inactive {display: none}
.bottom-order-course-amount-fulfillment .fulfillment-count .exclamation {display: none}
.bottom-order-course-amount-fulfillment.error .fulfillment-count .exclamation {
	display: block;
	top: -3px;
    right: -4px;
}
.spiner-holder-one {
	width: 50%;
	height: 50%;
}
.spiner-holder-two {
	width: 100%;
	height: 100%;
}
.loader-spiner {
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 3px solid rgba(0,117,255,1);
}  
.bottom-order-course-amount-fulfillment.error .loader-spiner {border-color: #e8113a}
.animate-0-25-a {
    transform: rotate(90deg);
    transform-origin: 100% 100%;
}
.animate-0-25-b {
	transform: rotate(-90deg);
	transform-origin: 100% 100%;
}
.animate-25-50-a {
    transform: rotate(180deg);
    transform-origin: 100% 100%;
}
.animate-25-50-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.animate-50-75-a {
    transform: rotate(270deg);
    transform-origin: 100% 100%;
}
.animate-50-75-b {
    transform: rotate(-90deg);
    transform-origin:100% 100%;
}
.animate-75-100-a {
    transform: rotate(0deg);
    transform-origin: 100% 100%;
}
.animate-75-100-b {
    transform: rotate(-98deg);
    transform-origin: 100% 100%;
}

.bottom-order-course-amount-fulfillment .fulfillment-ok-icon {display: none}
.bottom-order-course-amount-fulfillment.done .fulfillment-ok-icon {display: block}
.bottom-order-course-amount-fulfillment.done .fulfillment-bg {
	background: #0075ff;
	border-color: #0075ff;
}
.bottom-order-course-amount-fulfillment.done .spiner-holder-one {display: none}



/* ----------------- */

.com-popup.cart .cart-payment-method-wrap {
	padding-left: 15px;
	padding-right: 15px;
}
.com-popup.cart .step .step-whiteout.active {display: block}
.com-popup.cart .step .step-whiteout.inactive {display: none}

.payment-part-wrap + .payment-part-wrap {margin-left: 13px}
.payment-part-wrap .circle {
	box-shadow: inset 0 0 0 0.5px rgb(0, 33, 74, .15), 0px 3px 4px 0px rgb(0, 33, 74, .3);
	border-radius: 30px;
	border: 2.5px solid transparent;
	width: 44px;
	height: 44px;
}
.payment-part-wrap .dots-wrap {
	padding-top: 21px;
    padding-left: 6px;
}
.payment-part-wrap .dots-wrap .dot {
	background-color: #b8c9da; 
	border-radius: 15px;
	width: 8px;
	height: 8px;
	margin-left: 8px;
}

/* progression parts */

@keyframes loadDot1 {
	09% {background-color: #b8c9da}
	10% {background-color: #1bc98d}
	11% {background-color: #1bc98d}
	99% {background-color: #1bc98d}
	100% {background-color: #b8c9da}
}
@keyframes loadDot2 {
	29% {background-color: #b8c9da}  /* these change*/
	30% {background-color: #1bc98d} /* these change*/
	31% {background-color: #1bc98d} /* these change*/
	99% {background-color: #1bc98d}
	100% {background-color: #b8c9da}
}
@keyframes loadDot3 {
	49% {background-color: #b8c9da}
	50% {background-color: #1bc98d}
	51% {background-color: #1bc98d}
	99% {background-color: #1bc98d}
	100% {background-color: #b8c9da}
}

.Stripe-popup-msg-wrap.part-1-to-2 .payment-part-wrap.part-1 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-1-to-2 .payment-part-wrap.part-1 .dots-wrap .dot.dot-1 {animation: 1.5s loadDot1 infinite}
.Stripe-popup-msg-wrap.part-1-to-2 .payment-part-wrap.part-1 .dots-wrap .dot.dot-2 {animation: 1.5s loadDot2 infinite}
.Stripe-popup-msg-wrap.part-1-to-2 .payment-part-wrap.part-1 .dots-wrap .dot.dot-3 {animation: 1.5s loadDot3 infinite}

.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-1 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-1 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-1 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-1 .dots-wrap .dot.dot-3 {animation: none; background-color: #1bc98d}
.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-2 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-2 .dots-wrap .dot.dot-1 {animation: 1.5s loadDot1 infinite}
.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-2 .dots-wrap .dot.dot-2 {animation: 1.5s loadDot2 infinite}
.Stripe-popup-msg-wrap.part-2-to-3 .payment-part-wrap.part-2 .dots-wrap .dot.dot-3 {animation: 1.5s loadDot3 infinite}

.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-1 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-2 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-1 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-1 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-1 .dots-wrap .dot.dot-3,
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-2 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-2 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-2 .dots-wrap .dot.dot-3 {animation: none; background-color: #1bc98d}
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-3 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-3 .dots-wrap .dot.dot-1 {animation: 1.5s loadDot1 infinite}
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-3 .dots-wrap .dot.dot-2 {animation: 1.5s loadDot2 infinite}
.Stripe-popup-msg-wrap.part-3-to-4 .payment-part-wrap.part-3 .dots-wrap .dot.dot-3 {animation: 1.5s loadDot3 infinite}

.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-1 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-2 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-3 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-1 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-1 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-1 .dots-wrap .dot.dot-3,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-2 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-2 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-2 .dots-wrap .dot.dot-3,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-3 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-3 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-3 .dots-wrap .dot.dot-3 {animation: none; background-color: #1bc98d}
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-4 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-4 .dots-wrap .dot.dot-1 {animation: 1.5s loadDot1 infinite}
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-4 .dots-wrap .dot.dot-2 {animation: 1.5s loadDot2 infinite}
.Stripe-popup-msg-wrap.part-4-to-5 .payment-part-wrap.part-4 .dots-wrap .dot.dot-3 {animation: 1.5s loadDot3 infinite}

.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-1 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-2 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-3 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-4 .circle {border-color: #1bc98d}
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-1 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-1 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-1 .dots-wrap .dot.dot-3,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-2 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-2 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-2 .dots-wrap .dot.dot-3,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-3 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-3 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-3 .dots-wrap .dot.dot-3, 
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-4 .dots-wrap .dot.dot-1,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-4 .dots-wrap .dot.dot-2,
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-4 .dots-wrap .dot.dot-3 {animation: none; background-color: #1bc98d}
.Stripe-popup-msg-wrap.part-5-to-done .payment-part-wrap.part-5 .circle {border-color: #1bc98d}


/*
.stu-course-select-list .stu-course-select-item .lang-icon-wrap {width: 20px;}
.stu-course-select-list .stu-course-select-item .lang-icon {width: 16px; height: 14.5px}
.stu-course-select-list .stu-course-select-item .lang-icon svg {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
	width: 28px;
    height: 17px;
}
*/


.stu-course-select-list .stu-course-select-item .checkbox-svg {opacity: 1}
.stu-course-select-list .stu-course-select-item .lock-icon-svg {opacity: 0}

.stu-course-select-list .stu-course-select-item.active .paint-svg-main-bluegray svg polygon,
.stu-course-select-list .stu-course-select-item.active .paint-svg-main-bluegray svg path,
.stu-course-select-list .stu-course-select-item.active .paint-svg-main-bluegray svg circle {
	fill: #0a2540;
}
.stu-course-select-list .stu-course-select-item.active .paint-ee-body-gray {color: #0a2540}

.stu-course-select-list .stu-course-select-item.inactive.locked,
.stu-course-select-list .stu-course-select-item.active.locked {
	background-color: #e8f0f7;
}
.stu-course-select-list .stu-course-select-item.inactive.locked .lang-icon svg,
.stu-course-select-list .stu-course-select-item.active.locked .lang-icon svg {
	opacity: .6;
	/*filter: grayscale(1);*/
}
.stu-course-select-list .stu-course-select-item.inactive.locked .checkbox-svg {opacity: 0}
.stu-course-select-list .stu-course-select-item.inactive.locked .lock-icon-svg {opacity: 1}

.stu-course-select-list .stu-course-select-item.pre-pick {
	box-shadow: none;
	padding: 7px 0;
}
.stu-course-select-list .stu-course-select-item.pre-pick .checkbox-onclick-wrap {padding: 0}
.stu-course-select-list .stu-course-select-item.pre-pick .checkbox-wrap {display: none}
.stu-course-select-list .stu-course-select-item.pre-pick .course-icon {
	padding-left: 3px;
    padding-right: 10px;
}
.stu-course-select-list .stu-course-select-item.pre-pick .course-icon.eletrical-course-icon {
	padding-left: 0;
    padding-right: 10px;
}
.stu-course-select-list .stu-course-select-item.pre-pick .available-course-count {display: none}
.stu-course-select-list .stu-course-select-item.pre-pick.active .paint-ee-body-gray {color: #436f9c;}

.stu-details-save-wrap.inactive {display: none}
.stu-details-save-wrap.active {display: block}
.com-popup.cart .stu-details-save-wrap .default-btn.no-pad {min-width: 120px}
.com-popup.cart .stu-details-save-wrap .stu-details-save-btn.inactive {background: #c4e3fb}
.com-popup.cart .stu-details-save-wrap .stu-details-save-btn.inactive p {color: #5b7288}
.com-popup.cart .stu-details-save-wrap .stu-details-save-btn.active {background: #ffbb59}
.com-popup.cart .stu-details-save-wrap .stu-details-save-btn.active p {color: #0a2540}

.stu-course-select-list .stu-course-select-item.no-courses .available-course-count {
	color: #d00c33
}

.available-course-count.inactive {display: none}
.stu-multi-same-email-all {width: 150px}

/*-------------------*/

/* --- POPUP /// CART - CUSTOMER TYPE --- */

.customer-type-wrap .left .customer-type-box, .customer-type-wrap .right .customer-type-box {}


.customer-type-container .extra-business-data.inactive {opacity: 0}
.customer-type-wrap .customer-type-box-wrap {
	margin-top: 6px; 
	margin-bottom: 0;
}
.customer-type-wrap .right:hover .customer-type-box-wrap,
.customer-type-wrap .left:hover .customer-type-box-wrap {
	margin-top: 0; 
	margin-bottom: 6px;
}
.customer-type-wrap .customer-type-box {
	box-shadow: inset 0 0 0 0.5px rgb(62 104 158 / 52%), 0px 1.5px 2px 0px rgb(79 128 191 / 57%);
    border-radius: 10px;
}
.customer-type-wrap .customer-type-box.selected {
	/*box-shadow: inset 0 0 0 2.5px rgb(10, 37, 64, 1), 0px 1.5px 2px 0px rgb(79 128 191 / 57%);*/
	
}
.customer-type-wrap .customer-type-box .customer-type-box-outline {box-shadow: none;  border-radius: 10px;}
.customer-type-wrap .customer-type-box.selected .customer-type-box-outline {box-shadow: inset 0 0 0 2.5px rgb(10, 37, 64, 1);}

.customer-type-wrap .customer-type-box .customer-type-box-inside-wrap {
	padding: 21px 18px 0 18px;
}
.customer-type-wrap .customer-type-box .customer-type-select-icon {
	border-radius: 0 10px 0 7px;
	padding: 6px 10px 5px 8px;
	width: 12px;
	display: none;
}
.customer-type-wrap .customer-type-box.selected .customer-type-select-icon {
	display: block;
}

.customer-type-wrap .customer-type-box .underline-svg-setting-secondary::after {
	bottom: -9px;
    width: 76px;
}
.customer-type-wrap .customer-type-box .default-btn {
	/*webkit-backface-visibility: inherit; *//* fixes lag bug on hover */
	-webkit-transform: none;
	transform: none;
	height: 32px;
}

.customer-type-wrap .customer-type-box .paint-main-dark {
	color: #5d6c7b;
}
.customer-type-wrap.first-pick-not-made .customer-type-box .paint-main-dark,
.customer-type-wrap .customer-type-box.selected .paint-main-dark {
	color: #0a2540;
}

.customer-type-wrap .customer-type-box .default-btn.paint-bg-ee-yellow {
    background: #c4e3fb;
}
.customer-type-wrap.first-pick-not-made .customer-type-box .default-btn.paint-bg-ee-yellow,
.customer-type-wrap .customer-type-box.selected .default-btn.paint-bg-ee-yellow {
	background: #ffbb59;
}
.customer-type-wrap .customer-type-box .bg-shape-bottom {border-radius: 0 0 10px 10px}
.customer-type-wrap .customer-type-box .bg-shape-bottom .graphics {margin-bottom: -34px;}
.customer-type-wrap .customer-type-box .bg-shape-bottom .main svg path {fill: #d8e9f6}

.customer-type-wrap .customer-type-box.business .bg-shape-bottom .graphics {margin-bottom: -59px;}

/*-------------------*/

/* --- POPUP /// PAYMENT METHOD --- */

.payment-method-select-box {
	box-shadow: inset 0 0 0 0.5px rgb(62 104 158 / 52%), 0px 1.5px 2px 0px rgb(79 128 191 / 57%);
    border-radius: 15px;
    padding: 14px 10px 0 18px;
	width: 48%;
	height: 84px;
}
/*.payment-method-box:hover {margin-top: -4px; margin-bottom: 4px;}*/
.payment-method-select-box.selected {
	box-shadow: inset 0 0 0 1.5px rgb(10, 37, 64, 1), 0px 1.5px 2px 0px rgb(79 128 191 / 57%);
	/*margin-top: 2px;
	margin-bottom: 0;*/
}
.payment-method.inactive {
	display: none
}
/*
.payment-method-box.selected:hover {margin-top: 0; margin-bottom: 0;}*/
/*-------------------*/

/* --- POPUP /// 3D SECURE --- */

.com-popup.threed-secure iframe {
	border-radius: 15px;
	/*padding: 0 25px;*/
}

/*-------------------*/

/* --- FOOTER --- */
footer {padding: 0 20px 50px 20px}
footer .footer-mid-wrap {
	border-left: 1px solid #67829d;
	border-right: 1px solid #67829d;
}
footer .footer-menu-wrap table td {}
footer .footer-menu-wrap table td.active p {/*color: #0a2540*/}
footer .lang-switcher {padding: 4px 5px 2px 5px; height: 28px;}
footer .switch-icon {width: 16px; height: 16px}
footer .switch-icon svg path {fill: #6e8cb1}
footer .arrow-icon {width: 10px; height: 6px}
footer .arrow-icon svg path {fill: #0a2540}

/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/