/* ###
	THEME SYSTEM CSS
### */


/* ---------------------------------------------------
    BODY
----------------------------------------------------- */

.bg_lightgrey {
	background-color: #eee;
}
.br-25 {
	border-radius: .25rem !important;
}
.br-50 {
	border-radius: .50rem !important;
}
.small_xpad07 {
	padding: 0rem .7rem;
}
sup {
	top: -.45em;
}

/* shadows */
.drop_shadow1 {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}


/* ---------------------------------------------------
    FONTS
----------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p {
	font-family: 'Amsi Pro Normal', Arial, sans-serif;
}
h1 {
	color: #000743;
}
h2 {
	color: #62259e;
	font-weight: 600;
	font-family: 'Eina 01', Arial, sans-serif !important;
}
h3.mediahead {
	color: #6d86ff;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: -.0125em;
}
h4.mediahead {
	color: #000743;
}
span.summery-attention {
	color: #6d86ff;
}
nav.sidebar {
	font-family: 'Amsi Pro Normal', Arial, sans-serif;
}
nav.sidebar div.navhead {
	color: #000743;
	font-weight: 500;
}
nav.sidebar .nav-link {
	color: #000743;
	font-weight: 500;
}
span.counter {
	border: 1px solid #dddddd;
	color: #000743;
}
span.updatecounter {
	color: #6d86ff;
}


/* ---------------------------------------------------
    COLORS
----------------------------------------------------- */

.text-orange {
	color:	#ff730d !important;
}
.text-purple {
	color: #62259e !important;
}
.text-brightpurple {
	color: #6d86ff !important;
}
.text-lightpurple {
	color: #d1d9ff !important;
}
.text-dark {
	color: #000743 !important;
}
.text-grey {
	color: #8e909d !important;
}


.textL {
	font-size: 125% !important;
}
.textXL {
	font-size: 150% !important;
}
.textXXL {
	font-size: 200% !important;
}

.textNowrap {
	white-space: normal !important;
}


/* ---------------------------------------------------
    TEXT - INDICATORS - SHORT FUNCTIONS
----------------------------------------------------- */

.mailing_functions span.indication {
	color: #555;
}
.mailing_functions a {
	color: #444;
}
.mailing_functions a:hover {
	color: #62259e;
}
.mailing_functions a.add {
	color: #444;
}
.mailing_functions a.add:hover {
	color: #6d86ff;
}
.builder_functions a {
	color: #444;
}
.builder_functions a:hover {
	color: #62259e;
}
.builder_functions a.add {
	color: #444;
}
.builder_functions a.add:hover {
	color: #62259e;
}
.dossier_functions a {
	color: #444;
	font-size: 1.1em;
}
.dossier_functions a:hover {
	color: #62259e;
}
.dossier_functions span.indication {
	color: #666;
}
span.form_explanation {
	color: #ff730d;
}
span.result_indication {
	color: #000743;
}
span.font_head_example {
	color: #000743;
	font-size: 1.75em;
}
span.font_example {
	color: #000743;
	font-size: 1.1em;
}
.modal span.iteminfo {
	color: #62259e;
}


/* ---------------------------------------------------
    DASHBOARD + DETAIL - STATS/INDICATORS
----------------------------------------------------- */

