/* --- EE_INPUT --- */

.paint-bg-ee-input-dark {background: #212637 /*#1c2131;*/}
.paint-bg-ee-input-dark::placeholder {color: #85a5c5;}
.paint-bg-ee-input-light {background: #fff;}

input.ee-input {
	border-radius: 50px;
	padding: 9px 20px;
	width: 100%;
	max-width: 100%;
}
.ee-input-msgs {
	padding-top: 3px;
	min-height: 12px;
}

input.ee-input.light {
	/*box-shadow: inset 0 0 0 1px #85a5c5;*/
    background: #e8f0f7;
	border-radius: 50px;
	color: #0a2540;
	margin-bottom: 5px;
	display: inline-block;
}

.ee-input-error-msg {}
.ee-input-error-msg .icon {font-size: 15px}

/* autofill yellow fix */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset !important}
/* placeholder trans fix - has to be seperate */
input::placeholder {color: transparent !important}
input::-webkit-input-placeholder {color: transparent !important}
input::-ms-input-placeholder {color: transparent !important}
input::-moz-placeholder {color: transparent !important}
input:-ms-input-placeholder {color: transparent !important}
input:-moz-placeholder {color: transparent !important} 

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

/*   DEFAULT INPUT   */

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

.edit-input-wrap {
	background: #fff;
	border: 1.5px solid #adc5de;
	border-radius: 8px;
	padding: 6px 38px 0 16.5px;
	/*min-width: 256px;*/
	width: 100%;
	margin-bottom: 4px;
}
.edit-input-wrap.darkmode {
	background: #212637;
	border: 1.5px solid #212637;
	padding-top: 8px;
}
.ee-input-pre-render-box {
	background: #fff;
    border-radius: 8px;
    margin-bottom: 4px;
	height: 53px;
}
.ee-input-pre-render-box.darkmode {background: #212637}
.edit-input-wrap .click-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: text;
}

.edit-input-wrap .title {
	position: absolute;
	top: 7.5px;
	left: 16px;
	color: #6c8eb1;
	letter-spacing: -.25px;
	/*
	-webkit-transform-origin-x: 0;
	-ms-transform-origin-x: 0;
	transform-origin-x: 0;
	*/
	transform-origin: top left;
	-webkit-transform: scale(0.82) translate3d(0, 0, 0); 
	-ms-transform: scale(0.82) translate3d(0, 0, 0);
	transform: scale(0.82) translate3d(0, 0, 0);
	
	font-size: .875rem;
	line-height: 12px;
}
.edit-input-wrap.darkmode .title {
	top: 9.5px;
	color: #85a5c5;
}
.edit-input-wrap .title-right {
	position: absolute;
	color: #6c8eb1;
	font-size: .65rem;
    line-height: 12px;
    top: 7px;
    right: 9px;
}
.edit-input-wrap .title-right.paint-main-dark {color: #0a2540}
.edit-input-wrap.warning.locked .title-right.paint-main-dark {color: #6c8eb1}
.edit-input-wrap.ok .title-right {
	right: 30px;
}
.edit-input-wrap.darkmode.ok .title-right {
	color: #fff;
}
.edit-input-wrap .title-right .icon {
	line-height: 12px;
    font-size: 13px;
	color: #a5adb3;
}
/* focus -- blue */
/*.edit-input-wrap:focus-within {border-color: #0390f3}
.edit-input-wrap:focus-within .title, .edit-input-wrap:focus-within .title-right .icon {color: #0390f3}*/
.edit-input-wrap:focus-within {border-color: #0a2540}
.edit-input-wrap:focus-within .title, .edit-input-wrap:focus-within .title-right .icon {color: #0a2540}
/*.edit-input-wrap:focus-within .title-right {color: #6c8eb1}*/

.edit-input-wrap.darkmode:focus-within {border-color: #57799b; /*#7e9dbc;*/}
.edit-input-wrap.darkmode:focus-within .title, .edit-input-wrap:focus-within .title-right .icon {color: #85a5c5}
/*.edit-input-wrap.darkmode:focus-within .title-right {color: #6c8eb1}*/

/* warning */
.edit-input-wrap.warning {border-color: #ffbb59}
.edit-input-wrap.warning:focus-within {border-color: #ffbb59}

/* error */
.edit-input-wrap.error, .edit-input-wrap.warning.error {border-color: #d00c33}
.edit-input-wrap.warning.error .title-right {right: 30px}
.edit-input-wrap.error:focus-within, .edit-input-wrap.warning.error:focus-within {border-color: #d00c33}
.edit-input-wrap.error .title, .edit-input-wrap.error .title-right .icon, .edit-input-wrap.error .title-right {color: #d00c33}
.edit-input-wrap.error:focus-within .title, .edit-input-wrap.error:focus-within .title-right .icon, .edit-input-wrap.error:focus-within .title-right {color: #d00c33}

/* error darkmode */
.edit-input-wrap.darkmode.error {border-color: #ff5f7f}
.edit-input-wrap.darkmode.error .title, .edit-input-wrap.darkmode.error .title-right .icon, .edit-input-wrap.darkmode.error .title-right {color: #ff5f7f}
.edit-input-wrap.darkmode.error:focus-within .title, .edit-input-wrap.darkmode.error:focus-within .title-right .icon, .edit-input-wrap.darkmode.error:focus-within .title-right {color: #ff5f7f}

.edit-input-wrap .status-blob-wrap {
	top: -2.5px;
	left: 0;
	height: 4px;
}
.edit-input-wrap .status-blob {
	background-color: #1ceca4;
	/*box-shadow: 0 0 1px 0 rgb(255, 255, 255, 1);*/
	margin-left: 18px; 
	width: 0; 
}
/*
.edit-input-wrap.darkmode .status-blob {
	background-color: #03da72;
}

.edit-input-wrap.darkmode.ok .status-blob-wrap .status-blob {
	width: 10%;
}*/
.edit-input-wrap.locked, .edit-input-wrap.ok.locked, .edit-input-wrap.error.locked {background: #edf2f8}
.edit-input-wrap.darkmode.locked, .edit-input-wrap.darkmode.ok.locked, .edit-input-wrap.darkmode.error.locked {background: #212637}
.edit-input-wrap.locked, .edit-input-wrap.ok.locked, .edit-input-wrap.error.locked,
.edit-input-wrap.locked input, .edit-input-wrap.ok.locked input, .edit-input-wrap.error.locked input,
.edit-input-wrap.locked p, .edit-input-wrap.ok.locked p, .edit-input-wrap.error.locked p,
.edit-input-wrap.locked .marker-area, .edit-input-wrap.ok.locked .marker-area, .edit-input-wrap.error.locked .marker-area,
.edit-input-wrap.locked .title, .edit-input-wrap.ok.locked .title, .edit-input-wrap.error.locked .title,
.edit-input-wrap.locked .title-right, .edit-input-wrap.ok.locked .title-right, .edit-input-wrap.error.locked .title-right,
.edit-input-wrap.locked .click-area {
	cursor: not-allowed;
}
.edit-input-wrap.locked input, .edit-input-wrap.ok.locked input, .edit-input-wrap.error.locked input {color: #6c8eb1}

.edit-input-wrap .marker-area {
	padding-top: 8px;
	padding-right: 12px;
	width: 38px;
}

.edit-input-wrap .marker-area .status-marker .ok svg path,
.edit-input-wrap .marker-area .status-marker .ok svg polygon,
.edit-input-wrap .marker-area .status-marker .ok svg circle,
.edit-input-wrap .marker-area .status-marker .lock svg path,
.edit-input-wrap .marker-area .status-marker .lock svg polygon,
.edit-input-wrap .marker-area .status-marker .lock svg circle {
	fill: #6c8eb1;
}
.edit-input-wrap.darkmode .marker-area .status-marker .ok svg path,
.edit-input-wrap.darkmode .marker-area .status-marker .ok svg polygon,
.edit-input-wrap.darkmode .marker-area .status-marker .ok svg circle,
.edit-input-wrap.darkmode .marker-area .status-marker .lock svg path,
.edit-input-wrap.darkmode .marker-area .status-marker .lock svg polygon,
.edit-input-wrap.darkmode .marker-area .status-marker .lock svg circle {
	fill: #fff;
}
.edit-input-wrap.is-empty .marker-area .status-marker .ok svg path,
.edit-input-wrap.is-empty .marker-area .status-marker .ok svg polygon,
.edit-input-wrap.is-empty .marker-area .status-marker .ok svg circle {
	fill: transparent;
}

.edit-input-wrap .marker-area .status-marker .ok {
	width: 12px;
	padding-top: 0;
}
.edit-input-wrap .marker-area .status-marker .lock {
	width: 8.5px;
	padding-top: 2px;
	padding-right: 2px;
}
.edit-input-wrap.warning .marker-area .status-marker .lock {padding-top: 0}
.edit-input-wrap .marker-area .status-marker .warning {
	width: 13px;
	/*padding-top: 1px;*/
}
.edit-input-wrap.darkmode .marker-area .status-marker .lock svg path,
.edit-input-wrap.darkmode .marker-area .status-marker .lock svg polygon,
.edit-input-wrap.darkmode .marker-area .status-marker .lock svg circle {
	fill: #6c8eb1;
}
/*.edit-input-wrap.customer-card .marker-area .status-marker .ok {padding-right: 5px}*/
.edit-input-wrap .marker-area .status-marker .load, .edit-input-wrap .marker-area .status-extra .load {
	padding-top: 1px;
	padding-right: 2px;
}
.edit-input-wrap .marker-area .status-marker .loader, .edit-input-wrap .marker-area .status-extra .loader {
    border: 2px solid transparent;
    border-top: 2px solid #6c8eb1;
    border-left: 2px solid #6c8eb1;
    border-radius: 50%;
    -webkit-animation: spin .7s linear infinite;
    -moz-animation: spin .7s linear infinite;
    -ms-animation: spin .7s linear infinite;
    animation: spin .7s linear infinite;
    width: 8px;
    height: 8px;
}

.edit-input-wrap .marker-area .status-extra .card {
	width: 23px;
    padding-top: 5px;
	margin-right: -4.5px;
}

.edit-input-wrap.is-empty .title {
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	-ms-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
	line-height: 31px;
}
.edit-input-wrap.is-empty .title-right .icon {font-size: 17px; line-height: 31px}
.edit-input-wrap.is-empty:focus-within .title {
	-webkit-transform: scale(0.82) translate3d(0, 0, 0);
	-ms-transform: scale(0.82) translate3d(0, 0, 0);
	transform: scale(0.82) translate3d(0, 0, 0);
	line-height: 12px;
}
.edit-input-wrap.is-empty:focus-within .title-right .icon {font-size: 13px; line-height: 12px}

.edit-input-wrap input {
	background: transparent;
	color: #0a2540;
	border-radius: 0;
    border: none;
    margin: 0;
    padding: 0 0 6px 0;
    font-size: .875rem;
    line-height: 20px;
	width: 100%;
    height: auto;
	z-index: 9;

	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.edit-input-wrap.darkmode input {
	color: #fff;
	padding-bottom: 9px;
	font-size: .85rem;
    letter-spacing: .25px;
}
.edit-input-wrap.darkmode.locked input {
	color: #85a5c5;
}
.edit-input-wrap input[type='number'] {-moz-appearance:textfield}
.edit-input-wrap input::-webkit-outer-spin-button,
.edit-input-wrap input::-webkit-inner-spin-button {-webkit-appearance: none}

.special-payment-sep {
	color: #0a2540;
	font-size: .9rem;
    line-height: 20px;
	padding-right: 3px;
	padding-bottom: 6px;
}

.edit-input-wrap input.edit-text.card-number {width: 56%}
/*.edit-input-wrap input.edit-text.card-month {width: 20px}
.edit-input-wrap input.edit-text.card-year {width: 20px}*/
.edit-input-wrap input.card-exp-date {width: 20%}
.edit-input-wrap input.edit-text.card-cvc {width: 16%; padding-left: 4%;}

.edit-input-wrap .click-area.card-number {width: 48%;}
.edit-input-wrap .click-area.card-exp-date {width: 20%; left: 48%;}
.edit-input-wrap .click-area.card-cvc {width: 15%; left: 71%;}

.edit-input-wrap .title.card-exp-date {left: 51%; width: auto}
.edit-input-wrap .title.card-cvc {left: 71%; width: auto}
.left.width-55 .edit-input-wrap .title.card-exp-date {left: 51.5%}
.left.width-55 .edit-input-wrap .title.card-cvc {left: 71.5%}

.edit-input-wrap.tiny {
	min-width: auto;
    padding: 0;
    margin: 0 6px 0 0;
}
.edit-input-wrap.tiny input {
	margin: 0;
    padding: 0 0 0 3px;
    font-size: .75rem;
    width: 40px;
    height: 24px;
    line-height: 24px;
}

.edit-input-wrap.input-disabled {background: #f7f7f7;}
.edit-input-wrap.input-disabled input {color: #7e7e7e; z-index: 3}
.edit-input-wrap.input-disabled .click-area {cursor: not-allowed}

/*
.edit-sep {
	width: 100%;
	height: 9px;
}
.edit-msg-wrap .msg {
	padding: 0 0 0 2px;
	line-height: 0;
}
.nice-select.edit-input-dropdown {
	width: 100%;
	margin-bottom: 4px;
}
.nice-select.edit-input-dropdown .dropdown {
    box-shadow: inset 0 0 0 0.75px #b2bcc5;
	border-radius: 4px;
	width: 100%;
	height: 45px;
}
.nice-select.edit-input-dropdown:hover .dropdown {background: #fff}
.nice-select.edit-input-dropdown .dropdown .current {
	font-size: .85rem;
	line-height: 31px;
	color: #676f76;
}
*/
.nice-select.default-style .dropdown .graphic-holder .icon {
	padding-left: 0 /*bug fix*/
}
/*
.nice-select.edit-input-dropdown.open .dropdown {
	background: #fff;
	box-shadow: inset 0 0 0 0.75px #2e7edd;
}
.nice-select.edit-input-dropdown.open .dropdown .current {color: #2e7edd}
*/
/*
.sh-edit-course-time .edit-msg-wrap .msg {padding: 0}
.sh-edit-course-time .timeline .text.abnormal-length {
	background: #feecd0;
    font-weight: 600;
	padding: 0 6px;
}
.sh-edit-course-time .timeline .text.abnormal-length .icon {
	width: 16px;
    height: inherit;
    line-height: inherit;
    font-size: 18px;
    padding-left: 3px;
    cursor: help;
}*/

.edit-msg-wrap .msg .icon {
	font-size: 13.5px;
    line-height: 14px;
    margin-right: 4px;
	/*color: #fff;*/
	color: rgba(255,255,255,0);
}
.edit-msg-wrap .msg p {
	padding: 0 5px;
	font-size: .725rem;
	letter-spacing: -.25px;
	line-height: 14px;
	/*color: #fff;*/
	color: rgba(255,255,255,0);
}
/*.ee-input.darkmode + .edit-msg-wrap .msg p {
	color: rgba(255,255,255,0);
}*/
.edit-msg-wrap .msg .loader {
	border: 1.5px solid transparent;
	border-radius: 50%;
	-webkit-animation: spin .7s linear infinite;
	-moz-animation: spin .7s linear infinite;
	-ms-animation: spin .7s linear infinite;
	animation: spin .7s linear infinite;
	width: 10px;
	height: 10px;
	margin: 1.5px 3px 0 1px;
}
.edit-msg-wrap.ajax-ok .msg p {color: #15bf71}
.edit-msg-wrap.ajax-ok .msg .icon {color: #15bf71}
.edit-msg-wrap.info .msg p {color: #436f9c}
.edit-msg-wrap.info .msg .icon {color: #436f9c}
.edit-msg-wrap.error .msg p, .edit-msg-wrap.ajax-error .msg p {color: #d00c33}
.edit-msg-wrap.error .msg .icon, .edit-msg-wrap.ajax-error .msg .icon {color: #d00c33}
.edit-input-wrap.darkmode + .edit-msg-wrap.error .msg p, .edit-input-wrap.darkmode + .edit-msg-wrap.ajax-error .msg p {color: #ff5f7f}
.edit-input-wrap.darkmode + .edit-msg-wrap.error .msg .icon, .edit-input-wrap.darkmode + .edit-msg-wrap.ajax-error .msg .icon {color: #ff5f7f}
.edit-msg-wrap.ajax-loading .msg p {color: #62686e}
.edit-msg-wrap.ajax-loading .msg .loader {
	border-top: 1.5px solid #62686e;
	border-left: 1.5px solid #62686e;
}
.edit-extra-info table td {
	vertical-align: top;
	font-size: .75rem;
	padding-right: 3px;
}
.edit-extra-info table td .gray {
	color: #9da5af
}

/*----------------------*/
/* -- DROPDOWN -- */

.nice-select.default-style .dropdown {
	box-shadow: none;
	background: #fff;
    border: 1.5px solid #adc5de;
    border-radius: 8px;
    padding: 0;
	/*
	width: 230px;
    height: 43px;
	*/
	width: 100%;
	height: 49px;
}
.nice-select .dropdown .title-holder p .lang-img {
	background-size: 130%;
	background-position: center;
	border-radius: 30px;
	margin: 3.5px 7px 0 0;
    width: 15px;
    height: 14px;
}
.nice-select.default-style .dropdown .title-holder p {
	color: #0a2540;
    font-size: .85rem;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -.1px;
	padding-left: 16.5px;
	padding-right: 28px;
	margin-bottom: 2px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nice-select.default-style.ee-vat-prefix .dropdown .title-holder p {
	padding-left: 13.5px;
	font-size: .875rem;
}
.nice-select.default-style .dropdown .graphic-holder .icon {
	color: #4b7199;
	font-size: 21px;
    height: 22px;
}
.nice-select.default-style.open .dropdown .graphic-holder .icon {height: 20px;}
.nice-select .nice-list {
    box-shadow: inset 0 0 0 0.5px rgb(0, 33, 74, .25), 0px 3px 4px 0px rgb(0, 33, 74, .25);
    background: rgba(255, 255, 255, 1);
    border-radius: 8px;
	padding: 8px 0;
	margin-top: 5px;
	margin-left: 1%;
	min-width: 98%;
	width: 98%;
}
.nice-select.default-style.open .dropdown {border-color: #0a2540}

/* dynamic country */
/*
.nice-select.default-style.dynamic-country-style .dropdown {
	width: 100%;
	height: 49px;
}
.nice-select.dynamic-country-style .dropdown .title-holder span {
	color: #0a2540;
    font-size: .85rem;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -.1px;
	padding-left: 16.5px;
}
*/
.nice-select.nice-lang-img .dropdown .title-holder span {
	font-weight: 600;
}
/*-------------------*/

/*------- placeholder ------*/

/* if darkmode display placeholder */
.edit-input-wrap.has-placeholder input::placeholder {color: #6c8eb1 !important}
.edit-input-wrap.darkmode.has-placeholder input::placeholder {color: #85a5c5 !important}
.edit-input-wrap.is-empty.has-placeholder .title {
	-webkit-transform: scale(0.82) translate3d(0, 0, 0); 
	-ms-transform: scale(0.82) translate3d(0, 0, 0);
	transform: scale(0.82) translate3d(0, 0, 0);
	line-height: 12px;
}

/*------- simple search type ------*/
.edit-input-wrap.ee-input.search-buttons {
	padding-right: 50px;
}
.ee-input.search-buttons .marker-area {
	padding-right: 8px;
    width: 50px;
}
.ee-input.search-buttons .marker-area .status-marker.active {opacity: 1; cursor: pointer;}
.ee-input.search-buttons .marker-area .status-marker.inactive {opacity: 0; cursor: default;}

/*------- number ------*/
.ee-input.number {}
.edit-input-wrap.ee-input.number {padding: 6px 15px 0 15px;}
.ee-input.number .title, .ee-input.number .title-right, .ee-input.number .title-right + .spacer-15 {display: none}

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