/* --- POPUP --- */
/*
.com-popup .default-loader {
	border: 7px solid rgb(144 161 179 / 95%);
	border-top: 7px solid transparent;
}*/
.com-popup .default-loader-wrap.inactive {display: none}
/*
.com-popup .default-loader-wrap .default-loader {
	/* checkout cart inject loader version 
	border: 7px solid rgb(58 96 119);
    border-top: 7px solid transparent;
}*/
.com-popup.lang-switch .default-loader, .com-popup.default-redirect .default-loader {
	border: 7px solid rgb(255, 255, 255, .75);
	border-top: 7px solid transparent;
}
.com-popup .click-blocker {
	border-radius: 15px; /* we do this since we cannot use overflow on parent */
	background: rgba(255,255,255, .5);
	display: none;
}
.com-popup.loading .click-blocker {display: block}
.com-popup.paint-bg-themecolor-dark .click-blocker {background: rgba(36,41,57,.35)}

.com-overlay-popup.inactive {height: 0}
.com-overlay-popup.active {/*height: 150%  fixes  Safari cover bug */}
.com-overlay-popup .com-popup-wrap .cover {
	display: block;
	background: rgba(0,0,0, .3);
	height: 150%; /* mobile height fix */
}
.com-overlay-popup .com-popup-wrap .cover.darker {background: rgba(0,0,0, .62)}
.com-overlay-popup.inactive .com-popup-wrap .cover {display: none}

.com-overlay-popup .com-popup-animation.width-364 {width: 364px}
.com-overlay-popup .com-popup-animation.width-430 {width: 430px}
.com-overlay-popup .com-popup-animation.width-472 {width: 472px}
.com-overlay-popup .com-popup-animation.width-512 {width: 512px}
.com-overlay-popup .com-popup-animation.default-width {width: 624px}
.com-overlay-popup .com-popup-animation.width-700 {width: 700px}
.com-overlay-popup .com-popup-animation.width-764 {width: 764px}
.com-overlay-popup .com-popup-animation.width-864 {width: 864px}
.com-overlay-popup .com-popup-animation.width-1024 {width: 1024px}
.com-overlay-popup .com-popup-animation.width-1280 {width: 1280px}
.com-overlay-popup .com-popup-animation.width-fullscreen {width: 100%}

.com-overlay-popup .com-popup.min-height-100 .body {min-height: 100px}
.com-overlay-popup .com-popup.min-height-120 .body {min-height: 120px}
.com-overlay-popup .com-popup.min-height-150 .body {min-height: 150px}

.com-overlay-popup .com-popup {
	-webkit-box-shadow: 0px 3px 4px 0px rgb(0, 33, 74, .15);
    box-shadow: 0px 3px 4px 0px rgb(0, 33, 74, .15);
    border-radius: 15px;
    padding: 0 25px;
}
.com-overlay-popup .com-popup.darkmode {
	/*-webkit-box-shadow: 1px 18px 35px -8px rgb(42 57 68 / 40%);
    box-shadow: 1px 18px 35px -8px rgb(42 57 68 / 40%);*/
	-webkit-box-shadow: 0px 3px 4px 0px rgb(0, 33, 74, .2);
    box-shadow: 0px 3px 4px 0px rgb(0, 33, 74, .2);
	background: #242939;
}
.com-overlay-popup .com-popup.paint-bg-trans {
	-webkit-box-shadow: none;
    box-shadow: none;
}
.com-overlay-popup .com-popup .default-btn {height: 36px}
.com-overlay-popup .com-popup .default-btn.height-32 {height: 32px}
.com-overlay-popup .com-popup .default-btn.height-30 {height: 30px}
.com-overlay-popup .com-popup .default-btn.height-28 {height: 28px}
.com-overlay-popup .com-popup .default-btn.height-26 {height: 26px}
.com-overlay-popup .com-popup .default-btn.height-24 {height: 24px}
.com-overlay-popup .com-popup .default-btn.height-22 {height: 22px}
.com-overlay-popup .com-popup .default-btn.height-20 {height: 20px}
.com-overlay-popup .com-popup .default-btn.height-18 {height: 18px}