.statsbar ul li div.counterbox {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: .5rem;
	padding: 25px;
	transition: all 0.2s ease-out;
}
.statsbar ul li div.counterbox:hover {
	background-color: #62259e;
	border: 1px solid #62259e;
	box-shadow: 0 0 7px 0 rgba(185,185,185,0.2);
}
.statsbar ul li div.counterbox.detail:hover {
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: none;
}
.statsbar ul li div.counterbox:hover h3 {
	color: #fff;
}
.statsbar ul li div.counterbox.detail:hover h3 {
	color: #001825;
}
.statsbar ul li div.counterbox:hover h4 {
	color: #fff;
}
.statsbar ul li div.counterbox.detail:hover h4 {
	color: #62259e;
}
.statsbar ul li div.counterbox:hover p {
	color: #fff;
	font-weight: 400;
}
.statsbar ul li div.counterbox.detail:hover p {
	color: #6d86ff;
	font-weight: 400;
}
.statsbar ul li div.counterbox:hover i {
	color: #fff;
}
.counterbox h3 {
	color: #001825;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 19px;
}
.counterbox h4 {
	color: #62259e;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 37px;
}
.counterbox p {
	color: #6d86ff;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 0;
}
.statsbar ul li a:hover i {
	color: #b1d311;
}
.statsbar ul li a:hover span.value {
	color: #555;
	margin-top: -5px;
}
.statsbar ul li i {
	color: #eee;
}
.statsbar ul li i.fa-cocktail {
	padding-right: 5px;
}
.statsbar ul li span.value {
	color: #8e909d;
}
.statsbar ul li span.desc {
	color: #111;
}



span.infominibox {
	display: inline-block;
}
.infominibox .box-value {
	color: #abafb3;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 17px;
}



/* ---------------------------------------------------
    SOCIAL SWITCH BUTTONS
----------------------------------------------------- */

.social-switchbutton-wrapper a i {
	color: #eee;
	font-size: 3em;
	transition: all 0.2s ease-out;
}
.social-switchbutton-wrapper a i.fa-whatsapp:hover {
	color: #34B7F1;
}
.social-switchbutton-wrapper a i.fa-facebook:hover {
	color: #eee;
}
.social-switchbutton-wrapper a i.fa-instagram:hover {
	color: #eee;
}
.social-switchbutton-wrapper a i.fa-linkedin:hover {
	color: #eee;
}



/* ---------------------------------------------------
    LOGIN
----------------------------------------------------- */

.login-form p {
	color: #000743;
}
.login-form p a {
	color: #6d86ff;
}
.login-form p a:hover {
	color: #62259e;
}
.login-form .button-1:hover {
	background-color: #000743;
	border-color: #000743;
	color: #fff;
}


/* ---------------------------------------------------
    SIGNBOX
----------------------------------------------------- */

.signbox.front {
	background-color: #d1d9ff;
	border: 4px dashed #fff;
	border-radius: .25rem;
	cursor: pointer;
	min-height: 250px;
	transition: .2s ease-in-out all;
}
.signbox.front:hover {
	border: 4px dashed #6d86ff;
	background-color: #fff;
	font-size: 18px;
}
.signbox span.placeholder {
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.15em;
}


/* ---------------------------------------------------
    REVIEW WEBPAGE
----------------------------------------------------- */

.review-form p {
	color: #000743;
}
.review-form p a {
	color: #6d86ff;
}
.review-form p a:hover {
	color: #62259e;
}
.review-form .button-1:hover {
	background-color: #000743;
	border-color: #000743;
	color: #fff;
}
.review-form p {
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	letter-spacing: -.025em;
}

span.form_questions {
	color: #000743;
	display: block;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.15em;
	font-weight: 600;
	letter-spacing: -.0125rem;
	margin-bottom: .45rem;
}


/* ---------------------------------------------------
    GIFT VOUCHER
----------------------------------------------------- */

body#giftvoucher {
	background-image: url("../../images/media/gosalon-cadeaubonpagina-afbeelding.jpg");
	background-position: right 50% top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	min-height: 100vh;
}
body#giftvoucher main, 
body#giftvoucher main > section, 
body#giftvoucher main > section > div , 
body#giftvoucher main > section > div > div 
{
	height: 100%;
}
body#giftvoucher main {
	width: 100% !important;
}
body#giftvoucher .voucher_content {
	width: 650px;
}
body#giftvoucher h1 {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 2em;
}
body#giftvoucher h2 {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.5em;
}
body#giftvoucher h3 {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25em;
}
body#giftvoucher h4 {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.35em;
	font-weight: 600;
}
body#giftvoucher p {
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	letter-spacing: -.025em;
}
body#giftvoucher a {
	color: #8e909d;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.15em;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all .2s ease-in-out;
		white-space: nowrap;
}
body#giftvoucher a:hover {
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.15em;
	font-weight: 400;
	letter-spacing: -.0125em;
}



