/* 
** GLOBAL CSS 
** Previous: com_courseshowcase
** Source: com_easyenroll
** version: 2.1.2
*/
.com-cache {display: none}

table {border-spacing: 0}
table td {padding: 0; vertical-align: top}
.block-auto {display: block; margin-left: auto; margin-right: auto}
.inline-top {display: inline-block; vertical-align: top}
.inline-middle {display: inline-block; vertical-align: middle}
.inline-bottom {display: inline-block; vertical-align: bottom}
.inherit-h {height: inherit}
.inherit-block {display: inherit}
.inline-float {display: block; float: left}
.inline {display: inline}
.flexbox-stretch {display: flex; align-items: stretch}
.flexbox-rfloat {margin-left: auto}
.vertical-top {vertical-align: top;}
h1, h2, h3 {margin: 0}

.state-inline-top.inactive {display: none}
.state-inline-top.active {display: inline-block; vertical-align: top}
/* ! new state param, reduces code reduncancy !! */
/*.inline-state.active {display: inline-block; vertical-align: top} */
.inline-state {display: inline-block; vertical-align: top} /* bugfix with mobile hide-500 etc. */
.inline-state.inactive {display: none}

.fixed {position: fixed}
.relative {position: relative}
.absolute {position: absolute}
.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.top-center {
	top: 0; 
	left: 50%; 
	transform: translate(-50%,0);
}
.top-left {top: 0; left: 0}
.top-right {top: 0; right: 0}
.bottom-left {bottom: 0; left: 0}
.bottom-right {bottom: 0; right: 0}
.bottom-center {
	bottom: 0; 
	left: 50%; 
	transform: translate(-50%,0);
}
.center-right {
	top: 50%; 
	right: 0;
	transform: translate(0,-50%);
}

.blob-3 {border-radius: 3px}
.blob-5 {border-radius: 5px}
.blob-10 {border-radius: 10px}
.blob-15 {border-radius: 15px}
.blob-20 {border-radius: 20px}


.svg-10p5 {width: 10.5px}
.svg-5 {width: 5px}
.svg-6 {width: 6px}
.svg-7 {width: 7px}
.svg-8 {width: 8px}
.svg-9 {width: 9px}
.svg-10 {width: 10px}
.svg-11 {width: 11px}
.svg-12 {width: 12px}
.svg-13 {width: 13px}
.svg-14 {width: 14px}
.svg-15 {width: 15px}
.svg-16 {width: 16px}
.svg-17 {width: 17px}
.svg-18 {width: 18px}
.svg-19 {width: 19px}
.svg-20 {width: 20px}
.svg-21 {width: 21px}
.svg-22 {width: 22px}
.svg-23 {width: 23px}
.svg-24 {width: 24px}
.svg-25 {width: 25px}
.svg-26 {width: 26px}
.svg-28 {width: 28px}
.svg-30 {width: 30px}
.svg-32 {width: 32px}
.svg-35 {width: 35px}
.svg-40 {width: 40px}
.svg-45 {width: 45px}
.svg-50 {width: 50px}
.svg-55 {width: 55px}
.svg-60 {width: 60px}
.svg-65 {width: 65px}
.svg-70 {width: 70px}
.svg-75 {width: 75px}
.svg-80 {width: 80px}
.svg-85 {width: 85px}
.svg-90 {width: 90px}
.svg-100 {width: 100px}
.svg-110 {width: 110px}
.svg-120 {width: 120px}
.svg-125 {width: 125px}
.svg-130 {width: 130px}
.svg-140 {width: 140px}
.svg-150 {width: 150px}
.svg-175 {width: 175px}
.svg-200 {width: 200px}
/* based on text next to svg */
.svg-text-small-plus {font-size: 12px}
.svg-text-10 {font-size: 10px}
.svg-text-11 {font-size: 11px}
.svg-text-12 {font-size: 12px}
.svg-text-13 {font-size: 13px}
.svg-text-14 {font-size: 14px}
.svg-text-15 {font-size: 15px}
.svg-text-16 {font-size: 16px}
.svg-text-17 {font-size: 17px}
.svg-text-20 {font-size: 20px}
.svg-text-24 {font-size: 24px}
.svg-text-28 {font-size: 28px}
.svg-text-30 {font-size: 30px}