.com-overlay-popup .com-popup.animate {
	-webkit-animation: popup-open .3s 1;
	animation: popup-open .3s 1;
}
@keyframes popup-open {
	0% {
		-webkit-transform: scale(.7,.7);
		-ms-transform: scale(.7,.7);
		transform: scale(.7,.7);
		/*width: 70%; 
		height: 70%; */
		opacity: 0;
	}
	1% { /*safari fliker bug fix*/
		opacity: .6;
	}
	100% {
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1);
		opacity: 1;
	}
}
.com-overlay-popup .com-popup.de-animate {
	-webkit-animation: popup-close .25s 1;
	animation: popup-close .25s 1;
}
@keyframes popup-close {
	0% {
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(.8,.8);
		-ms-transform: scale(.8,.8);
		transform: scale(.8,.8);
		opacity: 0;
	}
}

.com-popup-wrap.active {display: block}
.com-popup-wrap.inactive {display: none}
.com-popup .top {
	height: 58px;
    padding-top: 4px;
}
.com-popup .top.has-subtitle {height: 68px}
.com-popup .top.has-subtitle .icon-holder {padding-bottom: 19.5px}
.com-popup .top .title-wrap {padding-left: 34.5px}
/*
.com-popup .top.has-fillbar > .left {width: 70%}
.com-popup .top.has-fillbar > .right {width: 30%}
*/
.com-popup .top .title-icon .icon {
	font-size: 26px;
	width: 26px; 
	height: 26px;
}
.com-popup .top .close-tab .icon {
	font-size: 28px;
	width: 28px;
    height: 28px;
}
.com-popup .top .close-tab.svg {
	width: 14.5px;
}
/*
.com-popup .left .title-tab.only-title {padding: 0 0 0 4px}
.com-popup .left .sub-title-tab {padding-left: 9px}
*/
.com-popup .top .title-tab .subtitle {padding-left: 1.5px}

.com-overlay-popup .com-popup-animation.width-512 .com-popup .body {min-height: 184px}
.com-overlay-popup .com-popup-animation.default-width .com-popup .body {min-height: 160px}
.com-overlay-popup .com-popup-animation.width-700 .com-popup .body {min-height: 170px}

.com-popup .popup-bg-layer-wrap {border-radius: 15px;}

.com-overlay-popup .com-popup.no-pad, .com-popup.no-pad {padding-left: 0; padding-right: 0}

.com-overlay-popup .com-popup.cart .default-btn.support {height: 26px;}

.com-popup .footnote-sub {
	font-size: .6rem;
    line-height: .7rem;
    text-align: justify;
    text-align-last: left;
	font-weight: 700;
	padding: 0 3px;
}

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

/* --- POPUP /// APP NEW VERSION --- */

.com-popup.comp-new-version .body {min-height: 300px; /*background: #242939*/}
.com-popup.comp-new-version .new-version-icon {margin-left: 5px; width: 100px; height: 80px;}
.com-popup.comp-new-version .default-btn .btn-icon .icon {font-size: 21px; width: 21px; height: 21px;}
.com-popup.comp-new-version .popup-bg-layer {width: 300%; opacity: .6}
.com-popup.comp-new-version .latest-ver-text-wrap {height: 40px}
.com-popup.comp-new-version .arrow-east-icon {width: 17px; height: 12px;}
.marker-box {
	padding: 0 12px;
    border-radius: 10px;
    line-height: 18px;
}
.com-popup.comp-new-version.loading .click-blocker {background: rgba(36, 41, 57, .5)}

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

.com-popup .lang-icon-wrap.pdf {
	border-radius: 50px;
    width: 24px;
	height: 22px;
}
.com-popup.user-download-cert .lang-icon-wrap.pdf {
	border: 2px solid rgb(105 139 175);
}
.com-popup .lang-icon.pdf {
	width: 33px;
    height: 24px;
    margin-left: -4px;
    margin-top: -1.5px;
}
.com-popup .lang-icon.pdf svg {
	width: auto;
    height: 100%;
}

/*------  CERT PREVIEW  ------*/

.ee-cert-preview-wrap {
	margin: 0 15px;
	width: 180px;
}
.ee-cert-preview {
	height: 254px;
}
.ee-cert-preview-wrap .outline {
	border: 1px solid rgb(145 162 180 / 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgb(145 162 180 / 100%);
    box-shadow: inset 0 0 0 1px rgb(145 162 180 / 100%);
    border-radius: 8px;
}
.ee-cert-preview-wrap .default-loader {
	width: 50px;
	height: 50px;
	border-width: 4px;
	z-index: 4;
}
.ee-cert-preview-wrap .image {
	background-repeat: no-repeat; 
	background-size: cover;
	border-radius: 8px;
}
/*-------------------*/