/* ---------------------------------------------------
    NAVIGATION - SIDEBAR
----------------------------------------------------- */

nav .navbar-toggler-icon {
	color: #62259e !important;
}
nav .navbar-toggler-icon:hover {
	/* color: #6d86ff !important; */
}
nav.sidebar div.navhead:hover {
	background-color: #d1d9ff !important;
}
nav.sidebar div.navhead.active {
	background-color: #dfdfdf !important;
	color: #000743 !important;
}
nav.sidebar .nav-link.active_sub {
	background-color: #d1d9ff !important;
	color: #000743 !important;
}
nav.sidebar .nav-link.active {
	background-color: #d1d9ff !important;
	color: #000743 !important;
}
nav.sidebar .nav-link:hover {
	background-color: #d1d9ff !important;
}
nav.sidebar .nav-link i {
	color: #3e415c !important;
}
nav.sidebar div.navhead i:not(.fa-angle-down) {
	color: #3e415c !important;
}


/* ---------------------------------------------------
    BREADCRUMB
----------------------------------------------------- */

ol.breadcrumb li a {
	color: #aaa;
}
.breadcrumb-item.active {
	color: #000743;
	font-family: 'Amsi Pro Normal', Arial, sans-serif;
	font-weight: 500;
}


/* ---------------------------------------------------
    MAIN
----------------------------------------------------- */


/* ---------------------------------------------------
    SMART INPUT ROW
----------------------------------------------------- */

main .smartinputrow ul.functions li:hover {
	color: #62259e;
}


/* ---------------------------------------------------
    INVOICE
----------------------------------------------------- */

.totalsum {
	color: #000743;
}
.totaldiscount {
	color: #62259e;
}



/* ---------------------------------------------------
    GIFT VOUCHER
----------------------------------------------------- */

main .form-wrapper span.itemlink a {
	color: #6d86ff;
}
main .form-wrapper span.itemlink a:hover {
	color: #62259e;
}


/* ---------------------------------------------------
    TABLE
----------------------------------------------------- */

main .table {
	font-size: .975em;
}
main .table thead th {
	color: #000743;
	font-family: 'Amsi Pro Normal', Arial, sans-serif;
	font-size: 1.05em;
	font-weight: 500;
}
main .table tbody td {
	color: #525463;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400;
	letter-spacing: 0;
}

main .table tbody td span.regular-price {
	color: #999;
	text-decoration: line-through;
}
main .table tbody td span.offer-price {
	color: #6d86ff;
}
main .table tbody td span.stock-alert {
	color: #ff730d;
}
main .table tbody td span.invoice-alert {
	color: #ff730d;
}

main .table ul.functions li:hover {
	color: #62259e;
}
main .table ul.functions li a:hover {
	color: #62259e;
}

main .form-wrapper span.itemlink a {
	color: #8e909d;
}
main .form-wrapper span.itemlink a:hover {
	color: #ff7300;
}


/* ---------------------------------------------------
    FORMS
----------------------------------------------------- */

.form-control {
	border: 1.5px solid #ccc !important;
	color: #28282b;
}
.form-control:focus {
	background-color: #fff !important;
	border-color: #62259e !important;
	box-shadow: 0 0 0 .15rem rgba(84,176,245,.25) !important;
	color: #000743 !important;
}
.form-control.price {
	border-color: #ccc !important;
	color: #6d86ff;
}
.form-control.price::placeholder {
	color: #6d86ff;
}
span.form_indication {
	color: #000743;
	display: block;
	font-family: 'Amsi Pro Normal', helvetica, arial, sans-serif;
	font-size: .95em;
	font-weight: 500;
	letter-spacing: -.0125rem;
	margin-bottom: .45rem;
}



/* ---------------------------------------------------
    BUTTONS
----------------------------------------------------- */

button {
	font-family: 'Amsi Pro Normal', Arial, sans-serif;
}