.width-100 {width: 100%}
.width-95 {width: 95%}
.width-90 {width: 90%}
.width-85 {width: 85%}
.width-80 {width: 80%}
.width-78 {width: 78%}
.width-75 {width: 75%}
.width-71 {width: 71%}
.width-70 {width: 70%}
.width-65 {width: 65%}
.width-60 {width: 60%}
.width-55 {width: 55%}
.width-52 {width: 52%}
.width-50 {width: 50%}
.width-48 {width: 48%}
.width-46 {width: 46%}
.width-45 {width: 45%}
.width-40 {width: 40%}
.width-35 {width: 35%}
.width-33 {width: 33%}
.width-32 {width: 32%}
.width-30 {width: 30%}
.width-25 {width: 25%}
.width-24 {width: 24%}
.width-20 {width: 20%}
.width-15 {width: 15%}
.width-10 {width: 10%}
.width-5 {width: 5%}
.width-3 {width: 3%}
.width-2 {width: 2%}

.height-100 {height: 100%}
.height-80 {height: 80%}
.height-70 {height: 70%}
.height-0 {height: 0}

/* this is not used ? */
.left-50, .right-50 {width: 50%}
.left-80 {width: 80%}
.right-20 {width: 20%}

.pad-top-point5 {padding-top: .5px}
.pad-left-point5 {padding-left: .5px}
.pad-right-point5 {padding-right: .5px}
.pad-bottom-point5 {padding-bottom: .5px}
.pad-top-1 {padding-top: 1px}
.pad-left-1 {padding-left: 1px}
.pad-right-1 {padding-right: 1px}
.pad-bottom-1 {padding-bottom: 1px}
.pad-top-1point5 {padding-top: 1.5px}
.pad-left-1point5 {padding-left: 1.5px}
.pad-right-1point5 {padding-right: 1.5px}
.pad-bottom-1point5 {padding-bottom: 1.5px}
.pad-top-2 {padding-top: 2px}
.pad-left-2 {padding-left: 2px}
.pad-right-2 {padding-right: 2px}
.pad-bottom-2 {padding-bottom: 2px}
.pad-top-3 {padding-top: 3px}
.pad-left-3 {padding-left: 3px}
.pad-right-3 {padding-right: 3px}
.pad-bottom-3 {padding-bottom: 3px}
.pad-top-4 {padding-top: 4px}
.pad-left-4 {padding-left: 4px}
.pad-right-4 {padding-right: 4px}
.pad-bottom-4 {padding-bottom: 4px}
.pad-top-5 {padding-top: 5px}
.pad-left-5 {padding-left: 5px}
.pad-right-5 {padding-right: 5px}
.pad-bottom-5 {padding-bottom: 5px}
.pad-top-6 {padding-top: 6px}
.pad-left-6 {padding-left: 6px}
.pad-right-6 {padding-right: 6px}
.pad-bottom-6 {padding-bottom: 6px}
.pad-top-7 {padding-top: 7px}
.pad-left-7 {padding-left: 7px}
.pad-right-7 {padding-right: 7px}
.pad-bottom-7 {padding-bottom: 7px}
.pad-top-8 {padding-top: 8px}
.pad-left-8 {padding-left: 8px}
.pad-right-8 {padding-right: 8px}
.pad-bottom-8 {padding-bottom: 8px}
.pad-top-9 {padding-top: 9px}
.pad-left-9 {padding-left: 9px}
.pad-right-9 {padding-right: 9px}
.pad-bottom-9 {padding-bottom: 9px}
.pad-top-10 {padding-top: 10px}
.pad-left-10 {padding-left: 10px}
.pad-right-10 {padding-right: 10px}
.pad-bottom-10 {padding-bottom: 10px}
.pad-top-11 {padding-top: 11px}
.pad-left-11 {padding-left: 11px}
.pad-right-11 {padding-right: 11px}
.pad-bottom-11 {padding-bottom: 11px}
.pad-top-12 {padding-top: 12px}
.pad-left-12 {padding-left: 12px}
.pad-right-12 {padding-right: 12px}
.pad-bottom-12 {padding-bottom: 12px}
.pad-top-15 {padding-top: 15px}
.pad-left-15 {padding-left: 15px}
.pad-right-15 {padding-right: 15px}
.pad-bottom-15 {padding-bottom: 15px}
.pad-top-16 {padding-top: 16px}
.pad-left-16 {padding-left: 16px}
.pad-right-16 {padding-right: 16px}
.pad-bottom-16 {padding-bottom: 16px}
.pad-top-18 {padding-top: 18px}
.pad-left-18 {padding-left: 18px}
.pad-right-18 {padding-right: 18px}
.pad-bottom-18 {padding-bottom: 18px}
.pad-top-20 {padding-top: 20px}
.pad-left-20 {padding-left: 20px}
.pad-right-20 {padding-right: 20px}
.pad-bottom-20 {padding-bottom: 20px}
.pad-top-22 {padding-top: 22px}
.pad-left-22 {padding-left: 22px}
.pad-right-22 {padding-right: 22px}
.pad-bottom-22 {padding-bottom: 22px}
.pad-top-25 {padding-top: 25px}
.pad-left-25 {padding-left: 25px}
.pad-right-25 {padding-right: 25px}
.pad-bottom-25 {padding-bottom: 25px}
.pad-top-30 {padding-top: 30px}
.pad-left-30 {padding-left: 30px}
.pad-right-30 {padding-right: 30px}
.pad-bottom-30 {padding-bottom: 30px}
.pad-top-35 {padding-top: 35px}
.pad-left-35 {padding-left: 35px}
.pad-right-35 {padding-right: 35px}
.pad-bottom-35 {padding-bottom: 35px}
.pad-top-40 {padding-top: 40px}
.pad-left-40 {padding-left: 40px}
.pad-right-40 {padding-right: 40px}
.pad-bottom-40 {padding-bottom: 40px}
.pad-top-50 {padding-top: 50px}
.pad-left-50 {padding-left: 50px}
.pad-right-50 {padding-right: 50px}
.pad-bottom-50 {padding-bottom: 50px}
.pad-top-60 {padding-top: 60px}
.pad-left-60 {padding-left: 60px}
.pad-right-60 {padding-right: 60px}
.pad-bottom-60 {padding-bottom: 60px}


