@charset "utf-8";

/* Placeholder */
.input-text::-webkit-input-placeholder { color: #888; }
.input-text:-moz-placeholder { color: #888; opacity:  1; }
.input-text::-moz-placeholder { color: #888; opacity:  1; }
.input-text:-ms-input-placeholder { color: #888; }
.input-text::-ms-input-placeholder { color: #888; }

/* Webkit Scrollbar */
/*
::-webkit-scrollbar { width: 8px; height: 8px; background-color: rgba(0,0,0,0); -webkit-border-radius: 100px; }
::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.09); }
::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical { background: rgba(0,0,0,0.5); -webkit-border-radius: 100px; }
::-webkit-scrollbar-thumb:horizontal:active,
::-webkit-scrollbar-thumb:vertical:active { background: rgba(0,0,0,0.6); -webkit-border-radius: 100px; }
*/

.page-container { width: 100%; max-width: 100%; flex: 1; min-height: 100vh; }
.page-container:before { clear: both; content: ""; display: table; margin-top: -1px; height: 0; }

.top-header { width: 100%; height: 80px; background-color: rgba(0,0,0,0); padding: 20px; text-align: center; }
.top-header img { height: 50px; }
.top-title { width: 100%; min-height: 250px; max-height: 250px; height: 35vh; background-color: rgb(0,0,0,0); position: relative; }
.top-title span {
	font-size: 24px; line-height: 34px; text-align: center; font-weight: 600; color: #fff; width: 100%;
	position: absolute; top: 50%; margin-top: 0%; margin-bottom: 0px; padding: 0px 10px;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

.page-title { display: block; text-align: center; font-size: 1.8rem; margin-top: 20px; margin-bottom: 20px; color:#222; }
.page-subtitle { display: block; text-align: center; font-weight: bold; font-size: 20px; margin-top: 20px; }
.page-subtitle span { font-size: 20px;}

a[disabled], a:disabled, a.disabled { cursor: not-allowed; opacity: 0.5; pointer-events: none; text-decoration: none; }

/* Forms */
.form {
	width: 100%; max-width: 700px; margin: 20px auto; padding: 0px; background-color: #fafafa; position: relative;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.55); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.55); box-shadow: 0 2px 3px rgba(0,0,0,.55);
    border: 1px solid rgba(0,0,0,.4); white-space: normal; border-radius: 4px;
}
.form.full-form { max-width: 100%; }
.form:before { clear: both; content: ""; display: table; margin-top: -1px; height: 0; }
.form-block {width:100%; padding: 10px;overflow:hidden;}

/*Adina*/
.form-block-left{width:50%;float:left;padding-left:5%;padding-right:5%;text-align:justify;}
.form-block-right{width:50%;float:left; }
.imageCustomers{width:100%;}
.imageCustomers img {width:100%;height:auto;padding-top:10px;}
@media only screen and (max-width: 850px) {
	.form-block-left{width:100%;}
	.form-block-right{width:100%;}
	.imageCustomers {padding-top:10px;}
}
/*Adina*/




.form-row-section,
.form-row-subsection {
	background-color: #FFF; min-height: 35px; margin-top: 0px; text-align: center; font-weight: bold;
	position: relative; display: block; width: 100%; border-bottom: solid 1px #CCC; padding: 7px 0px;
}
.form-row-subsection { background-color: rgba(0,0,0,0); border: 0px; }

.form-row-section-buttons { position: absolute; top: 5px; left: 5px; height: 24px; display: inline-flex; flex-wrap: nowrap; }
.form-row-section-buttons.right-section-buttons { left: auto; right: 5px; }

.form-row-section span,
.form-row-subsection span { padding: 0px 40px; display: block; width: 100%; line-height: 20px; font-size: 1.1rem }

.form-row-section-button { position: relative; margin: 0px 5px; width: 24px; height: 24px; cursor: pointer; }
.form-row-section-button path { fill: #444; }
.form-row-section-button.active path,
.form-row-section-button:hover path { fill: #1c87d8; }

.form-row-section-button.disabled { cursor: not-allowed; opacity: 0.5; pointer-events: none; }
.form-row-section-button.disabled path { fill: #BBB; }

.form-row { margin-top: 15px; color: #444; position: relative; display: block; width: 100%; vertical-align: top; line-height: normal; white-space: normal; }

.form-row-separator { height: 1px; width: 100%; background-color: #bbb; margin: 40px auto; box-shadow: 0px 1px 1px #CCC; }
.form-row-separator.small-separator { width: 50%;}

.form-description { display: block; font-size: 0.9rem; color: #666; line-height: 20px; }
.form-description ul { list-style-type: none; }
.form-description ul li { padding-left: 10px; font-size: 0.9rem; }

.form-row > label:not(.animated-label),
.form-row.columns > div > label:not(.animated-label) { margin-bottom: 5px; display: block; color: #888; /*height: 22px;*/ line-height: 22px; font-weight: normal; }
.form-row label.input-label { color: #888; font-weight: normal; margin-bottom: 5px; display: block; /*height: 22px;*/ line-height: 22px; }
.form-title { font-size: 1.6rem; font-weight: normal; color: #222; }
.form-subtitle { font-size: 1.4rem; font-weight: normal; color: #444; }
.form-wizard-button-row { padding: 10px; }

.inline-items { display: flex; padding: 5px 10px; }
.inline-items.like-section { border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; background-color: #FFF; color: #888; }
.inline-items > div { display: inline-block; line-height: 25px; }

/*.inline-switch, .inline-combo { display: flex; padding: 5px 10px; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; background-color: #FFF; color: #888; }*/

.inline-switch > div:nth-child(1) { line-height: 25px; }
.inline-combo > div:nth-child(1) { line-height: 30px; }

.form.modal-form { width: 100%; border: none; box-shadow: none; margin: 0; padding: 0; max-width: 100%; }

.multiform { width: 100%; position: relative; display: flex; align-items: stretch; margin: 0; padding: 0; }
.multiform > div { flex: 1; overflow: hidden; margin: 0; padding: 0; }
.multiform > div > ul {
	list-style-type: none; white-space: nowrap;
	-webkit-transition: transform 0.3s linear 0s;
       -moz-transition: transform 0.3s linear 0s;
    	-ms-transition: transform 0.3s linear 0s;
    		transition: transform 0.3s linear 0s;
    -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%);
}

.multiform > div > ul > li { display: inline-block; width: 100%; min-width: 100%; max-width: 100%; max-height: 0; vertical-align: top; margin: 0; padding: 0; }
.multiform.multiform1 > div > ul { transform: translateX(0%); }
.multiform.multiform2 > div > ul { transform: translateX(-100%); }
.multiform.multiform3 > div > ul { transform: translateX(-200%); }
.multiform.multiform4 > div > ul { transform: translateX(-300%); }
.multiform.multiform5 > div > ul { transform: translateX(-400%); }
.multiform.multiform6 > div > ul { transform: translateX(-500%); }
.multiform.multiform7 > div > ul { transform: translateX(-600%); }
.multiform.multiform8 > div > ul { transform: translateX(-700%); }
.multiform.multiform9 > div > ul { transform: translateX(-800%); }
.multiform.multiform10 > div > ul { transform: translateX(-900%); }


/* Forms tables */
.form-table { width: 95%; margin: 40px auto; padding: 0px; background-color: #fafafa; position: relative;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.55); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.55); box-shadow: 0 2px 3px rgba(0,0,0,.55);
    border: 1px solid rgba(0,0,0,.4); white-space: normal;
}
.form-table:before { clear: both; content: ""; display: table; margin-top: -1px; height: 0; }
.form-table .form-row-section,
.form-table .form-row-subsection { font-size: 1.2rem; }

.main-wrapper .page-wrapper .fast-filters-block { display: block; border: solid 1px #444; margin-top: 20px; background-color: #FFF; }
.main-wrapper .page-wrapper .fast-filters-block .fast-filters-title { display: block; width: 100%; background-color: #444; color: #FFF; padding: 5px 10px;}
.main-wrapper .page-wrapper .fast-filters-block .fast-filters { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 10px; }
.main-wrapper .page-wrapper .fast-filters-block .fast-filters > div { display: flex; flex-direction: column; flex: 0 170px; margin: 0px 10px 10px; position: relative; }
.main-wrapper .page-wrapper .fast-filters-block .clear_input { margin-top: 22px; text-decoration: none !important; }

.filter-dates { display: flex; width: 100%; margin-top: 30px; }
.filter-dates-date { display: inline-flex; align-items: center; margin-right: 15px; }
.filter-dates-date span { margin-right: 10px; font-weight: bold; white-space: nowrap; }
.filter-dates-date input { cursor: pointer; }

/* Columns */
.columns { display: flex !important; justify-content: space-around !important; flex-wrap: wrap !important; }
.columns > div { position: relative; }
.columns > div:not(:nth-last-child(1)) { padding-right: 5px; }
.columns-2 > div { width: 50%; }
.columns-3 > div { width: 33%; }
.columns-4 > div { width: 25%; }
.columns-5 > div { width: 20%; }

.columns.separated-columns > div { padding-left: 20px; }
.columns.separated-columns > div:nth-child(1) { padding-left: 0px; padding-right: 20px; }



/* Tables container */
.tablesContainer { width: 95%; margin: 40px auto; padding: 10px;  position: relative; background-color: #FFF; }
.tableTitle span { display: block; width: 100%; font-size: 2rem; color: #444; text-align: center; margin: 5px 0px 10px; }
.tableSubtitle span { display: block; width: 100%; font-size: 1.5rem; color: #444; text-align: center; margin: 5px 0px 10px; }

.tableDescription { padding: 20px 10px 10px; }
.tableDescription span { display: block; }
.tableDescription ul li { display: block; padding: 5px 10px; }

.tableButton { position: absolute; top: 15px; left: 15px; width: 30px; height: 30px; cursor: pointer; }
.tableButton.rightButton { left: auto; right: 15px; }
.tableButton.rightButton.level2 { right: 60px; }
.tableButton path { fill: #444; }
.tableButton.active path,
.tableButton:hover path { fill: #1c87d8; }

.tablesContainer .filtersSelectorRow { display: block; max-height: 0px; overflow: hidden; }
.tablesContainer .filtersSelectorRow.active { max-height: 51px; overflow: visible; }
.tablesContainer .filtersSelectorRow .middleText { color: #444;}

.tablesContainer .middleText { display: table-cell; padding-right: 20px; padding-left: 20px; }

.tableWrapper {
	overflow: hidden; overflow-y: hidden; position: relative; display: block; max-width: 1px; min-width: 100%;
}
.tableWrapper.mobile { overflow: auto; overflow-y: hidden; }


/* Select */
.select {
	position: relative; max-width: 100%; border: none; border-bottom: solid 1px #bbb; margin-bottom: 1px; color: #444; background: rgba(0, 0, 0, 0);
	padding: 0px 5px; width: 100%; font-size: 1.0rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 30px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 307.053 307.053'%3E%3Cpath fill='%23444' d='M302.445 80.796l-11.1-11.103c-6.124-6.13-16.075-6.13-22.21 0L153.67 183.707 37.907 67.96c-6.134-6.13-16.08-6.13-22.21 0l-11.1 11.1c-6.13 6.133-6.13 16.067 0 22.2l137.83 137.83c6.13 6.136 16.067 6.136 22.203 0l137.815-136.096c6.144-6.13 6.144-16.068 0-22.198z'/%3E%3C/svg%3E");
    background-size: 20px 20px; background-repeat: no-repeat; background-position: right 5px center;
}
.select::-ms-expand { display: none; }
.select:focus,
.select:active {
	border-bottom: solid 1px #1c87d8;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 307.053 307.053'%3E%3Cpath fill='%231c87d8' d='M302.445 80.796l-11.1-11.103c-6.124-6.13-16.075-6.13-22.21 0L153.67 183.707 37.907 67.96c-6.134-6.13-16.08-6.13-22.21 0l-11.1 11.1c-6.13 6.133-6.13 16.067 0 22.2l137.83 137.83c6.13 6.136 16.067 6.136 22.203 0l137.815-136.096c6.144-6.13 6.144-16.068 0-22.198z'/%3E%3C/svg%3E");
}

/* Inputs */
input:-webkit-autofill { background-color:#fafafa !important; }
.input-text:-webkit-autofill,
.input-text:-webkit-autofill:hover { -webkit-text-fill-color: #444; -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; border-bottom: solid 1px #bbb; }
.input-text:-webkit-autofill:focus,
.input-text:-webkit-autofill:active { border-bottom: solid 1px #1c87d8; }

.input-text.white-autofill:-webkit-autofill,
.input-text.white-autofill:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0px 1000px #FFF inset;}


.input-text {
	position: relative; max-width: 100%; border: none; border-bottom: solid 1px #bbb; margin-bottom: 1px; color: #444; background: rgba(0, 0, 0, 0);
	padding: 0px 5px; width: 100%; font-size: 1.0rem;
}
.input-text:focus,
.input-text:active { border-bottom: solid 1px #1c87d8; }

.input-text.error,
input.error, textarea.error, select.error,
input:invalid, textarea:invalid, select:invalid,
input.invalid, textarea.invalid, select.invalid { border-bottom: solid 1px #F00; }

.input-text:disabled { background-color: #EEE; border-top-left-radius: 4px; border-top-right-radius: 4px; }

textarea { min-height: 7em; }

hr { border: solid 1px #1c87d8; margin: 20px 10%; }

/* Animate input + label */
.animated-input  {
	width: 100%; margin-top: 22px; display: inline-block; height: 25px; line-height: 25px;
	-webkit-transition:  all 0.3s ease-in-out; -moz-transition:  all 0.3s ease-in-out; -ms-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out; transition:  all 0.3s ease-in-out;
}
.animated-label {
    position: absolute !important; width: 100%; top: 23px; left: 5px; color: #888;	display: inline-block; height: 25px; line-height: 25px;
	font-weight: normal; font-size: 1.1rem; pointer-events: none;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-transition:  all 0.3s ease-in-out; -moz-transition:  all 0.3s ease-in-out; -ms-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out; transition:  all 0.3s ease-in-out;
}
.animated-input:focus + .animated-label,
.animated-input:active + .animated-label,
.animated-input.filled + .animated-label,
.mvsCombobox.animated-input + .animated-label { top: 0px; color: #888; font-size: 1.0rem; left: 0px; }
.animated-input:focus + .animated-label,
.animated-input:active + .animated-label,
.mvsCombobox.animated-input:focus + .animated-label { top: 0px; left: 0px; font-size: 1.0rem; color: #1c87d8; }

.input-text.error + .animated-label,
input.error + .animated-label, textarea.error + .animated-label, select.error + .animated-label,
input:invalid + .animated-label, textarea:invalid + .animated-label, select:invalid + .animated-label,
input.invalid + .animated-label, textarea.invalid + .animated-label, select.invalid + .animated-label {
	color: #F00;
}

input[type=date].animated-input + .animated-label,
input[type=datetime].animated-input + .animated-label,
input[type=datetime-local].animated-input + .animated-label { top: 0px; font-size: 1.0rem; left: 0px; }

.error-message { width: 100%; display: none; padding: 5px; color: #F00; font-size: 0.8rem; }

.input-text.error + .animated-label + .error-message,
input.error + .animated-label + .error-message, textarea.error + .animated-label + .error-message, select.error + .animated-label + .error-message,
input:invalid + .animated-label + .error-message, textarea:invalid + .animated-label + .error-message, select:invalid + .animated-label + .error-message,
input.invalid + .animated-label + .error-message, textarea.invalid + .animated-label + .error-message, select.invalid + .animated-label + .error-message {
	 display: block;
}

/* Label editable */
.label-editable { display: inline-flex; height: 25px; border-bottom: solid 1px rgba(0,0,0,0); }
.label-editable input {
    display: inline-block; border: 0; flex-shrink: 1; width: 100%; font-size: 0.9rem; text-align: right; padding-right: 4px;
    vertical-align: inherit; line-height: 25px; height: 25px; color: #444; background-color: rgba(0,0,0,0);
 }
.label-editable label { display: inline-block; line-height: 25px; font-size: 0.9rem; }
.label-editable.edit-mode { border-bottom: solid 1px #887547; }


/* Buttons */
.button {
	padding: 7px 25px; border: solid 1px #0d78c9; cursor: pointer; background-color: #1c87d8; color: #fff;
	font-size: 1.1rem; text-decoration: none; display: inline-block;
}
.button:hover, .button:focus {
    text-decoration: none; background-color: #0d78c9; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5); -ms-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}
.button:active {
    text-decoration: none; background-color: #0e5890; -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5);
    -o-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5); -ms-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.5);
}

.button[disabled], .button:disabled {
    background-color: #DDD; border: solid 1px #CCC; color: #AAA; cursor: not-allowed; pointer-events: none;
}
.button > span { font-size: 1.1rem; }

.icon-button { position: relative; display: flex; line-height: 30px; padding: 2px 5px 2px 10px; }
.icon-button.left-icon { padding: 2px 10px 2px 5px; }
.icon-button span { display: inline-block; }
.icon-button i { display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; margin: 0px 5px; }

.flat-button { padding: 0px; border: none; background-color: rgba(0,0,0,0); color: #444; position: relative; line-height: 30px; display: flex; }
.flat-button:hover, .flat-button:focus, .flat-button:active {
	color: #1c87d8; background-color: rgba(0,0,0,0); -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;
}
.flat-button:disabled, .flat-button:disabled:hover, .flat-button:disabled:focus, .flat-button:disabled:active {
	color: #aaa; cursor: default;  background-color: transparent; border: none;
}

/* Icon Buttons */
.icon-button i.add-icon {
	background-size: 20px 20px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.6 409.6'%3E%3Cpath fill='%23FFF' d='M392.533 187.733H221.867V17.067C221.867 7.641 214.226 0 204.8 0s-17.067 7.641-17.067 17.067v170.667H17.067C7.641 187.733 0 195.374 0 204.8s7.641 17.067 17.067 17.067h170.667v170.667c0 9.426 7.641 17.067 17.067 17.067s17.067-7.641 17.067-17.067V221.867h170.667c9.426 0 17.067-7.641 17.067-17.067s-7.643-17.067-17.069-17.067z'/%3E%3C/svg%3E");
}
.icon-button i.add-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.6 409.6'%3E%3Cpath fill='%23444' d='M392.533 187.733H221.867V17.067C221.867 7.641 214.226 0 204.8 0s-17.067 7.641-17.067 17.067v170.667H17.067C7.641 187.733 0 195.374 0 204.8s7.641 17.067 17.067 17.067h170.667v170.667c0 9.426 7.641 17.067 17.067 17.067s17.067-7.641 17.067-17.067V221.867h170.667c9.426 0 17.067-7.641 17.067-17.067s-7.643-17.067-17.069-17.067z'/%3E%3C/svg%3E");
}
.icon-button:hover i.add-icon, .icon-button:focus i.add-icon, .icon-button:active i.add-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.6 409.6'%3E%3Cpath fill='%231c87d8' d='M392.533 187.733H221.867V17.067C221.867 7.641 214.226 0 204.8 0s-17.067 7.641-17.067 17.067v170.667H17.067C7.641 187.733 0 195.374 0 204.8s7.641 17.067 17.067 17.067h170.667v170.667c0 9.426 7.641 17.067 17.067 17.067s17.067-7.641 17.067-17.067V221.867h170.667c9.426 0 17.067-7.641 17.067-17.067s-7.643-17.067-17.069-17.067z'/%3E%3C/svg%3E");
}
.icon-button:disabled i.add-icon, .icon-button:disabled:hover i.add-icon, .icon-button:disabled:focus i.add-icon, .icon-button:disabled:active i.add-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.6 409.6'%3E%3Cpath fill='%23aaa' d='M392.533 187.733H221.867V17.067C221.867 7.641 214.226 0 204.8 0s-17.067 7.641-17.067 17.067v170.667H17.067C7.641 187.733 0 195.374 0 204.8s7.641 17.067 17.067 17.067h170.667v170.667c0 9.426 7.641 17.067 17.067 17.067s17.067-7.641 17.067-17.067V221.867h170.667c9.426 0 17.067-7.641 17.067-17.067s-7.643-17.067-17.069-17.067z'/%3E%3C/svg%3E");
}


.icon-button i.next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004'%3E%3Cpath fill='%23444' d='M484.14 226.886L306.46 49.202c-5.072-5.072-11.832-7.856-19.04-7.856-7.216 0-13.972 2.788-19.044 7.856l-16.132 16.136c-5.068 5.064-7.86 11.828-7.86 19.04 0 7.208 2.792 14.2 7.86 19.264L355.9 207.526H26.58C11.732 207.526 0 219.15 0 234.002v22.812c0 14.852 11.732 27.648 26.58 27.648h330.496L252.248 388.926c-5.068 5.072-7.86 11.652-7.86 18.864 0 7.204 2.792 13.88 7.86 18.948l16.132 16.084c5.072 5.072 11.828 7.836 19.044 7.836 7.208 0 13.968-2.8 19.04-7.872l177.68-177.68c5.084-5.088 7.88-11.88 7.86-19.1.016-7.244-2.776-14.04-7.864-19.12z'/%3E%3C/svg%3E");
}
.icon-button:hover i.next-icon, .icon-button:focus i.next-icon, .icon-button:active i.next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004'%3E%3Cpath fill='%231c87d8' d='M484.14 226.886L306.46 49.202c-5.072-5.072-11.832-7.856-19.04-7.856-7.216 0-13.972 2.788-19.044 7.856l-16.132 16.136c-5.068 5.064-7.86 11.828-7.86 19.04 0 7.208 2.792 14.2 7.86 19.264L355.9 207.526H26.58C11.732 207.526 0 219.15 0 234.002v22.812c0 14.852 11.732 27.648 26.58 27.648h330.496L252.248 388.926c-5.068 5.072-7.86 11.652-7.86 18.864 0 7.204 2.792 13.88 7.86 18.948l16.132 16.084c5.072 5.072 11.828 7.836 19.044 7.836 7.208 0 13.968-2.8 19.04-7.872l177.68-177.68c5.084-5.088 7.88-11.88 7.86-19.1.016-7.244-2.776-14.04-7.864-19.12z'/%3E%3C/svg%3E");
}
.icon-button:disabled i.next-icon, .icon-button:disabled:hover i.next-icon, .icon-button:disabled:focus i.next-icon, .icon-button:disabled:active i.next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004'%3E%3Cpath fill='%23aaa' d='M484.14 226.886L306.46 49.202c-5.072-5.072-11.832-7.856-19.04-7.856-7.216 0-13.972 2.788-19.044 7.856l-16.132 16.136c-5.068 5.064-7.86 11.828-7.86 19.04 0 7.208 2.792 14.2 7.86 19.264L355.9 207.526H26.58C11.732 207.526 0 219.15 0 234.002v22.812c0 14.852 11.732 27.648 26.58 27.648h330.496L252.248 388.926c-5.068 5.072-7.86 11.652-7.86 18.864 0 7.204 2.792 13.88 7.86 18.948l16.132 16.084c5.072 5.072 11.828 7.836 19.044 7.836 7.208 0 13.968-2.8 19.04-7.872l177.68-177.68c5.084-5.088 7.88-11.88 7.86-19.1.016-7.244-2.776-14.04-7.864-19.12z'/%3E%3C/svg%3E");
}


.icon-button i.back-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004'%3E%3Cpath fill='%23444' d='M464.344 207.418l.768.168H135.888l103.496-103.724c5.068-5.064 7.848-11.924 7.848-19.124 0-7.2-2.78-14.012-7.848-19.088L223.28 49.538c-5.064-5.064-11.812-7.864-19.008-7.864-7.2 0-13.952 2.78-19.016 7.844L7.844 226.914C2.76 231.998-.02 238.77 0 245.974c-.02 7.244 2.76 14.02 7.844 19.096l177.412 177.412c5.064 5.06 11.812 7.844 19.016 7.844 7.196 0 13.944-2.788 19.008-7.844l16.104-16.112c5.068-5.056 7.848-11.808 7.848-19.008 0-7.196-2.78-13.592-7.848-18.652L134.72 284.406h329.992c14.828 0 27.288-12.78 27.288-27.6v-22.788c0-14.82-12.828-26.6-27.656-26.6z'/%3E%3C/svg%3E");
}
.icon-button:hover i.back-icon, .icon-button:focus i.back-icon, .icon-button:active i.back-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004'%3E%3Cpath fill='%231c87d8' d='M464.344 207.418l.768.168H135.888l103.496-103.724c5.068-5.064 7.848-11.924 7.848-19.124 0-7.2-2.78-14.012-7.848-19.088L223.28 49.538c-5.064-5.064-11.812-7.864-19.008-7.864-7.2 0-13.952 2.78-19.016 7.844L7.844 226.914C2.76 231.998-.02 238.77 0 245.974c-.02 7.244 2.76 14.02 7.844 19.096l177.412 177.412c5.064 5.06 11.812 7.844 19.016 7.844 7.196 0 13.944-2.788 19.008-7.844l16.104-16.112c5.068-5.056 7.848-11.808 7.848-19.008 0-7.196-2.78-13.592-7.848-18.652L134.72 284.406h329.992c14.828 0 27.288-12.78 27.288-27.6v-22.788c0-14.82-12.828-26.6-27.656-26.6z'/%3E%3C/svg%3E");
}
.icon-button:disabled i.back-icon, .icon-button:disabled:hover i.back-icon, .icon-button:disabled:focus i.back-icon, .icon-button:disabled:active i.back-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004'%3E%3Cpath fill='%23aaa' d='M464.344 207.418l.768.168H135.888l103.496-103.724c5.068-5.064 7.848-11.924 7.848-19.124 0-7.2-2.78-14.012-7.848-19.088L223.28 49.538c-5.064-5.064-11.812-7.864-19.008-7.864-7.2 0-13.952 2.78-19.016 7.844L7.844 226.914C2.76 231.998-.02 238.77 0 245.974c-.02 7.244 2.76 14.02 7.844 19.096l177.412 177.412c5.064 5.06 11.812 7.844 19.016 7.844 7.196 0 13.944-2.788 19.008-7.844l16.104-16.112c5.068-5.056 7.848-11.808 7.848-19.008 0-7.196-2.78-13.592-7.848-18.652L134.72 284.406h329.992c14.828 0 27.288-12.78 27.288-27.6v-22.788c0-14.82-12.828-26.6-27.656-26.6z'/%3E%3C/svg%3E");
}


.icon-button i.send-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 334.5 334.5'%3E%3Cpath fill='%23444' d='M332.797 13.699c-1.489-1.306-3.608-1.609-5.404-.776L2.893 163.695c-1.747.812-2.872 2.555-2.893 4.481s1.067 3.693 2.797 4.542l91.833 45.068c1.684.827 3.692.64 5.196-.484l89.287-66.734-70.094 72.1c-1 1.029-1.51 2.438-1.4 3.868l6.979 90.889c.155 2.014 1.505 3.736 3.424 4.367.513.168 1.04.25 1.561.25 1.429 0 2.819-.613 3.786-1.733l48.742-56.482 60.255 28.79c1.308.625 2.822.651 4.151.073 1.329-.579 2.341-1.705 2.775-3.087L334.27 18.956c.594-1.89.015-3.951-1.473-5.257z'/%3E%3C/svg%3E");
}
.icon-button:hover i.send-icon, .icon-button:focus i.send-icon, .icon-button:active i.send-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 334.5 334.5'%3E%3Cpath fill='%231c87d8' d='M332.797 13.699c-1.489-1.306-3.608-1.609-5.404-.776L2.893 163.695c-1.747.812-2.872 2.555-2.893 4.481s1.067 3.693 2.797 4.542l91.833 45.068c1.684.827 3.692.64 5.196-.484l89.287-66.734-70.094 72.1c-1 1.029-1.51 2.438-1.4 3.868l6.979 90.889c.155 2.014 1.505 3.736 3.424 4.367.513.168 1.04.25 1.561.25 1.429 0 2.819-.613 3.786-1.733l48.742-56.482 60.255 28.79c1.308.625 2.822.651 4.151.073 1.329-.579 2.341-1.705 2.775-3.087L334.27 18.956c.594-1.89.015-3.951-1.473-5.257z'/%3E%3C/svg%3E");
}
.icon-button:disabled i.send-icon, .icon-button:disabled:hover i.send-icon, .icon-button:disabled:focus i.send-icon, .icon-button:disabled:active i.send-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 334.5 334.5'%3E%3Cpath fill='%23aaa' d='M332.797 13.699c-1.489-1.306-3.608-1.609-5.404-.776L2.893 163.695c-1.747.812-2.872 2.555-2.893 4.481s1.067 3.693 2.797 4.542l91.833 45.068c1.684.827 3.692.64 5.196-.484l89.287-66.734-70.094 72.1c-1 1.029-1.51 2.438-1.4 3.868l6.979 90.889c.155 2.014 1.505 3.736 3.424 4.367.513.168 1.04.25 1.561.25 1.429 0 2.819-.613 3.786-1.733l48.742-56.482 60.255 28.79c1.308.625 2.822.651 4.151.073 1.329-.579 2.341-1.705 2.775-3.087L334.27 18.956c.594-1.89.015-3.951-1.473-5.257z'/%3E%3C/svg%3E");
}


.icon-button i.reload-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.155 14.155'%3E%3Cpath fill='%23444' d='M12.083,1.887c-0.795-0.794-1.73-1.359-2.727-1.697v2.135c0.48,0.239,0.935,0.55,1.334,0.95 c1.993,1.994,1.993,5.236,0,7.229c-1.993,1.99-5.233,1.99-7.229,0c-1.991-1.995-1.991-5.235,0-7.229 C3.466,3.269,3.482,3.259,3.489,3.25h0.002l1.181,1.179L4.665,0.685L0.923,0.68l1.176,1.176C2.092,1.868,2.081,1.88,2.072,1.887 c-2.763,2.762-2.763,7.243,0,10.005c2.767,2.765,7.245,2.765,10.011,0C14.844,9.13,14.847,4.649,12.083,1.887z'/%3E%3C/svg%3E");
}
.icon-button:hover i.reload-icon, .icon-button:focus i.reload-icon, .icon-button:active i.reload-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.155 14.155'%3E%3Cpath fill='%231c87d8' d='M12.083,1.887c-0.795-0.794-1.73-1.359-2.727-1.697v2.135c0.48,0.239,0.935,0.55,1.334,0.95 c1.993,1.994,1.993,5.236,0,7.229c-1.993,1.99-5.233,1.99-7.229,0c-1.991-1.995-1.991-5.235,0-7.229 C3.466,3.269,3.482,3.259,3.489,3.25h0.002l1.181,1.179L4.665,0.685L0.923,0.68l1.176,1.176C2.092,1.868,2.081,1.88,2.072,1.887 c-2.763,2.762-2.763,7.243,0,10.005c2.767,2.765,7.245,2.765,10.011,0C14.844,9.13,14.847,4.649,12.083,1.887z'/%3E%3C/svg%3E");
}
.icon-button:disabled i.reload-icon, .icon-button:disabled:hover i.reload-icon, .icon-button:disabled:focus i.reload-icon, .icon-button:disabled:active i.reload-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.155 14.155'%3E%3Cpath fill='%23aaa' d='M12.083,1.887c-0.795-0.794-1.73-1.359-2.727-1.697v2.135c0.48,0.239,0.935,0.55,1.334,0.95 c1.993,1.994,1.993,5.236,0,7.229c-1.993,1.99-5.233,1.99-7.229,0c-1.991-1.995-1.991-5.235,0-7.229 C3.466,3.269,3.482,3.259,3.489,3.25h0.002l1.181,1.179L4.665,0.685L0.923,0.68l1.176,1.176C2.092,1.868,2.081,1.88,2.072,1.887 c-2.763,2.762-2.763,7.243,0,10.005c2.767,2.765,7.245,2.765,10.011,0C14.844,9.13,14.847,4.649,12.083,1.887z'/%3E%3C/svg%3E");
}


/* Switcher */
.switch-field { width: 43px; position: relative;}
.switch-field input[type="checkbox"] { display: none !important; visibility: hidden; width: 1px; height: 1px; border: none; background-color: transparent; }
.switch-field input[type="checkbox"]:disabled + .switcher { opacity: 0.6; cursor: not-allowed; }
.switch-field input[type="checkbox"]:checked + .switcher {
	-moz-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out 0.02s;
	-o-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out 0.02s;
	-webkit-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out;
	-webkit-transition-delay: 0s, 0.02s; transition-delay: 0s, 0.02s;
	transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out 0.02s;
}
.switch-field .switcher {
	background-color: #ffffff; border: 2px solid #e6e6e6; padding: 0; display: block;
	cursor: pointer; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	-moz-transition: box-shadow 0.2s ease-out 0.02s, border-color 0.2s ease-out;
	-o-transition: box-shadow 0.2s ease-out 0.02s, border-color 0.2s ease-out;
	-webkit-transition: box-shadow 0.2s ease-out, border-color 0.2s ease-out;
	-webkit-transition-delay: 0.02s, 0s;
	transition-delay: 0.02s, 0s;
	transition: box-shadow 0.2s ease-out 0.02s, border-color 0.2s ease-out;
	width: 43px; height: 25px; position: relative;

	-moz-box-shadow: 0px 0px 15px 10px #e04545 inset;
	-webkit-box-shadow: 0px 0px 15px 10px #e04545 inset;
	box-shadow: 0px 0px 15px 10px #e04545 inset;
	border-color: #e22020;
}
.switch-field .switcher:after {
	background: #ffffff; position: absolute; top: 0; left: 0; content: "";
	-moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);
	-moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	height: 21px; width: 21px; background-color: #f5f5f5;
}
.switch-field .switcher:hover:active:after {
	width: 28.35px !important;
}
.switch-field input[type="checkbox"]:disabled + .switcher:after {
	height: 21px !important; width: 21px !important;
}
.switch-field input[type="checkbox"]:disabled:checked + .switcher:after {
	-moz-transform: translateX(18px) !important; -ms-transform: translateX(18px) !important;
	-webkit-transform: translateX(18px) !important; transform: translateX(18px) !important;
}
.switch-field input[type="checkbox"]:checked + .switcher {
	border-color: #267fc9;
	-moz-box-shadow: 0px 0px 15px 10px #1f86d8 inset;
	-webkit-box-shadow: 0px 0px 15px 10px #1f86d8 inset;
	box-shadow: 0px 0px 15px 10px #1f86d8 inset;
}
.switch-field input[type="checkbox"]:checked + .switcher:after {
	-moz-transform: translateX(18px); -ms-transform: translateX(18px);
	-webkit-transform: translateX(18px); transform: translateX(18px);
}
.switch-field input[type="checkbox"]:checked + .switcher:hover:active:after {
	-moz-transform: translateX(10.65px); -ms-transform: translateX(10.65px);
	-webkit-transform: translateX(10.65px); transform: translateX(10.65px);
}
.switch-description { color: #888; }

/* Lined title */
.lined-title { width: 100%; margin-bottom: 5px; overflow: hidden; position: relative; display: -webkit-flex; display: flex; line-height: 1.8rem; }
.lined-title span { padding-left: 10px; padding-right: 10px; color: #000; white-space: nowrap; -webkit-flex: none; flex: none; font-size: 1.6rem; }
.lined-title.medium span { font-size: 1.4rem; }
.lined-title.small span { font-size: 1.2rem; }
.lined-title:before, .linedTitle:after { content: ''; height: 2px; background-color: #1c87d8; position: relative; margin-top: 0.9rem; -webkit-flex: none; flex: none; }
.lined-title:before { width: 50px; }
.lined-title:after { -webkit-flex: 1 !important; flex: 1 !important; }
.lined-title.toCenter:before { width: auto; -webkit-flex: 1 !important; flex: 1 !important; }


/* Stepper */
.stepper { position: relative; display: block; width: 100%; height: 30px; border: solid 1px #CCC; }
.stepper > div {
	border-right: solid 1px #CCC; color: #444; display: inline-block; height: 29px; text-align: center; line-height: 30px; position: relative; z-index: 0;
	-webkit-transition: color 0.3s linear;
	   -moz-transition: color 0.3s linear;
	    -ms-transition: color 0.3s linear;
		 -o-transition: color 0.3s linear;
			transition: color 0.3s linear;
}
.stepper > div:nth-last-child(1) { border-right: 0; }
.stepper.steps2 > div { width: 50%; }
.stepper.steps3 > div { width: 33%; }
.stepper.steps3 > div:nth-last-child(1) { width: 34%; }
.stepper.steps4 > div { width: 25%; }
.stepper.steps5 > div { width: 20%; }

.stepper > div:after {
	content:''; position: absolute; top: 0; left: 0; height: 100%; width:0px; background-color: #1c87d8; z-index: -1;
	-webkit-transition: width 0.3s linear;
	   -moz-transition: width 0.3s linear;
	    -ms-transition: width 0.3s linear;
		 -o-transition: width 0.3s linear;
			transition: width 0.3s linear;
}
.stepper > div.stepped { color: #FFF; font-weight: bold; }
.stepper > div.stepped:after { width: 100%; }

/* Input Selector */
.input-selector { border-bottom: 1px solid #ccc; width: 100%; position: relative; height: 25px; display: flex; align-items: center; }
.input-selector .input-selector-value {
	flex-grow: 1; flex-shrink: 1; padding: 0px 20px 0px 5px; font-size: 1rem; color: #444; overflow: hidden; text-overflow: ellipsis; line-height: 25px; cursor: pointer;
}
.input-selector .input-selector-icon {
	flex-shrink: 0; cursor: pointer; margin: 0; width: 25px; height: 25px; background-position: top center; background-size: 22px 22px; background-repeat: no-repeat;
}
.input-selector:hover {  border-bottom: 1px solid #1c87d8; }
.input-selector .input-selector-icon.add-icon {
	background-size: 20px 20px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.6 409.6'%3E%3Cpath fill='%23444' d='M392.533 187.733H221.867V17.067C221.867 7.641 214.226 0 204.8 0s-17.067 7.641-17.067 17.067v170.667H17.067C7.641 187.733 0 195.374 0 204.8s7.641 17.067 17.067 17.067h170.667v170.667c0 9.426 7.641 17.067 17.067 17.067s17.067-7.641 17.067-17.067V221.867h170.667c9.426 0 17.067-7.641 17.067-17.067s-7.643-17.067-17.069-17.067z'/%3E%3C/svg%3E");
}
.input-selector:hover .input-selector-icon.add-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409.6 409.6'%3E%3Cpath fill='%231c87d8' d='M392.533 187.733H221.867V17.067C221.867 7.641 214.226 0 204.8 0s-17.067 7.641-17.067 17.067v170.667H17.067C7.641 187.733 0 195.374 0 204.8s7.641 17.067 17.067 17.067h170.667v170.667c0 9.426 7.641 17.067 17.067 17.067s17.067-7.641 17.067-17.067V221.867h170.667c9.426 0 17.067-7.641 17.067-17.067s-7.643-17.067-17.069-17.067z'/%3E%3C/svg%3E");
}


/* File chooser */
.file-selector { border-bottom: 1px solid #ccc; width: 100%; position: relative; height: 25px; display: flex; }
.file-selector .file-selector-value { width: 100%; padding: 0px 35px 0px 5px; font-size: 1rem; color: #444; padding-right: 35px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; cursor: pointer; }
.file-selector label {
	cursor: pointer; margin: 0; width: 25px; height: 25px; position: absolute; right: 0px;
	background-position: top center; background-size: 22px 22px; background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 487.189 487.189'%3E%3Cg fill='%23444'%3E%3Cpath d='M470.766 201.645H328.514c-.679 12.523-5.831 23.854-14.075 32.277h140.188v107.525l-16.752-58.983c-1.971-6.934-8.307-11.726-15.525-11.726H80.981v-89.762h98.881v-32.277H64.843c-8.92 0-16.139 7.225-16.139 16.139v105.9H16.427c-5.059 0-9.834 2.371-12.877 6.406C.493 281.187-.483 286.42.903 291.29l46.049 162.18c3.374 11.881 14.224 20.077 26.574 20.075l385.762-.065c15.253-.003 27.615-12.368 27.615-27.62V217.783c0-8.912-7.216-16.138-16.137-16.138zM486.902 487.174v-.14c-.066.128-.074.185 0 .14z'/%3E%3Cpath d='M179.373 101.74h32.766v97.171c0 9.865 7.975 17.848 17.824 17.848h48.699c9.867 0 17.857-7.982 17.857-17.848V101.74h32.75c5.404 0 10.305-3.27 12.387-8.282 2.064-4.988.932-10.756-2.914-14.594L263.783 3.931C261.184 1.314 257.748 0 254.313 0c-3.42 0-6.855 1.314-9.473 3.931l-74.924 74.934c-3.861 3.838-4.98 9.605-2.898 14.594 2.08 5.012 6.949 8.281 12.355 8.281z'/%3E%3C/g%3E%3C/svg%3E");
}
.file-selector input[type=file] { display: none; }
.file-selector:hover {  border-bottom: 1px solid #1c87d8; }
.file-selector:hover label {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 487.189 487.189'%3E%3Cg fill='%231c87d8'%3E%3Cpath d='M470.766 201.645H328.514c-.679 12.523-5.831 23.854-14.075 32.277h140.188v107.525l-16.752-58.983c-1.971-6.934-8.307-11.726-15.525-11.726H80.981v-89.762h98.881v-32.277H64.843c-8.92 0-16.139 7.225-16.139 16.139v105.9H16.427c-5.059 0-9.834 2.371-12.877 6.406C.493 281.187-.483 286.42.903 291.29l46.049 162.18c3.374 11.881 14.224 20.077 26.574 20.075l385.762-.065c15.253-.003 27.615-12.368 27.615-27.62V217.783c0-8.912-7.216-16.138-16.137-16.138zM486.902 487.174v-.14c-.066.128-.074.185 0 .14z'/%3E%3Cpath d='M179.373 101.74h32.766v97.171c0 9.865 7.975 17.848 17.824 17.848h48.699c9.867 0 17.857-7.982 17.857-17.848V101.74h32.75c5.404 0 10.305-3.27 12.387-8.282 2.064-4.988.932-10.756-2.914-14.594L263.783 3.931C261.184 1.314 257.748 0 254.313 0c-3.42 0-6.855 1.314-9.473 3.931l-74.924 74.934c-3.861 3.838-4.98 9.605-2.898 14.594 2.08 5.012 6.949 8.281 12.355 8.281z'/%3E%3C/g%3E%3C/svg%3E");
}

.file-selector a.file-preview {
	cursor: pointer; margin: 0; width: 25px; height: 25px; position: absolute; right: 0px; display: none;
	background-position: top center; background-size: 22px 22px; background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23444' d='M431.212 378.94c30.82-41.098 27.558-99.829-9.799-137.186-8.744-8.743-18.661-15.613-29.246-20.622v-92.345L263.382 0H.168v512h392V410.868c6.203-2.935 12.175-6.512 17.817-10.729l80.518 81.409 21.33-21.096-80.621-81.512zM272.168 51.213L340.955 120h-68.787V51.213zm90 430.787h-332V30h212v120h120v62.118c-31.637-4.529-64.959 5.349-89.246 29.636-40.939 40.939-40.939 107.553 0 148.492 24.005 24.005 57.199 34.223 89.246 29.636V482zm38.034-112.967c-29.243 29.241-76.824 29.241-106.066 0-29.242-29.243-29.242-76.824 0-106.066s76.822-29.244 106.066 0c29.242 29.242 29.242 76.824 0 106.066z'/%3E%3Cpath fill='%23444' d='M60.17 181h212v30h-212zM60.17 241h152v30h-152zM60.17 361h152v30h-152zM60.17 301h152v30h-152z'/%3E%3C/svg%3E");
}

.file-selector:hover a.file-preview {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231c87d8' d='M431.212 378.94c30.82-41.098 27.558-99.829-9.799-137.186-8.744-8.743-18.661-15.613-29.246-20.622v-92.345L263.382 0H.168v512h392V410.868c6.203-2.935 12.175-6.512 17.817-10.729l80.518 81.409 21.33-21.096-80.621-81.512zM272.168 51.213L340.955 120h-68.787V51.213zm90 430.787h-332V30h212v120h120v62.118c-31.637-4.529-64.959 5.349-89.246 29.636-40.939 40.939-40.939 107.553 0 148.492 24.005 24.005 57.199 34.223 89.246 29.636V482zm38.034-112.967c-29.243 29.241-76.824 29.241-106.066 0-29.242-29.243-29.242-76.824 0-106.066s76.822-29.244 106.066 0c29.242 29.242 29.242 76.824 0 106.066z'/%3E%3Cpath fill='%231c87d8' d='M60.17 181h212v30h-212zM60.17 241h152v30h-152zM60.17 361h152v30h-152zM60.17 301h152v30h-152z'/%3E%3C/svg%3E");
}

.file-selector a.pdf-preview {
	cursor: pointer; margin: 0; width: 25px; height: 25px; position: absolute; right: 0px; display: none;
	background-position: top center; background-size: 22px 22px; background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='550.801' height='550.801'%3E%3Cpath d='M267.342 414.698c-6.613 0-10.884.585-13.413 1.165v85.72c2.534.586 6.616.586 10.304.586 26.818.189 44.315-14.576 44.315-45.874.19-27.216-15.745-41.597-41.206-41.597zM152.837 414.313c-6.022 0-10.104.58-12.248 1.16v38.686c2.531.58 5.643.78 9.903.78 15.757 0 25.471-7.973 25.471-21.384.001-12.049-8.362-19.242-23.126-19.242z'/%3E%3Cpath d='M475.095 131.992c-.032-2.526-.833-5.021-2.568-6.993L366.324 3.694c-.021-.034-.062-.045-.084-.076-.633-.707-1.36-1.29-2.141-1.804-.232-.15-.475-.285-.718-.422-.675-.366-1.382-.67-2.13-.892-.19-.058-.38-.14-.58-.192C359.87.114 359.037 0 358.203 0H97.2C85.292 0 75.6 9.693 75.6 21.601v507.6c0 11.913 9.692 21.601 21.6 21.601h356.4c11.908 0 21.601-9.688 21.601-21.601V133.202c-.001-.406-.064-.804-.106-1.21zM193.261 463.873c-10.104 9.523-25.072 13.806-42.569 13.806-3.882 0-7.391-.2-10.102-.58v46.839h-29.35V394.675c9.131-1.55 21.967-2.721 40.047-2.721 18.267 0 31.292 3.501 40.036 10.494 8.363 6.612 13.985 17.497 13.985 30.322 0 12.835-4.266 23.72-12.047 31.103zm124.991 44.519c-13.785 11.464-34.778 16.906-60.428 16.906-15.359 0-26.238-.97-33.637-1.94V394.675c10.887-1.74 25.083-2.721 40.046-2.721 24.867 0 41.004 4.472 53.645 13.995 13.61 10.109 22.164 26.241 22.164 49.37-.011 25.081-9.145 42.378-21.79 53.073zm121.32-91.167h-50.351v29.932h47.039v24.11h-47.039v52.671H359.49V392.935h80.082v24.29zM97.2 366.752V21.601h250.203v110.515c0 5.961 4.831 10.8 10.8 10.8H453.6l.011 223.836H97.2z'/%3E%3Cpath d='M386.205 232.135c-.633-.059-15.852-1.448-39.213-1.448-7.319 0-14.691.143-21.969.417-46.133-34.62-83.919-69.267-104.148-88.684.369-2.138.623-3.828.741-5.126 2.668-28.165-.298-47.179-8.786-56.515-5.558-6.101-13.721-8.131-22.233-5.806-5.286 1.385-15.071 6.513-18.204 16.952-3.459 11.536 2.101 25.537 16.708 41.773.232.246 5.189 5.44 14.196 14.241-5.854 27.913-21.178 88.148-28.613 117.073-17.463 9.331-32.013 20.571-43.277 33.465l-.738.844-.477 1.013c-1.16 2.437-6.705 15.087-2.542 25.249 1.901 4.62 5.463 7.995 10.302 9.767l1.297.349s1.17.253 3.227.253c9.01 0 31.25-4.735 43.179-48.695l2.89-11.138c41.639-20.239 93.688-26.768 131.415-28.587 19.406 14.391 38.717 27.611 57.428 39.318l.611.354c.907.464 9.112 4.515 18.721 4.524 13.732 0 23.762-8.427 27.496-23.113l.189-1.004c1.044-8.393-1.065-15.958-6.096-21.872-10.598-12.458-30.331-13.544-32.104-13.604zm-243.393 87.609c-.084-.1-.124-.194-.166-.3-.896-2.157.179-7.389 1.761-11.222 6.792-7.594 14.945-14.565 24.353-20.841-9.162 29.658-22.486 32.222-25.948 32.363zm58.172-197.049c-14.07-15.662-13.859-23.427-13.102-26.041 1.242-4.369 6.848-6.02 6.896-6.035 2.824-.768 4.538-.617 6.064 1.058 3.451 3.791 6.415 15.232 5.244 36.218-3.322-3.338-5.102-5.2-5.102-5.2zm-7.27 133.373l.243-.928-.032.011c7.045-27.593 17.205-67.996 23.047-93.949l.211.201.021-.124c18.9 17.798 47.88 43.831 82.579 70.907l-.39.016.574.433c-32.688 2.761-71.73 9.205-106.253 23.433zm214.672 9.052c-2.489 9.146-7.277 10.396-11.665 10.396-5.094 0-9.998-2.12-11.116-2.632-12.741-7.986-25.776-16.688-38.929-25.998h.316c22.549 0 37.568 1.369 38.158 1.411 3.766.14 15.684 1.9 20.82 7.938 2.014 2.367 2.785 5.196 2.416 8.885z'/%3E%3C/svg%3E");
}
.file-selector:hover a.pdf-preview {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='550.801' height='550.801'%3E%3Cpath fill='%231c87d8' d='M267.342 414.698c-6.613 0-10.884.585-13.413 1.165v85.72c2.534.586 6.616.586 10.304.586 26.818.189 44.315-14.576 44.315-45.874.19-27.216-15.745-41.597-41.206-41.597zM152.837 414.313c-6.022 0-10.104.58-12.248 1.16v38.686c2.531.58 5.643.78 9.903.78 15.757 0 25.471-7.973 25.471-21.384.001-12.049-8.362-19.242-23.126-19.242z'/%3E%3Cpath fill='%231c87d8' d='M475.095 131.992c-.032-2.526-.833-5.021-2.568-6.993L366.324 3.694c-.021-.034-.062-.045-.084-.076-.633-.707-1.36-1.29-2.141-1.804-.232-.15-.475-.285-.718-.422-.675-.366-1.382-.67-2.13-.892-.19-.058-.38-.14-.58-.192C359.87.114 359.037 0 358.203 0H97.2C85.292 0 75.6 9.693 75.6 21.601v507.6c0 11.913 9.692 21.601 21.6 21.601h356.4c11.908 0 21.601-9.688 21.601-21.601V133.202c-.001-.406-.064-.804-.106-1.21zM193.261 463.873c-10.104 9.523-25.072 13.806-42.569 13.806-3.882 0-7.391-.2-10.102-.58v46.839h-29.35V394.675c9.131-1.55 21.967-2.721 40.047-2.721 18.267 0 31.292 3.501 40.036 10.494 8.363 6.612 13.985 17.497 13.985 30.322 0 12.835-4.266 23.72-12.047 31.103zm124.991 44.519c-13.785 11.464-34.778 16.906-60.428 16.906-15.359 0-26.238-.97-33.637-1.94V394.675c10.887-1.74 25.083-2.721 40.046-2.721 24.867 0 41.004 4.472 53.645 13.995 13.61 10.109 22.164 26.241 22.164 49.37-.011 25.081-9.145 42.378-21.79 53.073zm121.32-91.167h-50.351v29.932h47.039v24.11h-47.039v52.671H359.49V392.935h80.082v24.29zM97.2 366.752V21.601h250.203v110.515c0 5.961 4.831 10.8 10.8 10.8H453.6l.011 223.836H97.2z'/%3E%3Cpath fill='%231c87d8' d='M386.205 232.135c-.633-.059-15.852-1.448-39.213-1.448-7.319 0-14.691.143-21.969.417-46.133-34.62-83.919-69.267-104.148-88.684.369-2.138.623-3.828.741-5.126 2.668-28.165-.298-47.179-8.786-56.515-5.558-6.101-13.721-8.131-22.233-5.806-5.286 1.385-15.071 6.513-18.204 16.952-3.459 11.536 2.101 25.537 16.708 41.773.232.246 5.189 5.44 14.196 14.241-5.854 27.913-21.178 88.148-28.613 117.073-17.463 9.331-32.013 20.571-43.277 33.465l-.738.844-.477 1.013c-1.16 2.437-6.705 15.087-2.542 25.249 1.901 4.62 5.463 7.995 10.302 9.767l1.297.349s1.17.253 3.227.253c9.01 0 31.25-4.735 43.179-48.695l2.89-11.138c41.639-20.239 93.688-26.768 131.415-28.587 19.406 14.391 38.717 27.611 57.428 39.318l.611.354c.907.464 9.112 4.515 18.721 4.524 13.732 0 23.762-8.427 27.496-23.113l.189-1.004c1.044-8.393-1.065-15.958-6.096-21.872-10.598-12.458-30.331-13.544-32.104-13.604zm-243.393 87.609c-.084-.1-.124-.194-.166-.3-.896-2.157.179-7.389 1.761-11.222 6.792-7.594 14.945-14.565 24.353-20.841-9.162 29.658-22.486 32.222-25.948 32.363zm58.172-197.049c-14.07-15.662-13.859-23.427-13.102-26.041 1.242-4.369 6.848-6.02 6.896-6.035 2.824-.768 4.538-.617 6.064 1.058 3.451 3.791 6.415 15.232 5.244 36.218-3.322-3.338-5.102-5.2-5.102-5.2zm-7.27 133.373l.243-.928-.032.011c7.045-27.593 17.205-67.996 23.047-93.949l.211.201.021-.124c18.9 17.798 47.88 43.831 82.579 70.907l-.39.016.574.433c-32.688 2.761-71.73 9.205-106.253 23.433zm214.672 9.052c-2.489 9.146-7.277 10.396-11.665 10.396-5.094 0-9.998-2.12-11.116-2.632-12.741-7.986-25.776-16.688-38.929-25.998h.316c22.549 0 37.568 1.369 38.158 1.411 3.766.14 15.684 1.9 20.82 7.938 2.014 2.367 2.785 5.196 2.416 8.885z'/%3E%3C/svg%3E");
}

.file-selector.two-icons label { right: 30px; }
.file-selector.two-icons a.file-preview { display: block; }

/* Fieldset */
fieldset { border: 2px solid #887547; background: rgba(0,0,0,0); border-radius: 2px; padding: 2px 15px; margin-right: 20px; min-height: 80px; width: 100%; margin-bottom: 20px; box-shadow: 0px 0px 5px #888; }
fieldset legend { background: #887547; color: #fff; padding: 2px 20px; font-size: 1rem; border-radius: 2px; box-shadow: 0 0 0 2px #fff; }

/* Flex inner */
.flex-inner { list-style-type: none; padding: 0; margin: 10px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex-grow: 1; flex-shrink: 0; }
.flex-inner li { padding: 5px 0px; }
.flex-inner li input[type=checkbox] { display: none; }
.flex-inner li input[type='checkbox'] + label {
	position: relative; line-height: 18px; font-size: 0.9rem; color: #8f8f8f; display: block; padding: 0 0 0 22px; pointer-events: all; cursor: pointer;
}
.flex-inner li input[type='checkbox'] + label:before {
    content: ""; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #FFF; display: block;
    position: absolute; top: 0; left: 0; border: 1px solid #8f8f8f; color: #1c87d8; font-size: 12px;
}
.flex-inner li input[type='checkbox']:checked + label:before { background-color: #887547; }

/* Lifted corner shadow */
.lifted-corner-shadow { position: relative; }
.lifted-corner-shadow:before,
.lifted-corner-shadow:after {
	z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777;
	-webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
}
.lifted-corner-shadow:after {
	-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);
	right: 10px; left: auto;
}

/* Image frame */
.image-frame {
	border: solid 1px #777; padding: 10px; background-color: #FFF; display: inline-block; position: relative;
	-webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; -o-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;
}
.image-frame:after {
	content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: solid 1px #c5c5c5;
	-webkit-box-shadow: inset 0px 0px 20px #000; -moz-box-shadow: inset 0px 0px 20px #000;
	-o-box-shadow: inset 0px 0px 20px #000; box-shadow: inset 0px 0px 20px #000;
}
.image-frame img { width: 100%; display: block; }

.note { font-size: 0.9rem; color: #666; line-height: 20px; position: relative; margin-bottom: 5px; }
.note.bullet { padding-left: 10px; }
.note.bullet:after {
	content: '\2022'; font-size: inherit; line-height: inherit; margin-right: 5px;
	position: absolute; top: 0px; left: 0px;
}

/* Tags */
.tags { list-style: none; margin: 0; overflow: hidden;  padding: 0; }
.tags li { float: left;  }
.tag {
	background: #eee; border-radius: 3px 0 0 3px; color: #999; display: inline-block;
	height: 26px; line-height: 26px; padding: 0 10px 0 10px; position: relative; margin: 0 10px 10px 0;
	text-decoration: none; -webkit-transition: color 0.2s; cursor: default;
}
.tag span { margin-left: 10px; cursor: pointer; }
.tag:hover { background-color: crimson; color: white; }
.tag:hover span { font-weight: bold; }

/* Modal Window */
.modal-window { display: none; width: 100%; max-width: 500px; padding: 0px !important; }
.modal-window .modal-window-form { box-shadow: none; margin: 0; width: 100%; }


span.bullet { width: 10px; height: auto; line-height: inherit; font-size: inherit; }
span.bullet:after { content: '\2022'; font-size: inherit; line-height: inherit; margin-right: 5px; }


/* CheckBoxes - RadioButtons */
@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
	border-color: #3e97eb; }
}

.radio, .checkbox { position: absolute; display: none; }
.radio[disabled], .checkbox[disabled] { cursor: not-allowed; }

.radio + label, .checkbox + label {
	position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle;
}
.radio + label:hover:before, .checkbox + label:hover:before {
	animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color;
}
.radio + label:before, .checkbox + label:before {
	content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; border: 1px solid #c0c0c0;
}
.radio + label:after, .checkbox + label:after {
	position: absolute; display: none; content: '';
}
.radio[disabled] + label, .checkbox[disabled] + label {
  cursor: not-allowed; color: #e4e4e4;
}

.radio[disabled] + label:hover, .radio[disabled] + label:before, .radio[disabled] + label:after,
.checkbox[disabled] + label:hover, .checkbox[disabled] + label:before, .checkbox[disabled] + label:after { cursor: not-allowed; }
.radio[disabled] + label:hover:before, .checkbox[disabled] + label:hover:before { border: 1px solid #e4e4e4; animation-name: none; }
.radio[disabled] + label:before, .checkbox[disabled] + label:before { border-color: #e4e4e4; }

.radio:checked + label:before, .checkbox:checked + label:before { animation-name: none; }
.radio:checked + label:after, .checkbox:checked + label:after { display: block; }
.radio + label:before { border-radius: 50%; }
.radio + label:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #1c87d8; }
.radio:checked + label:before { border: 1px solid #1c87d8; }
.radio:checked[disabled] + label:before { border: 1px solid #c9e2f9; }
.radio:checked[disabled] + label:after { background: #c9e2f9; }
.checkbox + label:before { border-radius: 3px; }
.checkbox + label:after {
	top: 2px; left: 7px; box-sizing: border-box; width: 6px; height: 12px; transform: rotate(45deg);
	border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0;
}
.checkbox:checked + label:before { border: #1c87d8; background: #1c87d8; }
.checkbox:checked[disabled] + label:before { border: #c9e2f9; background: #c9e2f9; }
.field-description { font-size: 0.8rem; display: block; width: 100%; line-height: 18px; color: #888; padding-left: 5px; margin-top: 3px; }


/* TABS */
.tabs-container { display: block; padding: 10px; }
.tabs { display: flex; border: 1px solid #ccc; background-color: #f1f1f1; z-index: 2; zoom: 1; }

.tabs .tab {
  background-color: inherit; border: none; outline: none; cursor: pointer;
  padding: 6px 15px; font-size: 14px; position: relative;
}
.tabs .tab:not([disabled]):not(.active):hover { background-color: #ddd; }
.tabs .tab.active { background-color: #FFF; }
.tabs .tab.active:after {
    content: ''; position: absolute; height: 3px; width: 100%; bottom: -2px; left: 0px; background-color: #FFF;
}
.tabs-contents { z-index: 1; }
.tab-content { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; background-color: #FFF; }
.tab-content.active { display: block; }