button.button-1 {
	background-color: #62259e;
	border: 1.5px solid #62259e;
	color: #fff;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-1:hover {
	background-color: #fff;
	color: #000743;
}
button.button-2 {
	background-color: #d1d9ff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-2:hover {
	background-color: #fff;
	color: #000743;
}
button.button-3 {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #fff;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-3:hover {
	background-color: #fff;
	color: #000743;
}
button.button-4 {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #000743;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-4:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #fff;
}
button.button-5 {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #000743;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-5:hover {
	background-color: #d1d9ff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
}
button.button-5.active {
	background-color: #d1d9ff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
}
button.button-6 {
	background-color: #fff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-6:hover {
	background-color: #d1d9ff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
}
button.button-7 {
	background-color: #62259e;
	border: 1.5px solid #62259e;
	color: #fff;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-7:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #fff;
}
button.button-7.active {
	background-color: #62259e;
	border: 1.5px solid #62259e;
	color: #fff;
}
button.button-toolbar {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #001825;
	font-size: .95em;
	font-weight: 600;
	padding: .3rem .6rem .4rem .6rem;
	width: 42px;
}
button.button-toolbar:hover {
	background-color: #8e909d;
	border: 1.5px solid #8e909d;
	color: #fff;
}
button.button-toolbar.active {
	background-color: #8e909d;
	border: 1.5px solid #8e909d;
	color: #fff;
}
button.button-signout {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #000743;
	font-size: .95em;
	font-weight: 600;
	padding: .3rem .6rem .4rem .6rem;
	width: 42px;
}
button.button-signout:hover {
	background-color: #ff730d;
	border: 1.5px solid #ff730d;
	color: #fff;
}
button.button-icon {
	background-color: #fff;
	border: none;
	color: #000743;
	font-size: 1.25em;
	font-weight: 600;
	padding: .35rem;
}
button.button-icon:hover {
	background-color: #fff;
	color: #000743;
}
button.button-inject {
	background-color: #d1d9ff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
	padding: .3rem .8rem .35rem .8em;
}
button.button-inject:hover {
	background-color: #fff;
	color: #000743;
}
button.button-concept {
	background-color: #8e909d;
	border: 1.5px solid #8e909d;
	color: #fff;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-concept:hover {
	background-color: #fff;
	color: #000743;
}
button.button-attention {
	background-color: #ff730d;
	border: 1.5px solid #ff730d;
	color: #fff;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-attention:hover {
	background-color: #d1d9ff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
}
button.button-template {
	background-color: #8e909d;
	border: 1.5px solid #8e909d;
	color: #fff;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
}
button.button-template:hover {
	background-color: #fff;
	color: #000743;
}

button.button-function_p {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #001825;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
	padding: .3rem .8rem .35rem .8rem;
}
button.button-function_p:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #fff;
}
button.button-function_dl {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #001825;
	font-size: 1.05em;
	font-weight: 500;
	letter-spacing: -.0125em;
	padding: .3rem .7rem .35rem .7rem;
}
button.button-function_dl:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #fff;
}



span.button-avatar {
	border: 1px solid #fff;
	height: auto;
	width: auto;
}
span.button-avatar img {
	border: 1px solid #fff;
	border-radius: 50px;
	cursor: pointer;
	filter: grayscale(100%);
	height: 50px;
	object-fit: cover;
	transition: all 0.2s ease-out;
	width: 50px;
}
span.button-avatar img:hover {
	border: 1.5px solid #d1d9ff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	filter: grayscale(0%);
	padding: 1px;
}
span.button-avatar img.active {
	border: 1px solid #6d86ff;
	box-shadow: 0 0 0 .125rem rgba(209,217,255,.5) !important;
	filter: grayscale(0%);
}
span.button-avatar img.active:hover {
	border: 1px solid #4765ff;
	box-shadow: 0 0 0 .125rem rgba(84,176,245,.25) !important;
	padding: 0;
}



/* ---------------------------------------------------
    RADIO + CHECKBOX
----------------------------------------------------- */

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
	color: #62259e;
}
.checkbox .cr.master {
	border: 2px solid #6d86ff;
}