/* old way - should remove eventually */
.z-index-base {z-index: 1}
.z-index-normal {z-index: 5}
.z-index-overlay {z-index: 10}
.z-index-topbar {z-index: 13}
.z-index-overlay-all {z-index: 15}
.z-index-popup-lvl1 {z-index: 16}
.z-index-popup-lvl2 {z-index: 17}
.z-index-popup-lvl3 {z-index: 18}

.z-index-102 {z-index: 102}
.z-index-101 {z-index: 101}
.z-index-100 {z-index: 100}
.z-index-99 {z-index: 99}
.z-index-98 {z-index: 98}
.z-index-97 {z-index: 97}
.z-index-96 {z-index: 96}
.z-index-95 {z-index: 95}
.z-index-94 {z-index: 94}
.z-index-93 {z-index: 93}
.z-index-92 {z-index: 92}
.z-index-91 {z-index: 91}
.z-index-90 {z-index: 90}
.z-index-89 {z-index: 89}
.z-index-88 {z-index: 88}
.z-index-87 {z-index: 87}
.z-index-86 {z-index: 86}
.z-index-85 {z-index: 85}
.z-index-84 {z-index: 84}
.z-index-83 {z-index: 83}
.z-index-82 {z-index: 82}

.z-index-13 {z-index: 13}
.z-index-12 {z-index: 12}
.z-index-11 {z-index: 11}
.z-index-10 {z-index: 10}
.z-index-9 {z-index: 9}
.z-index-8 {z-index: 8}
.z-index-7 {z-index: 7}
.z-index-6 {z-index: 6}
.z-index-5 {z-index: 5}
.z-index-4 {z-index: 4}
.z-index-3 {z-index: 3}
.z-index-2 {z-index: 2}
.z-index-1 {z-index: 1}

.rfloat, .float-right {float: right}
.lfloat, .float-left {float: left}