.radio .cr.color_drop_zw1 {
	border: 2px solid #111;
}
.radio .cr.color_drop_zw1 .cr-icon {
	color: #111;
	left: 18%;
}
.radio .cr.color_drop_zw2 {
	border: 2px solid #444;
}
.radio .cr.color_drop_zw2 .cr-icon {
	color: #444;
	left: 18%;
}
.radio .cr.color_drop_zw3 {
	border: 2px solid #777;
}
.radio .cr.color_drop_zw3 .cr-icon {
	color: #777;
	left: 18%;
}
.radio .cr.color_drop_zw4 {
	border: 2px solid #999;
}
.radio .cr.color_drop_zw4 .cr-icon {
	color: #999;
	left: 18%;
}
.radio .cr.color_drop_zw5 {
	border: 2px solid #CCC;
}
.radio .cr.color_drop_zw5 .cr-icon {
	color: #CCC;
	left: 18%;
}

.radio .cr.color_drop1 {
	border: 2px solid #1e46a0;
}
.radio .cr.color_drop1 .cr-icon {
	color: #1e46a0;
	left: 18%;
}
.radio .cr.color_drop11 {
	border: 2px solid #3169f1;
}
.radio .cr.color_drop11 .cr-icon {
	color: #3169f1;
	left: 18%;
}
.radio .cr.color_drop21 {
	border: 2px solid #548af2;
}
.radio .cr.color_drop21 .cr-icon {
	color: #548af2;
	left: 18%;
}
.radio .cr.color_drop31 {
	border: 2px solid #64c6f4;
}
.radio .cr.color_drop31 .cr-icon {
	color: #64c6f4;
	left: 18%;
}

.radio .cr.color_drop2 {
	border: 2px solid #281770;
}
.radio .cr.color_drop2 .cr-icon {
	color: #281770;
	left: 18%;
}
.radio .cr.color_drop12 {
	border: 2px solid #4731a8;
}
.radio .cr.color_drop12 .cr-icon {
	color: #4731a8;
	left: 18%;
}
.radio .cr.color_drop22 {
	border: 2px solid #604bdf;
}
.radio .cr.color_drop22 .cr-icon {
	color: #604bdf;
	left: 18%;
}
.radio .cr.color_drop32 {
	border: 2px solid #9f83ff;
}
.radio .cr.color_drop32 .cr-icon {
	color: #9f83ff;
	left: 18%;
}

.radio .cr.color_drop3 {
	border: 2px solid #572576;
}
.radio .cr.color_drop3 .cr-icon {
	color: #572576;
	left: 18%;
}
.radio .cr.color_drop13 {
	border: 2px solid #62259e;
}
.radio .cr.color_drop13 .cr-icon {
	color: #62259e;
	left: 18%;
}
.radio .cr.color_drop23 {
	border: 2px solid #ac50e8;
}
.radio .cr.color_drop23 .cr-icon {
	color: #ac50e8;
	left: 18%;
}
.radio .cr.color_drop33 {
	border: 2px solid #c977f8;
}
.radio .cr.color_drop33 .cr-icon {
	color: #c977f8;
	left: 18%;
}

.radio .cr.color_drop4 {
	border: 2px solid #6d243d;
}
.radio .cr.color_drop4 .cr-icon {
	color: #6d243d;
	left: 18%;
}
.radio .cr.color_drop14 {
	border: 2px solid #a73c5e;
}
.radio .cr.color_drop14 .cr-icon {
	color: #a73c5e;
	left: 18%;
}
.radio .cr.color_drop24 {
	border: 2px solid #d04d7b;
}
.radio .cr.color_drop24 .cr-icon {
	color: #d04d7b;
	left: 18%;
}
.radio .cr.color_drop34 {
	border: 2px solid #db7a9d;
}
.radio .cr.color_drop34 .cr-icon {
	color: #db7a9d;
	left: 18%;
}

.radio .cr.color_drop5 {
	border: 2px solid #ab2717;
}
.radio .cr.color_drop5 .cr-icon {
	color: #ab2717;
	left: 18%;
}
.radio .cr.color_drop15 {
	border: 2px solid #d33724;
}
.radio .cr.color_drop15 .cr-icon {
	color: #d33724;
	left: 18%;
}
.radio .cr.color_drop25 {
	border: 2px solid #ef5134;
}
.radio .cr.color_drop25 .cr-icon {
	color: #ef5134;
	left: 18%;
}
.radio .cr.color_drop35 {
	border: 2px solid #e86d5c;
}
.radio .cr.color_drop35 .cr-icon {
	color: #e86d5c;
	left: 18%;
}

.radio .cr.color_drop6 {
	border: 2px solid #9d4522;
}
.radio .cr.color_drop6 .cr-icon {
	color: #9d4522;
	left: 18%;
}
.radio .cr.color_drop16 {
	border: 2px solid #c65a2e;
}
.radio .cr.color_drop16 .cr-icon {
	color: #c65a2e;
	left: 18%;
}
.radio .cr.color_drop26 {
	border: 2px solid #ef7235;
}
.radio .cr.color_drop26 .cr-icon {
	color: #ef7235;
	left: 18%;
}
.radio .cr.color_drop36 {
	border: 2px solid #eb8c5c;
}
.radio .cr.color_drop36 .cr-icon {
	color: #eb8c5c;
	left: 18%;
}

.radio .cr.color_drop7 {
	border: 2px solid #9e6a2b;
}
.radio .cr.color_drop7 .cr-icon {
	color: #9e6a2b;
	left: 18%;
}
.radio .cr.color_drop17 {
	border: 2px solid #c48538;
}
.radio .cr.color_drop17 .cr-icon {
	color: #c48538;
	left: 18%;
}
.radio .cr.color_drop27 {
	border: 2px solid #f6ac3e;
}
.radio .cr.color_drop27 .cr-icon {
	color: #f6ac3e;
	left: 18%;
}
.radio .cr.color_drop37 {
	border: 2px solid #ffd02e;
}
.radio .cr.color_drop37 .cr-icon {
	color: #ffd02e;
	left: 18%;
}

.radio .cr.color_drop8 {
	border: 2px solid #8b8431;
}
.radio .cr.color_drop8 .cr-icon {
	color: #8b8431;
	left: 18%;
}
.radio .cr.color_drop18 {
	border: 2px solid #c2ba47;
}
.radio .cr.color_drop18 .cr-icon {
	color: #c2ba47;
	left: 18%;
}
.radio .cr.color_drop28 {
	border: 2px solid #e7dd3b;
}
.radio .cr.color_drop28 .cr-icon {
	color: #e7dd3b;
	left: 18%;
}
.radio .cr.color_drop38 {
	border: 2px solid #ffea87;
}
.radio .cr.color_drop38 .cr-icon {
	color: #ffea87;
	left: 18%;
}

.radio .cr.color_drop9 {
	border: 2px solid #70742b;
}
.radio .cr.color_drop9 .cr-icon {
	color: #70742b;
	left: 18%;
}
.radio .cr.color_drop19 {
	border: 2px solid #9da33f;
}
.radio .cr.color_drop19 .cr-icon {
	color: #9da33f;
	left: 18%;
}
.radio .cr.color_drop29 {
	border: 2px solid #c5cd51;
}
.radio .cr.color_drop29 .cr-icon {
	color: #c5cd51;
	left: 18%;
}
.radio .cr.color_drop39 {
	border: 2px solid #dde866;
}
.radio .cr.color_drop39 .cr-icon {
	color: #dde866;
	left: 18%;
}

.radio .cr.color_drop10 {
	border: 2px solid #405526;
}
.radio .cr.color_drop10 .cr-icon {
	color: #405526;
	left: 18%;
}
.radio .cr.color_drop20 {
	border: 2px solid #759a49;
}
.radio .cr.color_drop20 .cr-icon {
	color: #759a49;
	left: 18%;
}
.radio .cr.color_drop30 {
	border: 2px solid #88b658;
}
.radio .cr.color_drop30 .cr-icon {
	color: #88b658;
	left: 18%;
}
.radio .cr.color_drop40 {
	border: 2px solid #a5ce73;
}
.radio .cr.color_drop40 .cr-icon {
	color: #a5ce73;
	left: 18%;
}