.spacer-100, .spacer-50, .spacer-40, .spacer-30, .spacer-25, .spacer-20, 
.spacer-16, .spacer-15, .spacer-12,
.spacer-10, .spacer-5, .spacer-3, .spacer-2, .spacer-1 {background: transparent; width: 100%}
.spacer-100 {height: 100px}
.spacer-90 {height: 90px}
.spacer-80 {height: 80px}
.spacer-70 {height: 70px}
.spacer-60 {height: 60px}
.spacer-50 {height: 50px}
.spacer-40 {height: 40px}
.spacer-35 {height: 35px}
.spacer-30 {height: 30px}
.spacer-25 {height: 25px}
.spacer-20 {height: 20px}
.spacer-16 {height: 16px}
.spacer-15 {height: 15px}
.spacer-12 {height: 12px}
.spacer-10 {height: 10px}
.spacer-9 {height: 9px}
.spacer-8 {height: 8px}
.spacer-7 {height: 7px}
.spacer-6 {height: 6px}
.spacer-5 {height: 5px}
.spacer-4 {height: 4px}
.spacer-3 {height: 3px}
.spacer-2 {height: 2px}
.spacer-1 {height: 1px}
.spacer-30.inactive, .spacer-25.inactive, .spacer-20.inactive,
.spacer-16.inactive, .spacer-15.inactive, .spacer-12.inactive, 
.spacer-10.inactive, .spacer-5.inactive, .spacer-3.inactive {height: 0}

.vspacer-2 {width: 2px}
.vspacer-3 {width: 3px}
.vspacer-4 {width: 4px}
.vspacer-5 {width: 5px}
.vspacer-6 {width: 6px}
.vspacer-7 {width: 7px}
.vspacer-8 {width: 8px}
.vspacer-10 {width: 10px}
.vspacer-12 {width: 12px}
.vspacer-13 {width: 13px}
.vspacer-15 {width: 15px}
.vspacer-20 {width: 20px}
.vspacer-25 {width: 25px}
.vspacer-30 {width: 30px}
.vspacer-35 {width: 35px}
.vspacer-40 {width: 40px}
.vspacer-50 {width: 50px}

.sep {height: 1px}
.sep-2 {height: 2px}
.vsep {width: 1px}
.vsep-2 {width: 2px}
.sep-3 {height: 3px}
.vsep-2 {width: 3px}

.vertical-table {display: inline-table; width: 100%; height: inherit; min-height: inherit}
.vertical-cell {display: table-cell; line-height: 0; vertical-align: middle}

/* retracted - colspan doesnt work */
/*
.horizontal-table {display: inline-table; width: 100%; height: inherit; min-height: inherit}
.horizontal-row {display: table-row}
.horizontal-cell {display: table-cell; vertical-align: top}
.colspan-2 {column-span: 2}
*/

.font-none {font-size: 0; line-height: 0}
.font-default {font-size: .875rem; line-height: 1.45em}
.nowrap {white-space: nowrap}
.allow-wrap {white-space: normal;}
.force-wrap {
	white-space: normal; 
	word-wrap: break-word; 
	word-break: break-all;
	/*-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;*/
}
.overflow {overflow: hidden}

.uppercase {text-transform: uppercase}
.capitalcase {text-transform: capitalize}
.lowercase {text-transform: lowercase}