/* ---------------------------------------------------
    FORM PAGE
----------------------------------------------------- */

label {
	color: #a7adaf;
	letter-spacing: -.025rem;
}


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

.dropdown-header {
	color: #62259e;
	font-weight: 600;
}


/* ---------------------------------------------------
    CALENDAR
----------------------------------------------------- */

.calendarbox input[type="date"] {
	background-color: #fff !important;
	border: 1.5px solid #ddd !important;
	color: #000743 !important;
	font-family: 'Amsi Pro Normal', helvetica, arial, sans-serif;
	font-weight: 400;
	font-size: .9em;
	height: calc(1.5em + .5rem + 8px);
	letter-spacing: 0;
	padding: .35rem .8rem .5rem .8em;
	white-space: nowrap;
}
.calendarbox input[type="date"]:focus {
	background-color: #fff !important;
	border-color: #62259e !important;
	box-shadow: 0 0 0 .15rem rgba(84,176,245,.25) !important;
	color: #000743 !important;
}



/* ---------------------------------------------------
    MEDIA GALLERY
----------------------------------------------------- */

ul.map-scout li {
	color: #000743;
}
ul.map-scout li:hover {
	color: #6d86ff;
}
ul.map-scout li.active {
	color: #6d86ff;
}
ul.map-scout li i.fa-trash {
	color: #999;
	cursor: pointer;
	font-size: 1em;
	transition: all 0.2s ease-out;
	width: auto;
}
ul.map-scout li i.fa-trash:hover {
	color: #222;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
	border-color: #6d86ff !important;
	border-width: 2px !important;
	border-radius: .25rem !important;
}
.lg-outer .lg-thumb-item {
	border: 2px solid rgba(255, 255, 255, 0.7) !important;
	border-radius: .25rem !important;
}
.lg-toolbar .lg-close.lg-icon {
	color: #ff004e !important;
}
.lg-toolbar .lg-close.lg-icon:hover {
	color: #6d86ff !important;
}


/* ---------------------------------------------------
    MAILING
----------------------------------------------------- */

ul.template-scout li {
	border: 1.5px solid #eee;
	color: #000743;
}
ul.template-scout li:hover {
	background-color: #d1d9ff;
	border: 1.5px solid #d1d9ff;
	color: #000743;
}
ul.template-scout li i.fa-grip-lines:hover {
	color: #000743;
	cursor: move;
	transition: all 0.2s ease-out;
}
ul.template-scout li i.fa-trash:hover {
	color: #000743;
	cursor: pointer;
	transition: all 0.2s ease-out;
}
.hr-next hr {
	border-color: #d1d9ff;
}


/* ---------------------------------------------------
    MAILING RESULTS
----------------------------------------------------- */

.mailresultbox {
	border: 1.5px solid #e8ecf0;
}



/* ---------------------------------------------------
    MODALS
----------------------------------------------------- */

.modal-header button.close {
	color: #C2C4D3;
}
.modal-header .close:hover {
	color: #6d86ff;
}
h5.modal-title {
	color: #000743;
	font-weight: 500;
}
h5.modal-title i {
	color: #000743;
}
.modal-body p {
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0;
}
.modal-body .modal-list a {
	color: #6d86ff;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400;
	letter-spacing: 0;
	text-decoration: underline;
	transition: all .2s ease-in-out;
}
.modal-body .modal-list a:hover {
	color: #000743;
}
.modal-body .smartinputrow ul.functions li:hover {
	color: #563db1;
}
.modal-body .modal-list p {
	font-size: .9em;
}


/* ---------------------------------------------------
    MEDIA MODAL
----------------------------------------------------- */

figure.gallery-item-box.selected {
	border: .5rem solid #6d86ff;
}
figure.gallery-item-box:hover {
	border: .5rem solid #6d86ff;
}