.cursor-default {cursor: default}
.pointer {cursor: pointer}
.block-pointer {cursor: not-allowed}
.dragable-pointer {cursor: grab}
.dragable-pointer:active {cursor: grabbing}
.no-select:not(input) {
	-webkit-tap-highlight-color: transparent; /* Chrome Android */
	-webkit-touch-callout: none;   /* iOS Safari */
	-webkit-user-select: none;    /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;     /* Firefox */
	-ms-user-select: none;	  /* IE/Edge */
	user-select: none;
}
.select {
	-webkit-tap-highlight-color: transparent; /* Chrome Android */
	-webkit-touch-callout: default;   /* iOS Safari */
	-webkit-user-select: text;    /* Chrome/Safari/Opera */
	-khtml-user-select: text;    /* Konqueror */
	-moz-user-select: text;     /* Firefox */
	-ms-user-select: text;	  /* IE/Edge */
	user-select: text
}
.elip {overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.elip-cell {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 0}

.clear {clear: both; height: 0}
.reset {border: 0; outline: 0; text-decoration: none; text-transform: none}

.Roboto-thin, .Roboto-light, .Roboto-normal, .Roboto-bold {font-family: 'Roboto', Arial, Helvetica, sans-serif}
.Barlow-thin, .Barlow-light, .Barlow-normal, .Barlow-bold {font-family: 'Barlow', Arial, Helvetica, sans-serif}
.Roboto-bold {font-weight: 700}
.Barlow-bold {font-weight: 600}
.Roboto-normal, .Barlow-normal {font-weight: 400}
.Roboto-light, .Barlow-light {font-weight: 300}
.Roboto-thin, .Barlow-thin {font-weight: 100}

.no-animate {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.text-huge-plus {font-size: 1.55rem; line-height: 1.65rem}
.text-huge {font-size: 1.47rem; line-height: 1.55rem}
.text-huge-minus {font-size: 1.27rem; line-height: 1.475rem}
.text-large-plus {font-size: 1.15rem; line-height: 1.45rem}
.text-large {font-size: 1.05rem; line-height: 1.4rem}
.text-normal-plus-plus {font-size: .95rem; line-height: 1.35rem}
.text-normal-plus {font-size: .9rem; line-height: 1.25rem}
.text-normal {font-size: .85rem; line-height: 1.2rem}
.text-small-plus-plus {font-size: .825rem; line-height: 1.1rem}
.text-small-ee-plus {font-size: .8rem; line-height: 1.05rem}
.text-small-plus {font-size: .76rem; line-height: .95rem}
.text-small {font-size: .7rem; line-height: .9rem}
.text-tiny-plus {font-size: .65rem; line-height: .75rem}
.text-tiny {font-size: .6rem; line-height: .7rem}

.text-normal-plus-height {line-height: 1.25rem}
.text-normal-height {line-height: 1.2rem}
.text-small-plus-height {line-height: .95rem}
.text-small-height {line-height: .9rem}
.text-tiny-plus-height {line-height: .75rem}
.text-tiny-height {line-height: .7rem}

.spacing-1 {letter-spacing: -1px}
.spacing-point75 {letter-spacing: -.75px}
.spacing-point5 {letter-spacing: -.5px}
.spacing-point25 {letter-spacing: -.25px}
.spacing-1-plus {letter-spacing: 1px}
.spacing-point75-plus {letter-spacing: .75px}
.spacing-point5-plus {letter-spacing: .5px}
.spacing-point25-plus {letter-spacing: .25px}

.line-height-40 {line-height: 40px}
.line-height-35 {line-height: 35px}
.line-height-30 {line-height: 30px}
.line-height-25 {line-height: 25px}
.line-height-21 {line-height: 21px}
.line-height-20 {line-height: 20px}
.line-height-19 {line-height: 19px}
.line-height-18 {line-height: 18px}
.line-height-17 {line-height: 17px}
.line-height-16 {line-height: 16px}
.line-height-15 {line-height: 15px}
.line-height-14 {line-height: 14px}
.line-height-13 {line-height: 13px}
.line-height-12 {line-height: 12px}
.line-height-10 {line-height: 10px}
.line-height-8 {line-height: 8px}
.line-height-6 {line-height: 6px}

.no-bold {font-weight: 400}
/*.no-bold {font-weight: 500}*/
.semi-bold {font-weight: 600}
.bold {font-weight: 700}
.extra-bold {font-weight: 800}
.thick-bold {font-weight: 900}

.break-spaces {white-space: break-spaces}
.justify {text-align: justify; text-align-last: justify}
.justify-left {text-align: justify; text-align-last: left}
.align-left {text-align: left; text-align-last: left}
.align-right {text-align: right; text-align-last: right}
.align-center {text-align: center; text-align-last: center}

.will-change {will-change: transform}
.animate-default {
	-webkit-transform: translate3d(0,0,0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease
}
.animate-default-15 {
	-webkit-transform: translate3d(0,0,0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease
}
.animate-default-22 {
	-webkit-transform: translate3d(0,0,0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .22s ease;
    -moz-transition: all .22s ease;
    -o-transition: all .22s ease
}
.animate-blink-10, .animate-blink-13, .animate-blink-20 {animation: blink 1.3s linear infinite}
.animate-blink-10 {animation-duration: 1.0s}
.animate-blink-20 {animation-duration: 2.0s}
@keyframes blink {
	7% {opacity: 1}
	43% {opacity: .5}
	57% {opacity: .5}
	97% {opacity: 1}
}
.highlight {
	-webkit-animation: flash .4s ease-out 1;
	-moz-animation: flash .4s ease-out 1;
	-ms-animation: flash .4s ease-out 1;
	animation: flash .4s ease-out 1;
}
@-webkit-keyframes flash {0% {opacity: .9} 20% {opacity: .35} 100% {opacity: 1}}
@-moz-keyframes flash {0% {opacity: .9} 20% {opacity: .35} 100% {opacity: 1}}
@-ms-keyframes flash {0% {opacity: .9} 20% {opacity: .35} 100% {opacity: 1}}
@keyframes flash {0% {opacity: .9} 20% {opacity: .35} 100% {opacity: 1}}

.rotate--180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotate(-180deg);
}
.rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.default-loader {
	position: absolute;
	border: 7px solid #d2dce4;
    border-top: 7px solid transparent;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin .7s linear infinite;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index: 101;
}
.default-loader.relative {position: relative}
.default-loader.white {
	border: 7px solid rgb(255, 255, 255, .95);
	border-top: 7px solid transparent;
}
.default-loader.z-index-5 {z-index: 5}
.default-loader.z-index-4 {z-index: 4}
.default-loader.z-index-3 {z-index: 3}
.default-loader.z-index-2 {z-index: 2}
.default-loader.z-index-1 {z-index: 1}

.default-loader.inactive {display: none}

@keyframes spin {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
.default-loader.mini {
	border: 2px solid #d2dce4;
    border-top: 2px solid transparent;
	width: 10px;
	height: 10px;
	left: auto;
}
.default-loader.mini.bluegray {
	border: 2px solid #5d7d9d;
	border-top: 2px solid transparent;
}
.default-loader.mini.white {
	border: 2px solid rgb(255, 255, 255, .95);
	border-top: 2px solid transparent;
}

.strike {text-decoration: line-through}

.underline {text-decoration: underline}
.underline-dots {border-bottom: 1.5px dotted #0a2540}
.underline-dots-brown {border-bottom: 1.5px dotted #a33a00}
.underline-dots-white {border-bottom: 1.5px dotted #fff}
.underline-dots-bluegray {border-bottom: 1.5px dotted #6c8eb1}
.underline-dots-purpleblue {border-bottom: 1.5px dotted #0075ff}
.underline-dotted {text-decoration: underline; text-decoration-style: dotted}
.underline-none {text-decoration: none}
.hover-underline:hover {text-decoration: underline}
.hover-underline-none:hover {text-decoration: none}
.hover-underline:hover .hover-underline-none {text-decoration: none}


/* --- DEF CHECKBOX & CHECK CIRCLE --- */
.checkbox-wrap {min-height: 16px}
.checkbox-wrap .checkbox-svg {width: 14px; height: 14px}
.checkbox-wrap .checkbox-svg.svg-13 {width: 13px; height: 13px}
.checkbox-wrap .checkbox-svg.svg-15 {width: 15px; height: 15px}
.checkbox-wrap .checkbox-svg.svg-18 {width: 18px; height: 18px}
.checkbox-wrap.inactive .checkbox-svg .checkbox-border {fill: #6280a6}
.checkbox-wrap.inactive .checkbox-svg .checkbox-marker {fill: transparent}
.checkbox-wrap.inactive .checkbox-svg .checkbox-bg {fill: transparent}
.checkbox-wrap .checkbox-svg .checkbox-disabled {fill: transparent}

.checkbox-wrap.active .checkbox-svg .checkbox-border {fill: transparent}
.checkbox-wrap.active .checkbox-svg .checkbox-marker {fill: #fff}
.checkbox-wrap.active .checkbox-svg .checkbox-bg {fill: #0075ff}
.checkbox-wrap.active p span.paint-ee-footer-gray {color: #0075ff}
.checkbox-wrap.active p.paint-main-bluegray span {color: #0075ff}
.checkbox-wrap.active p.paint-ee-body-gray span {color: #0075ff}
.checkbox-wrap.active p.paint-ee-body-gray span.dotted-underline, .checkbox-wrap.active p.paint-ee-body-gray span.underline-dots {color: #0a2540}

.checkbox-wrap.darkmode p.paint-main-bluegray span {color: #85a5c5}

.checkbox-wrap.error.inactive .checkbox-svg .checkbox-border {fill: #d00c33}
.checkbox-wrap.darkmode.error.inactive p span, .checkbox-wrap.error.inactive p {color: #d00c33}
.checkbox-wrap.darkmode.error.inactive p span.paint-white, .checkbox-wrap.darkmode p.paint-main-bluegray span.paint-white {color: #fff}

.checkbox-wrap.darkmode.error.inactive .checkbox-svg .checkbox-border {fill: #ff5f7f}
.checkbox-wrap.darkmode.error.inactive p span {color: #ff5f7f}

.checkbox-wrap.darkmode.active .checkbox-svg .checkbox-marker {fill: #262c3f}
.checkbox-wrap.darkmode.active .checkbox-svg .checkbox-bg {fill: #3a94ff}
.checkbox-wrap.darkmode.active p, .checkbox-wrap.darkmode.active p span {color: #3a94ff}
.checkbox-wrap.darkmode.active p span.paint-white {color: #fff}

.checkbox-wrap.disabled .checkbox-svg .checkbox-disabled {fill: #abc3dd}
.checkbox-wrap.disabled .checkbox-svg .checkbox-border {fill: transparent}

.check-circle-wrap.inactive .check-circle-svg .check-circle-border {fill: #6280a6}
.check-circle-wrap.inactive .check-circle-svg .check-circle-marker {fill: transparent}
.check-circle-wrap.inactive .check-circle-svg .check-circle-bg {fill: transparent}
.check-circle-wrap.active .check-circle-svg .check-circle-border {fill: transparent}
.check-circle-wrap.active .check-circle-svg .check-circle-marker {fill: #fff}
.check-circle-wrap.active .check-circle-svg .check-circle-bg {fill: #009f56}

/* --- DEF BTN --- */
.default-btn {
	border-radius: 40px;
    padding: 0 17px 0 15px;
	height: 32px;
	/* Safari overflow border-radius bug fix */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0)
}
.default-btn.outline {
	box-shadow: inset 0 0 0 1px #67829d;
}
.default-btn.height-22 {height: 22px}
.default-btn.height-24 {height: 24px}
.default-btn.height-26 {height: 26px;}
.default-btn.height-28 {height: 28px;}
.default-btn.height-34 {height: 34px;}
.default-btn.height-36 {height: 36px;}
.default-btn.height-38 {height: 38px;}
.default-btn.height-40 {height: 40px;}
.default-btn .btn-icon {width: 12px}
.default-btn.extra-padding {
	padding-left: 24px;
	padding-right: 27px;
}
.default-btn.icon-right {
	padding-left: 37px; 
	padding-right: 27px;
}
.default-btn.round {
	padding-left: 9px;
    padding-right: 9px;
}
.default-btn.shadow {
	box-shadow: 0px 2px 4px 0px rgb(0 33 74 / 25%);
}
.default-btn.alt {
	/*background-color: #f3f3f3;*/
    box-shadow: inset 0 0 0 0.75px #a6b4c1, 0px 1.5px 0px #c7d1d9;
    height: 20px;
    /*margin-left: 3px;*/
    margin-top: -1px;
}

/* -- BTN --*/
.com-btn {
	border-radius: 50px;
}
.com-btn.alt {
	box-shadow: inset 0 0 0 0.75px #a6b4c1, 0px 1.5px 0px #c7d1d9;
	height: 20px;
	margin-top: -1px;
}
.com-btn.alt.has-icon {padding-left: 15px}
.com-btn.alt.h-20 {height: 20px}
.com-btn.alt.h-22 {height: 22px}
.com-btn.alt.h-24 {height: 24px}
.com-btn.alt.h-26 {height: 26px}
.com-btn.alt.h-28 {height: 28px}
.com-btn.alt.h-30 {height: 30px}
.com-btn.alt.h-32 {height: 32px}
.com-btn.alt.h-34 {height: 34px}
.com-btn.alt p {
	line-height: 12px;
	padding-bottom: 2px;
	font-weight: 600;
	/*letter-spacing: -.5px;*/
}
.com-btn.alt.remove {
	background: #e8113a;
	box-shadow: inset 0 0 0 1px #e8113a, 0px 1px 0px #ac0726;
}
.com-btn.alt.purge {
	background: #474747;
	box-shadow: inset 0 0 0 1px #474747, 0px 1px 0px #111111;
}

/* --- PULSE DOT --- */
.pulse-dots {margin-top: 0;}
.pulse-dots .dot {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.pulse-dots .dot-1, .pulse-dots .dot-2, .pulse-dots .dot-3 {
	background-color: rgba(10, 37, 64, .6);
	border-radius: 100%;
	opacity: 0;
}
.pulse-dots .dot-1.paint-rgba-white {background-color: rgba(255,255,255,1)}
.pulse-dots .dot-1.paint-rgba-blue {background-color: rgba(0,117,255, .7)}
.pulse-dots .dot-1.paint-rgba-bluedarkgray {background-color: rgb(105,139,175,.8)}
.pulse-dots .dot-1.paint-rgba-setting-secondary {background-color: rgb(133,165,197,.8)}
.pulse-dots, .pulse-dots .dot-1, .pulse-dots .dot-2, .pulse-dots .dot-3 {
	/* note: any kind of scale, tranfrom causes bugs, laggy perfomance in other devices */
	width: 20px; 
    height: 20px;
}

.pulse-dots .pulse-50.run-once {
	-webkit-animation: pulse-50 1s 1;
	animation: pulse-50 1s 1;
}
@keyframes pulse-50 {
	0% { /*safari fliker bug fix*/
		opacity: 0;
	}
	1% {
		width: 20px; 
		height: 20px;
		opacity: .8;
	}
	20% {
		width: 75px; 
		height: 75px;
	}
	100% {
		width: 370px; 
		height: 370px;
		opacity: 0;
	}
}
.pulse-dots .pulse-40.run-once {
	-webkit-animation: pulse-40 1s 1;
	animation: pulse-40 1s 1;
}
@keyframes pulse-40 {
	0% { /*safari fliker bug fix*/
		opacity: 0;
	}
	1% {
		width: 20px; 
		height: 20px;
		opacity: .8;
	}
	20% {
		width: 100px; 
		height: 100px;
	}
	100% {
		width: 400px; 
		height: 400px;
		opacity: 0;
	}
}
.pulse-dots .pulse-30.run-once {
	-webkit-animation: pulse-30 1.4s 1;
	animation: pulse-30 1.4s 1;
}
@keyframes pulse-30 {
	0% { /*safari fliker bug fix*/
		opacity: 0;
	}
	1% {
		width: 20px; 
		height: 20px;
		opacity: .8;
	}
	20% {
		width: 75px; 
		height: 75px;
	}
	100% {
		width: 350px; 
		height: 350px;
		opacity: 0;
	}
}
.pulse-dots .pulse-25.run-once {
	-webkit-animation: pulse-25 1.05s 1;
	animation: pulse-25 1.05s 1;
}
@keyframes pulse-25 {
	0% { /*safari fliker bug fix*/
		opacity: 0;
	}
	1% {
		width: 20px; 
		height: 20px;
		opacity: .8;
	}
	20% {
		width: 50px; 
		height: 50px;
	}
	100% {
		width: 200px; 
		height: 200px;
		opacity: 0;
	}
}
.pulse-dots .pulse-15.run-once {
	-webkit-animation: pulse-15 .8s 1;
	animation: pulse-15 .8s 1;
}
@keyframes pulse-15 {
	0% { /*safari fliker bug fix*/
		opacity: 0;
	}
	1% {
		width: 20px; 
		height: 20px;
		opacity: .8;
	}
	20% {
		width: 40px; 
		height: 40px;
	}
	100% {
		width: 100px; 
		height: 100px;
		opacity: 0;
	}
}
.pulse-dots .pulse-10.run-once {
	-webkit-animation: pulse-10 .65s 1;
	animation: pulse-10 .65s 1;
}
@keyframes pulse-10 {
	0% { /*safari fliker bug fix*/
		opacity: 0;
	}
	1% {
		width: 20px; 
		height: 20px;
		opacity: .8;
	}
	20% {
		width: 40px; 
		height: 40px;
	}
	100% {
		width: 80px; 
		height: 80px;
		opacity: 0;
	}
}
.pulse-dots .pulse-5.run-once {
	-webkit-animation: pulse-5 .5s 1;
	animation: pulse-5 .5s 1;
}
@keyframes pulse-5 {
	0% { /*safari fliker bug fix*/
		opacity: 0;
	}
	1% {
		width: 20px; 
		height: 20px;
		opacity: .8;
	}
	20% {
		width: 40px; 
		height: 40px;
	}
	100% {
		width: 60px; 
		height: 60px;
		opacity: 0;
	}
}

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

p.searchable u {
    background: #ffd767;
    font-weight: bold;
    color: #3a3a3a;
    text-decoration: none;
}
.browser-icon {
    background-size: 100%;
    background-repeat: no-repeat;
    /*margin: 0 3px 0 7px;*/
    width: 14px;
    height: 14px;
}