/* ---------------------------------------------------
	CORE
	GOSALON SAAS DATA-CRM-CMS SYSTEM CSS
	BUILD 2025 AND BEYOND
	BUILD BY STELLAR
----------------------------------------------------- */



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

html {
	height: 100%;
}

body {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	height: 100%;
}

/* radius */

.br25 {
	border-radius: .25rem;
}

.br50 {
	border-radius: .50rem;
}

.br100 {
	border-radius: 1rem;
}

.fa-fw2 {
	text-align: center;
	width: 1em;
}


/* ---------------------------------------------------
	SIGN IN
----------------------------------------------------- */

main.form-signin {
	margin: 0;
	height: 100%;
	width: 100%;
}

main.form-signin {
	background-color: #E2E2E2;
	/*background-image: url("../../images/interface/letsgocatering-signin.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
}

main.form-signin .checkbox .cr.master {
	border: 2px solid #aaa;
}

main.form-signin h1 {
	font-size: 2.25rem;
	letter-spacing: -.065rem;
	font-weight: 900;
}

.signin-logo {
	height: 120px;
}

.signin-logo-client {
	height: 100px;
}

.signin-logo-footer {
	height: 40px;
}

main.form-signin a {
	color: #FF8F0C;
	transition: all 0.2s ease-out;
}

main.form-signin a:hover {
	color: #A98DFF;
	text-decoration: underline;
}



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

.system-sidebar {
	background-color: #F8F9FA;
	border-right: 1px solid #DEE2E6 !important;
	width: 60px;
}

.system-sidebar .company-logo {
	height: 54px;
	width: 54px;
}

main {
	width: calc(100% - 60px);
	margin-left: 60px;
}

.bgHeadertop {
	background-color: #fff;
}

.bgDashboard {
	/*background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #000000 10%, #241856 90%) repeat scroll 0 0;*/
	background-color: #fff;
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}

.bgDashboardtop a {
	text-decoration: none !important;
}



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


.system-sidebar .nav-pills .nav-link.active {
	background-color: #D0D3D6;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	color: #010101;
}

.system-sidebar .nav-pills .nav-link.active:hover {
	background-color: #D0D3D6;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
	color: #010101;
}

.system-sidebar .nav-pills .nav-link:hover {
	background-color: #DDDFE2;
	box-shadow: none;
	color: #010101;
}

.system-sidebar .nav-link.active i {
	color: #000000;
}

.system-sidebar .nav-pills .nav-link {
	align-items: center;
	background-color: #FFF;
	border-radius: .55rem;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	color: #232323;
	display: flex;
	height: 46px;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-out;
	width: 46px;
}

.system-sidebar .nav-pills .nav-link i {
	font-size: 1.25rem;
}

.system-sidebar .nav-pills .nav-link i.fa-tags {
	font-size: 1.3rem;
}

.system-sidebar .nav-pills .nav-link i.fa-images {
	font-size: 1.3rem;
}



/* ---------------------------------------------------
	MODAL NAV PILLS
----------------------------------------------------- */

.modal .modal-tabs {
	padding: 1rem 1rem 0rem 1rem;
}

.modal .nav-pills .nav-link {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem;
	color: #000;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-transform: lowercase;
}

.modal .nav-pills .nav-link:hover {
	background-color: #EAECEF;
	border: 1.5px solid #EAECEF;
	color: #000;
}

.modal .nav-pills .nav-link.active {
	background-color: #EAECEF;
	border: 1.5px solid #EAECEF;
	color: #000;
}



/* ---------------------------------------------------
	DETAIL NAV PILLS
----------------------------------------------------- */

.detailpage_wrapper .nav-pills .nav-link {
	align-items: center;
	background-color: #f6f6f6;
	border: 1.5px solid #f6f6f6;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.025em;
	padding: 5px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: auto;
}

.detailpage_wrapper .nav-pills .nav-link:hover {
	background-color: transparent;
	border: 1.5px solid #07E2EA;
	color: #000000;
}

.detailpage_wrapper .nav-pills .nav-link.active {
	background-color: transparent;
	border: 1.5px solid #ddd;
	color: #000000 !important;
}


ul.attachment-list a {
	color: #8E909D;
	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;
}

ul.attachment-list a:hover {
	color: #ff960d;
}



/* ---------------------------------------------------
	MODULE NAVIGATION
----------------------------------------------------- */

button.modulenav,
a.modulenav {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-transform: lowercase;
}

button.modulenav:hover,
a.modulenav:hover {
	background-color: transparent;
	border: 1.5px solid #666;
	color: #000000;
}

button.modulenav.active,
a.modulenav.active {
	background-color: #EAECEF;
	border: 1.5px solid #EAECEF;
	color: #00002F;
}

button.summarynav,
a.summarynav {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #888;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: 0;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.summarynav:hover,
a.summarynav:hover {
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	color: #000000;
}




/* ---------------------------------------------------
	HEADER
----------------------------------------------------- */

header {
	padding: 10px 0px;
}



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

.calendar__wrapper {
	background-color: #fff;
	border: 1.5px solid #eee;
	border-radius: .75rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.15);
	padding: 1.75rem;
}

.calendar__inner {
	width: 100%;
}

.calendar__days li {
	display: flex;
	padding: 0;
}

.calendar__days {
	list-style: none;
	padding: 0;
	margin: 0;
}

.calendar__day {
	border: 1px solid #E0E2E6;
	flex-grow: 1;
	margin-bottom: 1.25rem;
	padding: 0.625rem;
}

.day__header {
	background-color: #f8f9fa;
	margin-bottom: .5rem;
	padding: 0.625rem;
}

.day__header .holiday--icon {
	color: #FFC107;
	font-size: 1rem;
}

.day__date {
	font-weight: bold;
	font-size: 1rem;
}

.agenda__item {
	margin-bottom: 0.5rem;
	padding: 0.625rem;
	border-radius: 0;
	cursor: pointer;
	transition: all 0.3s ease;
}

.agenda__item:hover {
	filter: saturate(2);
}

.agenda__item-inner {
	padding: 0.625rem;
}

.calendar--appointment--color1 {
	background-color: #FFE2E9;
	transition: all 0.3s ease;
}

.calendar--appointment--color1:hover {
	background-color: #FF84A0;
}

.calendar--appointment--color2 {
	background-color: #F4E0FA;
	transition: all 0.3s ease;
}

.calendar--appointment--color2:hover {
	background-color: #DF86F2;
}

.calendar--appointment--color3 {
	background-color: #EAE5FF;
	transition: all 0.3s ease;
}

.calendar--appointment--color3:hover {
	background-color: #A98DFF;
}

.calendar--appointment--color4 {
	background-color: #F4F5F7;
	transition: all 0.3s ease;
}

.calendar--appointment--color4:hover {
	background-color: #EAECEF;
}

.item__header {
	font-size: 0.875rem;
	line-height: 1;
	margin-bottom: .25rem;
}

.item__time {
	font-weight: bold;
	font-size: 0.875rem;
}

.item__icon {
	font-size: 0.85rem;
}

.item__number {
	font-weight: bold;
	font-size: 0.875rem;
	display: flex;
	align-items: center;
}

.item__number i {
	font-size: 0.7rem;
	display: flex;
	margin-top: 1.25px;
	margin-left: .175rem;
}

.item__details {
	line-height: 1;
	margin-bottom: .125rem;
}

.item__title {
	font-weight: bold;
	font-size: 0.875rem;
}

.item__customer {
	line-height: 1;
	margin-bottom: .45rem;
}

.item__customer--name {
	font-weight: bold;
	font-size: 0.8rem;
}

.item__type {
	font-size: 0.75rem;
}

.item__type--appointment {
	font-size: 0.75rem;
}

.item__location {
	font-size: 0.75rem;
	line-height: 1;
	margin-bottom: .25rem;
}

.item__checkbox {
	margin-left: auto;
}



/* ---------------------------------------------------
	DETAIL PAGES
----------------------------------------------------- */

.icon_img {
	display: block;
	height: 25px;
	width: 25px;
}



/* ---------------------------------------------------
	OFFCANVAS
----------------------------------------------------- */

/* specific */
#seotracking__settings {
	width: 1000px;
}

h4.counter {
	color: #000000;
	display: block;
	font-family: 'Eina 01', helvetica, arial, sans-serif;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -.0125em;
}

.offcanvas-body .datawrapper {
	width: fit-content;
	padding-right: 15px;
}

.btn-close {
	outline: 0;
	box-shadow: none !important;
}

span.iteminfo {
	color: #000000;
	display: inline-block;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95rem;
	font-weight: 400;
	letter-spacing: -.025rem;
}

span.itemlink a {
	color: #8E909D;
	display: inline-block;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: -.025em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

span.itemlink a:hover {
	color: #07E2EA;
}

.form-wrapper span.tag--box {
	margin-right: .25rem;
	white-space: nowrap;
}

.form-wrapper span.tag--box a.tag--link {
	color: #8E909D;
	display: inline-block;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: -.025em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.form-wrapper span.tag--box a.tag--link:hover {
	color: #07E2EA;
}


/* layer */
.offcanvas-start {
	background-color: transparent;
	--bs-offcanvas-border-width: none !important;
	--bs-offcanvas-border-color: none !important;
	height: 100vh !important;
	left: 60px !important;
	max-height: 100%;
	right: 0;
	transform: translateY(100%);
}

.offcanvas-start .offcanvas-body {
	flex-grow: 1;
	overflow-y: auto;
	padding: 1rem 1rem;
	overflow-x: hidden;
}

.offcanvas-start .offcanvas-body .datawrapper {
	width: fit-content;
	padding-right: 0;
}


/* master data */
.offcanvas-bottom {
	right: 0;
	left: 0;
	height: 45vh !important;
	max-height: 100%;
	border-top: 1px solid rgba(0, 0, 0, .2);
	transform: translateY(100%);
}



ul.dataTable {
	list-style: none;
	margin: 0;
	padding: 0;
	transition: all .2s ease-in-out;
}

ul.dataTable.results:hover {
	background-color: #efefef;
}

ul.dataTable.results.active {
	background-color: #efefef;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dataTable li {
	min-width: 250px;
	padding: 0px 5px;
}

ul.dataTable li span.dataTableID {
	color: #000000;
	display: block;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -.0125em;
	margin-bottom: .5rem;
	padding: .25rem .5rem;
	text-align: left;
	white-space: nowrap;
}

ul.dataTable li span.dataTableID.value {
	display: block;
	font-weight: 400;
	margin-bottom: 0;
	padding: .4rem .5rem;
	text-align: left;
	white-space: nowrap;
}



/* Master data-table buttons */
.offcanvas-header button.button-expand-dataTable {
	align-items: center;
	background-color: #ededed;
	border: none;
	border-radius: 50% !important;
	color: #000000;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px;
	width: 42px;
}

.offcanvas-header button.button-expand-dataTable:hover {
	background-color: #ff960d;
	color: #fff;
}

.offcanvas-header button.button-dataTable {
	align-items: center;
	background-color: #1bb9db;
	border: none;
	border-radius: 50% !important;
	color: #fff;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px;
	width: 42px;
}

.offcanvas-header button.button-dataTable:hover {
	background-color: #8E909D;
	color: #fff;
}

.offcanvas-header button.button-save-dataTable {
	align-items: center;
	background-color: #b1d311;
	border: none;
	border-radius: 50% !important;
	color: #fff;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px;
	width: 42px;
}

.offcanvas-header button.button-save-dataTable:hover {
	background-color: #8E909D;
	color: #fff;
}

.offcanvas-header button i {
	display: inline-block;
}


/* Master data-table new-layer-button */
button.new_layer,
a.new_layer {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #ff960d;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.new_layer:hover,
a.new_layer:hover {
	background-color: #ff960d;
	border-color: #ff960d;
	color: #fff;
}



.offcanvas {
	position: fixed;
	bottom: 0;
	z-index: 1045;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	visibility: hidden;
	/*background-color: #8365ff;*/
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
	transition: transform .3s ease-in-out;
}

.offcanvas .border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}

.offcanvas hr {
	color: #dfe2e5;
	opacity: 1;
}

.offcanvas .form-select {
	border: 1.5px solid #ced4da;
}

.offcanvas-header {
	padding: 1rem 1.5rem;
}

.offcanvas-body {
	flex-grow: 1;
	overflow-y: auto;
	padding: 1rem 1.5rem;
}

.offcanvas-body .widget-datawrapper {
	width: fit-content;
	padding-right: 15px;
}

.offcanvas-body .widget-datawrapper span.form--explanation {
	color: #ff6c00;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .85em;
	font-weight: 400;
	letter-spacing: -.0125em;
	margin: 0;
}

.offcanvas-bottom {
	right: 0;
	left: 0;
	height: 40vh;
	max-height: 100%;
	border-top: 1px solid rgba(0, 0, 0, .2);
	transform: translateY(100%);
}


/* mediacloud */
/* mediacloud */
.offcanvas-header h4.offcanvas-title {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.offcanvas-body .widget-folderwrapper {
	width: fit-content;
	padding-right: 15px;
}

.offcanvas-body .widget-folderwrapper span.form--explanation {
	color: #ff6c00;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .85em;
	font-weight: 400;
	letter-spacing: -.0125em;
	margin: 0;
}

.widget-folderwrapper ul.folder--list {
	list-style: none;
	padding: 0;
}

.widget-folderwrapper ul.folder--list li {
	border-bottom: 1px solid #EEF0F2;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 4px;
	padding-top: 4px;
}

.widget-folderwrapper ul.folder--list li:last-child {
	border-bottom: none;
}

.widget-folderwrapper ul.folder--list li {
	align-items: center;
	display: flex;
}

.widget-folderwrapper ul.folder--list li .folder_functions {
	align-items: center;
	display: flex;
	gap: .25rem;
}

.widget-folderwrapper ul.folder--list li .folder_counter {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #07E2EA;
	border-radius: .45rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: .9rem;
	font-weight: bold;
	height: 30px;
	justify-content: center;
	letter-spacing: -.0125rem;
	min-width: 30px;
	padding: 6px 6px 6px 6px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

.widget-folderwrapper ul.folder--list li a span {
	color: #000000;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper ul.folder--list li a span:hover {
	color: #07E2EA;
}

.widget-folderwrapper ul.folder--list li i.fa-folder {
	color: #AAA;
}

/* main selected folder */
.widget-folderwrapper div.folder_functions .fa-pen-circle,
.widget-folderwrapper div.folder_functions .fa-pen-square {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper div.folder_functions .fa-pen-circle:hover,
.widget-folderwrapper div.folder_functions .fa-pen-square:hover {
	color: #07E2EA;
}

.widget-folderwrapper div.folder_functions .fa-circle-arrow-up-right,
.widget-folderwrapper div.folder_functions .fa-square-arrow-up-right {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper div.folder_functions .fa-circle-arrow-up-right:hover,
.widget-folderwrapper div.folder_functions .fa-square-arrow-up-right:hover {
	color: #07E2EA;
}

.widget-folderwrapper div.folder_functions .fa-circle-arrow-down,
.widget-folderwrapper div.folder_functions .fa-square-arrow-down,
.widget-folderwrapper div.folder_functions .fa-arrow-down-from-line {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper div.folder_functions .fa-circle-arrow-down:hover,
.widget-folderwrapper div.folder_functions .fa-square-arrow-down:hover,
.widget-folderwrapper div.folder_functions .fa-arrow-down-from-line:hover {
	color: #07E2EA;
}

.widget-folderwrapper div.folder_functions .fa-circle-trash,
.widget-folderwrapper div.folder_functions .fa-trash {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper div.folder_functions i.fa-circle-trash:hover,
.widget-folderwrapper div.folder_functions i.fa-trash:hover {
	color: #07E2EA;
}

/* sub folders */
.widget-folderwrapper ul li i.fa-pen-circle,
.widget-folderwrapper ul li i.fa-pen-square {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper ul li i.fa-pen-circle:hover,
.widget-folderwrapper ul li i.fa-pen-square:hover {
	color: #07E2EA;
}

.widget-folderwrapper ul li i.fa-circle-arrow-up-right {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper ul li i.fa-circle-arrow-up-right:hover,
.widget-folderwrapper ul li i.fa-square-arrow-up-right:hover {
	color: #07E2EA;
}

.widget-folderwrapper ul li i.fa-circle-arrow-down,
.widget-folderwrapper ul li i.fa-square-arrow-down {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper ul li i.fa-circle-arrow-down:hover,
.widget-folderwrapper ul li i.fa-square-arrow-down:hover {
	color: #07E2EA;
}

.widget-folderwrapper ul li i.fa-circle-trash,
.widget-folderwrapper ul li i.fa-square-trash {
	color: #333;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.0125em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.widget-folderwrapper ul li i.fa-circle-trash:hover,
.widget-folderwrapper ul li i.fa-square-trash:hover {
	color: #07E2EA;
}



/* ---------------------------------------------------
	TABLES
----------------------------------------------------- */

.table tbody td {
	color: #222222;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400;
	letter-spacing: 0;
	white-space: nowrap;
}

.table tbody tr.table--spacer td {
	padding: .25rem .75rem;
}

.table tbody tr.table--spacer:hover {
	background-color: #FFF !important;
	cursor: default;
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overflow-y: hidden;
}

.table {
	/*border: 1px solid #8365ff;*/
	color: #000000 !important;
	font-size: .975em;
	margin-bottom: 0 !important;
}

.table thead th {
	border-top: 1px solid #E8ECF0;
	border-left: 1px solid #E8ECF0;
	border-right: 1px solid #E8ECF0;
	border-bottom: 1px solid #E8ECF0;
	color: #000030;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.table img.product_summery-img {
	height: 60px;
	object-fit: cover;
	overflow: hidden;
	width: 80px;
}

.table img.mediacloud_summery-img {
	border-radius: .25rem;
	height: 70px;
	object-fit: cover;
	overflow: hidden;
	width: 70px;
}

.table div.icon-preview-item {
	color: #D1D3D7;
	font-size: 1.5rem;
	text-align: center;
	width: 100%
}

.table thead th i {
	color: #666;
	font-size: 1rem;
}

.table {
	font-size: .975em;
}

.table tbody tr {
	transition: all 0.2s ease-out;
	cursor: pointer;
}

.table> :not(caption)>*>* {
	background-color: inherit;
}


/*
.table tr:hover {
	background-color: #F5F8FB !important;
	cursor: pointer;
}

.table tr.table--spacer:hover {
	background-color: #FFF !important;
	cursor: default;
}

.table {
	--bs-table-hover-bg: #F5F8FB;
}


.table tbody tr:hover {
	background-color: #F5F8FB !important;
	cursor: pointer;
}

.table:not(.table-hover)>tbody>tr:hover {
	background-color: #F5F8FB !important;
}

.table tbody tr:hover td {
	background-color: #F5F8FB !important;
	cursor: pointer;
}


.table-striped-custom>tbody>tr:nth-of-type(2n+1)>* {
	background-color: #F8FAFC !important;
}

.table-striped-custom>tbody>tr:hover>* {
	background-color: inherit !important;
}

.table-striped-custom>tbody>tr:nth-of-type(odd)>* {
	background-color: #F8FAFC !important;
}

.table-striped-custom>tbody>tr:nth-of-type(even)>* {
	background-color: #FFFFFF !important;
}

.table-striped-custom>tbody>tr:hover>* {
	background-color: inherit !important;
	cursor: default;
}

.table thead th,
.table tfoot th {
	background-color: #fff !important;
	cursor: default !important;
}
*/


/* Striped kleuren */
.table-striped-custom>tbody>tr:nth-of-type(odd)>* {
	background-color: #F8FAFC !important;
}

.table-striped-custom>tbody>tr:nth-of-type(even)>* {
	background-color: #FFFFFF !important;
}

/* Hover: zelfde kleur als stripe behouden */
.table-striped-custom>tbody>tr:nth-of-type(odd):hover>* {
	background-color: #F8FAFC !important;
	cursor: default !important;
}

.table-striped-custom>tbody>tr:nth-of-type(even):hover>* {
	background-color: #FFFFFF !important;
	cursor: default !important;
}

/* Normale tabellen nog steeds hover */
.table:not(.table-striped-custom) tbody tr:hover {
	background-color: #F5F8FB !important;
	cursor: pointer;
}


.table td,
.table th {
	padding: .5rem .75rem;
	vertical-align: middle;
	white-space: nowrap;
}

.table td {
	color: #eee;
	font-size: .925em;
}

.table td.functioncel,
.table th.functioncel {
	padding: .4rem .45rem;
}

.table ul.functions {
	list-style: none;
	margin: 0;
	padding: 0;
}

.table ul.functions li {
	color: #333;
	cursor: pointer;
	font-size: 17px;
	text-align: center;
}

.table ul.functions li.disabled {
	color: #E0E1E4;
	cursor: default;
	pointer-events: none;
}

.table ul.functions li i {
	width: 1.75rem;
}

.table ul.functions li:hover {
	color: #07E2EA;
}

.table th.mastercel {
	width: 49px;
}

.table ul.functions li a {
	color: #333;
	cursor: pointer;
	font-size: 17px;
	text-align: center;
	transition: all 0.2s ease-out;
}

.table ul.functions li a:hover {
	color: #07E2EA;
}

.filterbar i.fa-filter {
	color: #bbb;
	font-size: 15px;
	right: 15px;
	position: absolute;
	top: 12px;
}

/* shop */

.table ul.functions li a i.fa-circle-minus,
.table ul.functions li a i.fa-circle-plus {
	color: #333;
	cursor: pointer;
	font-size: 1.45rem;
	text-align: center;
	transition: all 0.2s ease-out;
}

.table ul.functions li a i.fa-circle-minus:hover,
.table ul.functions li a i.fa-circle-plus:hover {
	color: #9667FF;
}


.table a {
	color: #9667FF;
	transition: all 0.2s ease-out;
}

.table a:hover {
	color: #010101;
}


/* status and attention */

.status_attention {
	color: #07E2EA;
}

.offerprice_attention {
	color: #07E2EA;
}


/* sitemap */
.sitemap--badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.15rem;
}

.sitemap--badge {
	background-color: #F0F2F5;
	border: 1px solid #FFF;
	border-radius: 6px;
	color: #333;
	display: inline-block;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 11.5px;
	font-weight: 400;
	line-height: 1.4;
	padding: 4px 8px 5px 8px;
	vertical-align: middle;
}

.sitemap--badge--ok {
	background-color: #E0FB8F;
	color: #5a7e00;
}

.sitemap--badge--attention {
	background-color: #FFBACC;
	color: #9F0033;
}

.sitemap--badge--info {
	background-color: #A5F5FE;
	color: #00728F;
}


/* data table pages */
.datatable_wrapper {
	background-color: #FFF;
	border: 1.5px solid #eee;
	border-radius: 1rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	padding: 1.4rem 1.6rem 1.6rem 1.6rem;
}

/* data table pages */
.summary--titlecounter--wrapper {
	position: relative;
}

.summary--titlecounter--wrapper .inner--box {
	display: flex;
	padding: 0 0 1rem 0;
	width: 100%;
}

.datatable_wrapper {
	background-color: #FFF;
	border: 1.5px solid #eee;
	border-radius: .75rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	padding: 1.4rem 1.6rem 1.6rem 1.6rem;
}

.modal .datatable_wrapper {
	background-color: #FFF;
	border: 1.5px solid #eee;
	border-radius: .75rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	padding: 1.6rem;
}

/* column modal */
.label--column--title {
	font-size: 0.95rem;
	line-height: 1.4;
	margin-left: 1rem;
}



/* ---------------------------------------------------
	LEDGER & RAPPORTS
----------------------------------------------------- */

.ledger .table tr.master_total td {
	background-color: #eff4f8;
	color: #222 !important;
	font-weight: 600;
}

.ledger .table tr.sub_total {
	background-color: #eff4f8;
}

.ledger .table tr.sub_total td {
	font-weight: 600 !important;
}

.summary--titlecounter--wrapper {
	margin-bottom: .5rem;
	padding-left: .75rem;
}



/* ---------------------------------------------------
	TICKET LIST
----------------------------------------------------- */

.ticket--box--wrapper {
	background-color: #fff;
	border: 1.5px solid #eee;
	border-radius: 1.25rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.15);
	padding: 1.8rem 1.9rem;
}

.ticket--box--wrapper.operator {
	background-color: #F8F9FA;
	border-color: #EFEFEF;
	box-shadow: none;
}

.ticket--box--wrapper {
	margin-bottom: 1.5rem;
}

.ticket--box--wrapper:last-child {
	margin-bottom: 0;
}


.ticket--titlecounter--wrapper {
	position: relative;
	margin-top: 1.5rem;
}

.ticket--titlecounter--wrapper .inner--box {
	display: flex;
	padding: 0;
	width: 100%;
}

ul.list--tickets {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list--tickets li.ticket--box {
	padding: .25rem .1rem;
}

.ticket--box p {
	font-size: 1rem;
}

.ticket--box h3 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	line-height: 1;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/* ---------------------------------------------------
	FAQ LIST
----------------------------------------------------- */

.faq--box--wrapper {
	border-radius: 1.25rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.15);
	padding: 1.8rem 1.9rem;
}

.faq--box--wrapper:nth-child(even) {
	background-color: #F8F9FA;
	border: 1.5px solid #EFEFEF;
	box-shadow: none;
}

.faq--box--wrapper:nth-child(2n+1) {
	background-color: #FFF;
	border: 1.5px solid #eee;
}

.faq--box--wrapper {
	margin-bottom: 1.5rem;
}

.faq--box--wrapper:last-child {
	margin-bottom: 0;
}


.faq--titlecounter--wrapper {
	position: relative;
	margin-top: 1.5rem;
}

.faq--titlecounter--wrapper .inner--box {
	display: flex;
	padding: 0;
	width: 100%;
}

ul.list--faq {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list--faq li.faq--box {
	padding: .25rem .1rem;
}

.faq--box p {
	font-size: 1rem;
}

.faq--box span i.fa-tag {
	font-size: .9rem;
}

.faq--box h3 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	line-height: 1;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



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

ul.media-gallery {
	list-style: none;
	margin-bottom: 0;
	margin-left: -.5rem;
	margin-right: -.5rem;
	margin-top: 0;
	padding: 0;
}

ul.media-gallery li figure {
	border-radius: .5rem;
	box-shadow: 0 0 7px 0 rgba(185, 185, 185, 0.5);
	margin: 0;
	position: relative;
	overflow: hidden !important;
}

ul.media-gallery li figure img {
	cursor: pointer;
	object-fit: cover;
	transform-origin: center center;
	transition: all .3s ease;
	height: 280px;
}

ul.media-gallery li figure img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.media_functions_select {
	align-items: center;
	background: #fff;
	bottom: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #666;
	display: flex;
	justify-content: center;
	position: absolute;
	padding: 5px;
	right: 20px;
	width: auto;
}

.media_functions_select .checkbox {
	background-color: #fff;
	border-radius: .25rem;
	display: block;
	height: 23px;
	position: relative;
	width: 24px;
}

.media_functions_select .checkbox .cr {
	border: 2px solid #444;
	border-radius: .25rem;
	display: inline-block;
	height: 24px;
	position: relative;
	width: 24px;
}

.media_functions_select .checkbox .cr .cr-icon {
	color: #000000;
	font-size: 16px;
	left: 12%;
	line-height: 0;
	position: absolute;
	top: 50%;
}

.media_functions {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

/*
.media_functions {
	align-items: center;
	background: rgba(255,255,255,0.9);
	bottom: 20px;
	border-radius: 7px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	padding: 6px 7px;
	right: 20px;
	width: 46px;
}
*/
.media_functions i {
	color: #8E909D;
	cursor: pointer;
	display: inline-block;
	transition: all 0.2s ease-out;
}

.media_functions i:hover {
	color: #07E2EA;
}

ul.media-gallery li span.media_img_title {
	color: #262a2e;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .85em;
	font-weight: 400;
	letter-spacing: -.0125em;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.media-gallery li span.media_img_title i.fa-tag {
	color: #aaa;
}


/* lightgallery */

.lg-outer .lg-thumb-item {
	border-radius: .25rem !important;
	border: 2px solid #fff !important;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #07E2EA !important;
}

.lg-toolbar .lg-close.lg-icon {
	color: #07E2EA !important;
}

.lg-toolbar .lg-close.lg-icon:hover {
	color: #FFF !important;
}

.lg-outer .lg-thumb-outer {
	display: flex;
	justify-content: center;
}



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

form {
	width: 100%;
}

.fv-help-block {
	color: #07E2EA;
	font-size: .95rem;
	padding: .5rem 0;
	text-decoration: underline;
}

/* floating */

.form-floating>label {
	top: -1px;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	transform: scale(.8) translateY(-.5rem) translateX(.15rem);
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}


/* browse select */

.form-control::file-selector-button {
	padding: .35rem .75rem;
	margin: -.25rem -.65rem;
	-webkit-margin-end: .75rem;
	margin-inline-end: .75rem;
	color: #212529;
	background-color: #e9ecef;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


/* control & elements */

.form-control {
	border: 1.5px solid #CDCFD2 !important;
	color: #111 !important;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	padding: .35rem .75rem .4rem .75rem;
	height: 40px;
}

input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0px 9999px white;
}

select.form-select.master-table {
	width: 220px;
}

.form-control:disabled {
	background-color: #FFF !important;
	opacity: 1;
}

textarea.form-control {
	border: 1.5px solid #CDCFD2 !important;
	color: #111;
	font-size: .95em;
	padding: .35rem .75rem .4rem .75rem;
	height: auto !important;
}

.form-control:focus {
	background-color: #fff !important;
	border-color: #000000 !important;
	box-shadow: 0 0 0 .15rem rgba(20, 20, 20, .15) !important;
	color: #000000111 !important;
}

.form-control.invoice--pricebox {
	border-color: #07E2EA !important;
	box-shadow: 0 0 0 .15rem rgba(255, 137, 49, .35) !important;
	color: #000;
}

.form-control.proposal--pricebox {
	border-color: #07E2EA !important;
	box-shadow: 0 0 0 .15rem rgba(255, 137, 49, .35) !important;
	color: #000;
}

.form-control::placeholder {
	color: #aaa;
	opacity: 1;
}

div.form_select_edit_wrapper {
	min-width: 100px;
	max-width: 170px;
}

.form-control.select_action {
	border: 1.5px solid #ff960d !important;
}

.form-control.select_action:focus {
	border-color: #ff960d !important;
	box-shadow: 0 0 0 .15rem rgba(255, 150, 13, .25) !important;
}

.form-wrapper hr {
	color: #cbcfd3;
	opacity: .5;
}

.form-wrapper span.iteminfo {
	color: #000000;
	display: inline-block;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400;
	letter-spacing: -.025em;
}

.form-wrapper span.itemlink a {
	color: #8E909D;
	display: inline-block;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: -.025em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.form-wrapper span.itemlink a:hover {
	color: #07E2EA;
}

.form-wrapper .searchbar i.fa-magnifying-glass {
	color: #777;
	font-size: .95em;
	left: 12px;
	position: absolute;
	top: 13px;
}

.form-wrapper span.form--explanation {
	background-color: #F0F2F5;
	border-radius: 8px;
	color: #333;
	display: inline-block;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 12.5px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0;
	padding: 5.5px 8px 6.5px 8px;
	vertical-align: middle;
}

/* company logo */
.companylogo {
	height: 150px;
}

/* mailtemplate img */
.mailtemplateimg {
	height: 250px;
}

/* product img */
.product--img {
	border-radius: 1rem;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.075);
	height: 250px;
}

/* service img */
.service--img {
	border-radius: 1rem;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.075);
	height: 250px;
}

/* company logo */
.formlogo {
	height: 125px;
}

/* users */
.avatarimg {
	height: 200px;
}

/* favicon */
.faviconimg {
	height: 50px;
}


label {
	color: #a7adaf;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05rem;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0;
}

span.form--indication {
	color: #000000;
	display: block;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: -.0125rem;
	line-height: normal;
}

span.form--indication small {
	font-family: 'Eina 01', helvetica, arial, sans-serif;
}

span.form--indication_superbold {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.1rem;
	font-weight: 900;
	letter-spacing: -.0125rem;
	line-height: normal;
}




.searchbar {
	position: relative;
}

.searchbar input {
	padding-left: 34px;
}

.searchbar i.fa-magnifying-glass {
	color: #777;
	font-size: .95em;
	left: 12px;
	position: absolute;
	top: 12px;
}


/* input pages */
.detailpage_wrapper {
	background-color: #fff;
	border: 1.5px solid #eee;
	border-radius: .75rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.15);
	padding: 25px 30px 30px 30px;
}

.detailpage_wrapper.content--detail {
	background-color: #fff;
	border: 1.5px solid #eee;
	border-radius: .75rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.15);
	padding: 20px 30px 30px 30px;
}



/* ---------------------------------------------------
	OFFER AND INVOICE
----------------------------------------------------- */

.totaldiscount {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.loyaltypoints {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.totaltax {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.subtotal {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.amount {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.totalsum {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.85rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.modal .totaldiscount {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.modal .loyaltypoints {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.modal .totaltax {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-size: 1.15rem;
	letter-spacing: -.025rem;
	margin: 0;
}

.modal .subtotal {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.modal .amount {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}

.modal .totalsum {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.65rem;
	font-weight: bold;
	letter-spacing: -.025rem;
	margin: 0;
}



/* ---------------------------------------------------
	BUILDER ADD BUTTON
----------------------------------------------------- */

.builder--add--button {
	align-items: center;
	animation: pulse-animation-add-button 2.5s infinite;
	background-color: #000;
	border: 1.5px solid #000;
	border-radius: .55rem !important;
	bottom: 2rem;
	color: #07E2EA;
	cursor: pointer;
	display: flex;
	font-size: 1.5rem;
	font-weight: bold;
	height: 50px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 3px;
	position: fixed;
	right: 2rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 50px;
	z-index: 999;
}

.builder--add--button:hover {
	border: 1.5px solid #07E2EA;
	background-color: #07E2EA;
	color: #000;
	font-size: 1.65rem;
	transform: scale(1.1);
}

.builder--add--button:focus {
	box-shadow: 0 0 0 0.2rem rgba(7, 226, 234, 0.3);
	outline: none;
}

@keyframes pulse-animation-add-button {
	0% {
		box-shadow: 0 0 0 0 rgba(7, 226, 234, 0.5);
	}

	70% {
		box-shadow: 0 0 0 20px rgba(0, 229, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 229, 255, 0);
	}
}




/* ---------------------------------------------------
	MESSAGE WRAPPER
----------------------------------------------------- */

.save--message--wrapper {
	background-color: #07E2EA;
	border-radius: 0.5rem;
	bottom: 2rem;
	display: none;
	opacity: 0;
	padding: .55rem 1rem .65rem 1rem;
	position: fixed;
	right: 2rem;
	transition: opacity 0.5s ease;
	z-index: 999;
}

.save--message--wrapper.show {
	display: block;
	opacity: 1;
}

.save--message--content {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.save--message--icon {
	color: #010101;
	font-size: 1.25rem;
	margin-left: 0.5rem;
}

.save--message--text {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: lowercase;
}



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

.smart-row>div>ul {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	height: 100%;
	justify-content: end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.smart-row div.btn-group {
	display: flex;
	flex-direction: row;
	gap: .25rem;
	justify-content: end;
}

.smart-row>div>ul li {
	display: flex;
	justify-content: center;
}

.smart-row>div>ul li i {
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	transition: all 0.2s ease-out;
}

.smart-row ul li i:hover {
	color: #07E2EA;
}

.smart-row div.function--toolbox {
	display: flex;
	margin-bottom: .65rem;
	padding: 0 1rem;
}

.smart-row div.function--toolbox ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.smart-row div.function--toolbox ul li {
	display: flex;
	justify-content: center;
}

.smart-row div.function--toolbox ul i {
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	transition: all 0.2s ease-out;
}

.smart-row div.function--toolbox ul i:hover {
	color: #07E2EA;
}



/* ---------------------------------------------------
	PAGE BUILDER
----------------------------------------------------- */

.builder_selector {
	border: 1.5px solid #E6E9EE;
	background-color: #F5F7FA;
	border-radius: .55rem;
}

.builder_selector h4.editor {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.3rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: lowercase;
}

.builder_functions span.indication {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400;
	letter-spacing: -.0125rem;
	margin-bottom: 1px;
}

.builder_spacer-40px {
	height: 40px;
}

.builder_spacer-50px {
	height: 50px;
}


/* page detail smart row */
.builder_smart-row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.builder_smart-row ul {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0;
	padding: 0;
}

.builder_smart-row ul li i {
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	transition: all 0.2s ease-out;
}

.builder_smart-row ul li i:hover {
	color: #07E2EA;
}


.blogimg {
	height: 300px;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}

.builderimg {
	height: 250px;
	max-width: 100%;
}

.builderimg_herobanner {
	height: 250px;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}

.builderimg_column {
	height: 300px;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}

.builderimg-logo {
	height: 150px;
	object-fit: cover;
	overflow: hidden;
}

figure.builder__image--element {
	width: 100%
}

div.builder__video--element {
	width: 100%
}

div.builder__video--element iframe {
	height: 250px;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}


.builder__functions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.builder__functions ul li {
	color: #333;
	cursor: pointer;
	font-size: 17px;
	text-align: center;
}

.builder__functions li i {
	transition: all 0.2s ease-out;
	width: 32px;
}

.builder__functions li i.fa-grip-lines {
	cursor: grabbing;
	transition: all 0.2s ease-out;
	width: 32px;
}

.builder__functions li:hover {
	color: #07E2EA;
}


.builder_element-selector {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

button.elementbutton {
	align-items: center;
	background-color: #010101;
	border: 1.5px solid #010101;
	border-radius: .55rem;
	color: #FFF;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 11px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-transform: lowercase;
}

button.elementbutton:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #010101;
}

button.elementbutton i {
	color: #07E2EA;
	transition: all .2s ease-in-out;
}

button.elementbutton:hover i {
	color: #FFF;
}

/* offcanvas */

span.builder__group--title {
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 1px;
}

.builder-element-buttons {
	align-items: center;
	display: flex
}

.buildersmart-row {
	align-items: center;
	display: flex
}

.buildersmart-row--listitem {
	align-items: center;
	display: flex;
	background-color: #fff;
	border-radius: .25rem;
	border: 1.5px solid #EEE;
	cursor: pointer;
	padding: .5rem 1rem;
	transition: all .2s ease-in-out;
}

.buildersmart-row--listitem:hover {
	border: 1.5px solid #C0C0C0;
}


.buildersmart-row ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.buildersmart-row ul.builder_functions li {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-left: .5rem;
}

.buildersmart-row ul li i {
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	transition: all 0.2s ease-out;
}

.buildersmart-row ul li i:hover {
	color: #07E2EA;
}

.buildersmart-row span.element__object--counter {
	align-items: center;
	background-color: #EEE;
	border-radius: 50%;
	color: #000000;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .9rem;
	font-weight: 600;
	height: 30px;
	justify-content: center;
	letter-spacing: -.025rem;
	width: 30px;
	padding-bottom: 2px;
}

.buildersmart-row span.element__object--title {
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 1px;
}



/* ---------------------------------------------------
	CONTRACT
----------------------------------------------------- */

/* contract body */
.contract__wrapper {
	background-color: #EEE;
	border-radius: 1.8rem;
	padding: 1rem;
}

.contract__wrapper .contract__inner {
	background-color: #FFF;
	border-radius: 1.25rem;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	padding: 1.5rem 2rem;
}

.contract__wrapper .contract__inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contract__wrapper .contract__inner ul li.contract--infoline {
	border-bottom: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
	padding: .45rem 0;
}

.contract__wrapper .contract__inner ul li.contract--infoline:last-child {
	border-bottom: none;
}

.contract__wrapper .contract__inner ul li.contract--infoline-details {
	border-bottom: 1px solid #eee;
	padding: .45rem 0;
}

.contract__wrapper .contract__inner ul li.contract--infoline-details:last-child {
	border-bottom: none;
}


.contract__wrapper .contract__inner h3 {
	color: #010101;
	display: inline-block;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-decoration: underline;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.contract__wrapper .contract__inner h4.date {
	background-color: #FF9A55;
	border-radius: .25rem;
	color: #010101;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.05rem;
	font-weight: 900;
	letter-spacing: -.0175rem;
	margin-bottom: .25rem;
	padding: .25rem .5rem .2rem .5rem;
	text-rendering: optimizeLegibility;
	transition: all 0.2s ease-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.contract__wrapper .contract__inner h5 {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: -.0125rem;
	line-height: normal;
}

.contract--information--wrapper {
	margin-bottom: 1rem;
}

.contract--information--wrapper ul li {
	padding: .25rem 0 !important;
}

.contract--spacer hr {
	margin-bottom: 1.5rem;
	margin-top: .5rem;
}

.contract--signature--wrapper {
	margin-bottom: 1rem;
}



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

.signbox {
	background-color: #FFF;
	border: 3px dashed #d6d9de;
	border-radius: .5rem;
	cursor: pointer;
	min-height: 250px;
	transition: .2s ease-in-out all;
}

.signbox:hover {
	background-color: #FFF;
	border: 3px dashed #07E2EA;
}

.signbox span.infotext {
	color: #000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	transition: .2s ease-in-out all;
}

.signbox:hover span.infotext {
	color: #000;
	font-size: 1.1rem;
}



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

.modal-wide {
	max-width: 100% !important;
}

.modal-xxl {
	--bs-modal-width: 1400px;
}

.modal-xxxl {
	--bs-modal-width: 1500px;
}

/* border wrapper */
.modalpage_wrapper {
	background-color: #fff;
	border: 1.5px solid #eee;
	border-radius: 1.25rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.15);
	padding: 30px;
	padding-top: 25px;
}

.modalpage_wrapper_table {
	background-color: #fff;
	border: 1.5px solid #eee;
	border-radius: 1.25rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.15);
	padding: 30px;
	padding-top: 15px;
}

.modal-header {
	padding-bottom: 12px;
}

.modal-content {
	border-radius: 1rem;
	padding: .2rem .35rem;
}

h5.modal-title {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*text-transform: lowercase;*/
}

.modal .windowIcon {
	color: #07E2EA;
}

.offcanvas .windowIcon {
	color: #07E2EA;
}

.modal span.form--indication small {
	font-family: 'Eina 01', helvetica, arial, sans-serif;
}

.modal ul.small_details {
	list-style: none;
	margin: 0;
	padding: 0
}

.modal ul.small_details li {
	color: #000000;
	font-size: .85rem;
}

.modal select.form-control {
	background-color: transparent;
	border: 1.5px solid #cbcfd3 !important;
	color: #000000;
	font-size: .95em;
	padding: .35rem .75rem .4rem .75rem;
	height: 40px;
}

.modal input[type="number"] {
	background-color: transparent;
	border: 1.5px solid #cbcfd3 !important;
	color: #000000;
	font-size: .95em;
	padding: .35rem .75rem .4rem .75rem;
	height: 40px;
}

.modal input[type="date"] {
	background-color: transparent;
	border: 1.5px solid #cbcfd3 !important;
	color: #000000;
	font-size: .95em;
	padding: .35rem .75rem .4rem .75rem;
	height: 40px;
}

.modal input[type="time"] {
	background-color: transparent;
	border: 1.5px solid #cbcfd3 !important;
	color: #000000;
	font-size: .95em;
	padding: .35rem .75rem .4rem .75rem;
	height: 40px;
}

.modal .form-control {
	background-color: transparent;
	border: 1.5px solid #cbcfd3 !important;
	color: #000000;
	font-size: .95em;
	/* padding: .35rem .75rem .4rem .75rem; */
	height: 40px;
}

.modal .form-control:focus {
	background-color: #fff !important;
	border-color: #000000 !important;
	box-shadow: 0 0 0 .15rem rgba(20, 20, 20, .15) !important;
	color: #000000111 !important;
}

.modal .form-control::placeholder {
	color: #a7adaf;
	opacity: 1;
}

.modal span.form--explanation {
	background-color: #F0F2F5;
	border-radius: 8px;
	color: #333;
	display: inline-block;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 12.5px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0;
	padding: 5.5px 8px 6.5px 8px;
	vertical-align: middle;
}

.modal hr {
	color: #cbcfd3;
	opacity: .5;
}

.modal .modal_searchbar input {
	padding-left: 35px;
	width: 100%;
}


.modal .radio .cr {
	border: 1.5px solid #ff960d;
	border-radius: 50%;
	display: inline-block;
	height: 24px;
	position: relative;
	width: 24px;
}

.modal .radio .cr .cr-icon {
	color: #ff960d;
	font-size: 16px;
	left: 12%;
	line-height: 0;
	position: absolute;
	top: 50%;
}

.modal .radio .indication {
	color: #000000;
	font-size: 15px;
	letter-spacing: -.0125em;
}


.modal button.button-action,
a.button-action {
	align-items: center;
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

.modal button.button-action:hover,
a.button-action:hover {
	align-items: center;
	background-color: #000;
	border: 1.5px solid #000;
	color: #07E2EA;
}

.modal button.button-payoff,
a.button-payoff {
	align-items: center;
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

.modal button.button-payoff:hover,
a.button-payoff:hover {
	align-items: center;
	background-color: #000;
	border: 1.5px solid #000;
	color: #07E2EA;
}

.modal button.button-edit,
a.button-edit {
	align-items: center;
	background-color: #FF5C70;
	border: 1.5px solid #FF5C70;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

.modal button.button-edit:hover,
a.button-edit:hover {
	background-color: #000;
	border: 1.5px solid #000;
	color: #FF5C70;
}

button.contract--button,
a.contract--button {
	align-items: center;
	background-color: #FF5C70;
	border: 1.5px solid #FF5C70;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-transform: lowercase;
}

button.contract--button:hover,
a.contract--button:hover {
	background-color: #000;
	border: 1.5px solid #000;
	color: #FF5C70;
}

.modal button.button-close,
a.button-close {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

.modal button.button-close:hover,
a.button-close:hover {
	background-color: #DDDFE2;
	border: 1.5px solid #DDDFE2;
	color: #010101;
}

.modal button.button-close-red,
a.button-close-red {
	align-items: center;
	background-color: #FF5C70;
	border: 1.5px solid #FF5C70;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

.modal button.button-close-red:hover,
a.button-close-red:hover {
	background-color: #010101;
	border: 1.5px solid #010101;
	color: #FF5C70;
}


button.button-close-red,
a.button-close-red {
	align-items: center;
	background-color: #FF5C70;
	border: 1.5px solid #FF5C70;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.button-close-red:hover,
a.button-close-red:hover {
	background-color: #010101;
	border: 1.5px solid #010101;
	color: #FF5C70;
}


.modal button.button-download,
a.button-download {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #8E909D;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: 0;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
}

.modal button.button-download:hover,
a.button-download:hover {
	align-items: center;
	background-color: #e6e9ee;
	border: 1.5px solid #e6e9ee;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: 0;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
}


button.button-ticket-file-download,
a.button-ticket-file-download {
	align-items: center;
	background-color: #FFF;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1rem;
	font-weight: bold;
	height: 40px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 2px 11px 1px 11px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.button-ticket-file-download:hover,
a.button-ticket-file-download:hover {
	align-items: center;
	background-color: #E6E7E8;
	border: 1.5px solid #E6E7E8;
	color: #000000;
}


button.button-faq-file-download,
a.button-faq-file-download {
	align-items: center;
	background-color: #FFF;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1rem;
	font-weight: bold;
	height: 40px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 2px 11px 1px 11px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.button-faq-file-download:hover,
a.button-faq-file-download:hover {
	align-items: center;
	background-color: #E6E7E8;
	border: 1.5px solid #E6E7E8;
	color: #000000;
}


/* agenda-calendar filter button */
button.iconbutton-filter,
a.iconbutton-filter {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 42px;
}

button.iconbutton-filter:hover,
a.iconbutton-filter:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #fff;
}


.modal-body a {
	color: #bbb;
	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 search */

.modal_searchbar {
	position: relative;
}

.modal_searchbar input {
	padding-left: 35px;
	width: 100%;
}

.modal_searchbar i.fa-search {
	color: #777;
	font-size: .95rem;
	left: 24px;
	position: absolute;
	top: 13px;
}


/* media selectbox */

.media-selectbox {
	border: 1.5px solid #ebeff3;
	border-radius: .5rem;
	padding: 20px;
}

.media-selectbox img {
	border-radius: .5rem;
	overflow: hidden;
}


/* appointment selected - message */

.modal-body .selected_id {
	/* background-color: #F0F2F5; */
	/* border: 1px solid #DADCDF; */
	/* border-radius: 8px; */
	/* width: 100%; */
	/* font-size: .95rem; */
	background-color: #F0F2F5;
	border-radius: .25rem;
	color: #000;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	line-height: 1;
	margin-bottom: .25rem;
	padding: .5rem .6rem .45rem .55rem;
	transition: all 0.2s ease-out;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.modal-body ul.selected--list {
	display: flex;
	list-style: none;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.modal-body .selected_id .border-start {
	border-left: 1px solid #DADCDF;
}

.modal-body ul.selected--list li {
	display: flex;
}

.modal-body .selected_id a.selected--link {
	color: #8E909D;
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: -.025em;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.modal-body .selected_id a.selected--link:hover {
	color: #000;
}

.modal-body .selected_id .information--body {
	padding: .1rem .35rem .15rem .35rem;
}

.modal-body .selected_id .information--body span {
	color: #111;
	display: block;
	font-family: 'Eina 01', Arial, sans-serif;
	line-height: 1.25;
	font-size: .875rem;
	margin: .25rem 0;
}

.modal-body .selected_id .fa-circle-check {
	color: #07E2EA;
	font-size: 1rem;
}

.modal-body .modal-list a {
	color: #ADAFB2;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	text-decoration: underline;
	transition: all .2s ease-in-out;
}

.modal-body .modal-list a:hover {
	color: #000000;
}

.modal-body .modal-list p {
	font-size: .9em;
}




/* images */
#mediaselect__modal {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

#mediaselect__modal i.fa-tag {
	color: #bbb;
}

figure.gallery-item-box {
	border: 3px solid #fff;
	border-radius: .5rem;
	cursor: pointer;
	margin-bottom: .75rem;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}

figure.gallery-item-box img {
	height: 300px;
	object-fit: cover;
	transition: all 0.2s ease-in-out;
	width: 100%;
}

figure.gallery-item-box:hover {
	border: 3px solid #fff;
	/* border-radius: .3rem; */
}

figure.gallery-item-box img:hover {
	filter: saturate(172%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.gallery-item-box.selected {
	border: 3px solid #FFF;
	/* border-radius: .3rem; */
	filter: saturate(125%);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

span.media_modal_title {
	background-color: #F0F2F5;
	border-radius: 8px;
	color: #333;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .8rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
	padding: .45rem .75rem .6rem .75rem;
	vertical-align: middle;
}

/*span.media_modal_title {
	color: #222;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .85rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	margin: 0;
}*/

span.media_modal_title i.fa-tag {
	color: #13c1ff;
}


/* files and videos */

#videoselect__modal {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

#videoselect__modal i.fa-tag {
	color: #bbb;
}

.modal-body .table td,
.table th {
	padding: .4rem .75rem;
	vertical-align: middle;
}

.modal-body .table {
	font-size: .975em;
}

.modal-body .table thead th {
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1em;
	font-weight: 600;
}

.modal-body .table tbody td {
	color: #525463;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .9em;
	font-weight: 400;
	letter-spacing: 0;
	white-space: nowrap;
}

.modal-body .table thead th {
	border-top: 1px solid #E8ECF0;
	border-left: 1px solid #E8ECF0;
	border-right: 1px solid #E8ECF0;
	border-bottom: 1px solid #E8ECF0;
	text-align: left;
	vertical-align: middle;
}

/*.modal-body .table thead th {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #E8ECF0;
	text-align: left;
	vertical-align: middle;
}*/

.modal-body .table ul.functions li:hover {
	color: #07E2EA;
}

.modal-body .table ul.functions li a:hover {
	color: #07E2EA;
}

.modal-body .form-wrapper span.itemlink a {
	color: #8E909D;
}

.modal-body .form-wrapper span.itemlink a:hover {
	color: #07E2EA;
}

/* video modal */

#videoplayer__modal iframe {
	height: 620px;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}


/* appointment, task and list information */

.modal-body ul.detail--list {
	display: flex;
	list-style: none;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.modal-body ul.detail--list li {
	display: flex;
	font-size: .95rem;
	flex-wrap: wrap;
	padding: .15rem 0;
}

.modal-body ul.detail--list li small {
	border: 1.5px solid #F0F2F5;
	border-radius: 8px;
	display: inline-block;
	font-size: 12.5px;
	font-weight: 600;
	padding: 3px 7px 4.5px 7px;
}



/* ---------------------------------------------------
	SEARCH LINE
----------------------------------------------------- */

.searchfilter--line .date-input {
	width: 250px;
}

.searchfilter--line .filter-input {
	width: 250px;
}

.searchfilter--line select {
	width: 250px !important;
	left: 0;
}

.searchfilter--line div.dropdown.bootstrap-select.form-select {
	width: 250px !important;
}



/* ---------------------------------------------------
	FUNCTION LINE
----------------------------------------------------- */

.functionline.dashview .filter-input {
	width: 200px;
}

.functionline.dashview select {
	width: 200px;
}

.functionline .date-input {
	width: 250px;
}

.functionline .filter-input {
	width: 250px;
}

.functionline select {
	width: 250px !important;
	left: 0;
}

.functionline div.dropdown.bootstrap-select.form-select {
	width: 250px !important;
}



/* ---------------------------------------------------
	STATSBAR & CHARTS
----------------------------------------------------- */

.statsbar ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.statsbar ul li {
	display: flex;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.statsbar ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.statsbar ul li div.counterbox {
	background-color: #FFF;
	border: 1.5px solid #eee;
	border-radius: 1rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	padding: 1.4rem 1.6rem;
	transition: all 0.2s ease-out;
}

.statsbar ul li div.counterbox:hover {
	background-color: #fff;
	border: 1.5px solid #eee;
	box-shadow: 0 0 7px 0 rgba(185, 185, 185, 0.2);
}

.counterbox h4 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 2.15rem;
	font-weight: bold;
	letter-spacing: -.0125rem;
	transition: all 0.2s ease-out;
}

.statsbar ul li div.counterbox:hover h4 {
	color: #010101;
}

.counterbox h3 {
	background-color: #EAECEF;
	border-radius: .25rem;
	color: #010101;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.05rem;
	font-weight: 900;
	letter-spacing: -.0175rem;
	margin-bottom: .25rem;
	padding: .25rem .5rem .2rem .5rem;
	text-rendering: optimizeLegibility;
	transition: all 0.2s ease-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.statsbar ul li:nth-child(1) .counterbox h3,
.statsbar ul li:nth-child(5) .counterbox h3 {
	background-color: #FFA876;
}

.statsbar ul li:nth-child(2) .counterbox h3,
.statsbar ul li:nth-child(6) .counterbox h3 {
	background-color: #FF84A0;
}

.statsbar ul li:nth-child(3) .counterbox h3,
.statsbar ul li:nth-child(7) .counterbox h3 {
	background-color: #DF86F2;
}

.statsbar ul li:nth-child(4) .counterbox h3,
.statsbar ul li:nth-child(8) .counterbox h3 {
	background-color: #A98DFF;
}


.chartsbar ul li:nth-child(1) .chartbox h3 {
	background-color: #FFA876;
}

.chartsbar ul li:nth-child(2) .chartbox h3 {
	background-color: #FF84A0;
}

.chartsbar ul li:nth-child(3) .chartbox h3 {
	background-color: #DF86F2;
}

.chartsbar ul li:nth-child(4) .chartbox h3 {
	background-color: #A98DFF;
}



/*
.statsbar ul li:nth-child(1) .counterbox h3,
.statsbar ul li:nth-child(2) .counterbox h3,
.statsbar ul li:nth-child(3) .counterbox h3,
.statsbar ul li:nth-child(4) .counterbox h3 {
	background-color: #07E2EA;
}

.statsbar ul li:nth-child(5) .counterbox h3,
.statsbar ul li:nth-child(6) .counterbox h3,
.statsbar ul li:nth-child(7) .counterbox h3,
.statsbar ul li:nth-child(8) .counterbox h3 {
	background-color: #07E2EA;
}

.statsbar ul li:nth-child(3) .counterbox h3,
.statsbar ul li:nth-child(7) .counterbox h3 {
	background-color: #BBD354;
}

.statsbar ul li:nth-child(4) .counterbox h3,
.statsbar ul li:nth-child(8) .counterbox h3 {
	background-color: #DDDFE2;
}
*/


.statsbar ul li div.counterbox:hover h3 {
	background-color: #EEE;
	color: #000000;
}

.counterbox span.detail--label {
	color: #333;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.counterbox p {
	color: #999;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.statsbar ul li div.counterbox:hover p {
	color: #888;
}

.statsbar ul li i {
	color: #eee;
	font-size: 40px;
	transition: all .2s ease-in-out;
}

.statsbar ul li div.counterbox:hover i {
	color: #8E909D;
}


/* static */
.counterbox--static:hover {
	background-color: #FFF;
	border-color: #eee;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
}

.counterbox--static:hover h3,
.counterbox--static:hover h4,
.counterbox--static:hover p,
.counterbox--static:hover i {
	color: inherit;
	background-color: inherit;
}

.counterbox--static {
	cursor: default;
	pointer-events: none;
}


/* charts */

.chartsbar ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.chartsbar ul li {
	display: flex;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.chartsbar ul li div.chartbox {
	background-color: #fff;
	border: 1.5px solid #eee;
	border-radius: 1rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	padding: 25px;
	transition: all 0.2s ease-out;
}

.chartbox h3 {
	background-color: #EEE;
	border-radius: .25rem;
	color: #010101;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.05rem;
	font-weight: 900;
	letter-spacing: -.0175rem;
	margin-bottom: .25rem;
	padding: .25rem .5rem .2rem .5rem;
	text-rendering: optimizeLegibility;
	transition: all 0.2s ease-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.chartbox p {
	color: #9698A5;
	font-weight: 400;
	font-size: .875rem;
	letter-spacing: 0;
	margin-bottom: 0;
}

.chartbox .graphbox {
	align-items: center;
	background-color: rgba(248, 250, 252, 0.9);
	display: flex;
	justify-content: center;
	padding: 100px 120px;
}

.chartbox .graphbox.ledgerbox {
	min-height: 400px;
}

.chartbox .graphbox i.chart_placeholder {
	color: rgba(199, 202, 204, 0.7);
	font-size: 100px;
}



/* ---------------------------------------------------
	SHOP CATALOG
----------------------------------------------------- */

.shopcatalog ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.shopcatalog ul li {
	display: flex;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.shopcatalog ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.shopcatalog ul li div.productbox {
	background-color: #fff;
	border: 1.5px solid #EEE;
	border-radius: 1rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	padding: 25px;
	transition: all 0.2s ease-out;
}

.shopcatalog ul li div.productbox:hover {
	background-color: #fff;
	border: 1.5px solid #EEE;
	box-shadow: 0 0 7px 0 rgba(185, 185, 185, 0.2);
}

.shopcatalog h2 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: -.025rem;
	transition: all 0.2s ease-out;
}

.shopcatalog h3 {
	background-color: #FFA876;
	border-radius: .25rem;
	color: #010101;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: 900;
	letter-spacing: -.0175rem;
	margin-bottom: 0;
	padding: .25rem .5rem .15rem .5rem;
	text-rendering: optimizeLegibility;
	transition: all 0.2s ease-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.shopcatalog h3.category--label {
	background-color: #FF84A0;
	font-size: 1.15rem;
}

.shopcatalog h4 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: -.025rem;
	transition: all 0.2s ease-out;
}

span.catalog--item--counter {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #DDDFE2;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	min-width: 42px;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

.shopcatalog span.detail--label {
	color: #333;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.shopcatalog ul li div.folderbox:hover h3 {
	background-color: #EEE;
	color: #000000;
}

.shopcatalog .productbox p {
	color: #999;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.shopcatalog .productbox .img--box {
	border-radius: 1rem;
	cursor: pointer;
	height: 120px;
	object-fit: cover;
	padding: .5rem;
	transition: all 0.2s ease-out;
	width: 100%;
}

.shopcatalog ul li div.productbox:hover p {
	color: #888;
}




/* ---------------------------------------------------
	PROJECTFOLDERS
----------------------------------------------------- */

.projectfolders ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.projectfolders ul li {
	display: flex;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.projectfolders ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.projectfolders ul li div.folderbox {
	background-color: #fff;
	border: 1.5px solid #EEE;
	border-radius: 1rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	padding: 25px;
	transition: all 0.2s ease-out;
}

.projectfolders ul li div.folderbox:hover {
	background-color: #fff;
	border: 1.5px solid #EEE;
	box-shadow: 0 0 7px 0 rgba(185, 185, 185, 0.2);
}

.projectfolders h4 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 2.15rem;
	font-weight: bold;
	letter-spacing: -.0125rem;
	transition: all 0.2s ease-out;
}

.projectfolders ul li div.folderbox:hover h4 {
	color: #07E2EA;
}

.projectfolders h3 {
	background-color: #07E2EA;
	border-radius: .25rem;
	color: #010101;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.05rem;
	font-weight: 900;
	letter-spacing: -.0175rem;
	margin-bottom: .25rem;
	padding: .25rem .5rem .15rem .5rem;
	text-rendering: optimizeLegibility;
	transition: all 0.2s ease-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.projectfolders span.folder--label {
	color: #333;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.projectfolders span.folder--label i {
	color: rgb(208, 211, 214) !important;
	font-size: 14px;
}

.projectfolders ul li div.folderbox:hover h3 {
	background-color: #EEE;
	color: #000000;
}

.folderbox p {
	color: #999;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.projectfolders ul li div.folderbox:hover p {
	color: #888;
}

.projectfolders ul li i {
	color: #eee;
	font-size: 40px;
	transition: all .2s ease-in-out;
}

.projectfolders ul li div.folderbox:hover i {
	color: #8E909D;
}

.projectfolders ul li div.folderbox span.folder-avatar {
	display: inline-flex;
	height: auto;
	width: auto;
}

.projectfolders ul li div.folderbox span.folder-avatar img {
	border-radius: 1rem;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	cursor: pointer;
	height: 120px;
	object-fit: cover;
	padding: .5rem;
	transition: all 0.2s ease-out;
	width: 100%;
}



/* ---------------------------------------------------
	PASSWORD INDICATORS
----------------------------------------------------- */

.password-indicators {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.password-indicators span.pw--indicator--default {
	background-color: #EEE;
	border-radius: .25rem;
	color: #000;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	line-height: 1;
	margin-bottom: .25rem;
	padding: .4rem .45rem;
	transition: all 0.2s ease-out;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.password-indicators span.pw--indicator--checked {
	background-color: #07E2EA;
	border-radius: .25rem;
	color: #000;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	line-height: 1;
	margin-bottom: .25rem;
	padding: .4rem .45rem;
	transition: all 0.2s ease-out;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/* ---------------------------------------------------
	CART
----------------------------------------------------- */

.cart_discount-title {
	color: #07E2EA;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -.025rem;
}

.cart_productamount-title {
	color: #888;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -.025rem;
}

.cart_shipping-title {
	color: #888;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -.025rem;
}

.cart_totalprice-title {
	color: #888;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -.025rem;
}

.cart_taxprice-title {
	color: #000000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -.025rem;
}

.cart_discount-title small,
.cart_productamount-title small,
.cart_shipping-title small,
.cart_totalprice-title small,
.cart_taxprice-title small {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .9rem;
	letter-spacing: .005rem;
}

.cart_discount-title .cart_title-value,
.cart_productamount-title .cart_title-value,
.cart_shipping-title .cart_title-value,
.cart_totalprice-title .cart_title-value,
.cart_taxprice-title .cart_title-value {
	width: 120px;
}

/* Order button */
button.orderbutton,
a.orderbutton {
	align-items: center;
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	border-radius: 50px !important;
	color: #FFF;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.orderbutton:hover,
a.orderbutton:hover {
	background-color: #000;
	border-color: #000;
	color: #07E2EA;
}



/* ---------------------------------------------------
	FORM BUILDER
----------------------------------------------------- */

.builder_selector {
	border: 1.5px solid #E6E9EE;
	background-color: #F5F7FA;
	border-radius: .55rem;
}

.builder_selector h4.editor {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.3rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.builder_functions span.indication {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95em;
	font-weight: 400;
	letter-spacing: -.0125rem;
	margin-bottom: 1px;
}

.builder_spacer-50px {
	height: 50px;
}

.formbuilder--row {
	border: 1px solid #E6E9EE;
	border-radius: .55rem;
	margin-bottom: 1rem;
	padding: 1rem 1.25rem 1.35rem 1.25rem;
}

.formbuilder--row.title--box {
	padding: 1.25rem;
}

.formbuilder--row.formtext--box {
	padding: 1.25rem;
}

.formbuilder--row.media--box {
	padding: 1.25rem;
}

.formbuilder--row.button--box {
	padding: 1.25rem;
}

.formbuilder--row.radiocheck--box {
	padding: 1.2rem 1.25rem 1.15rem 1.25rem;
}

.formbuilder--row h3.formbuilder--header {
	background-color: #07E2EA;
	border-radius: .25rem;
	color: #000000;
	display: inline-flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: lowercase;
	padding: .25rem .5rem;
	transition: all 0.2s ease-out;
}

.formbuilder--row p.formbuilder--formtext {
	color: #000000;
	display: inline-flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	padding: .25rem .5rem;
	transition: all 0.2s ease-out;
}

.element--settings--wrapper {
	background-color: #FFF;
	border-radius: .55rem;
	border: 1.5px solid #EEE;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	cursor: pointer;
	padding: 1.25rem 1.5rem .2rem 1.5rem;
	width: 100%;
}

.element--settings--wrapper.value--wrapper {
	padding: 1.25rem 1.5rem 1.25rem 1.5rem;
}

.formbuilder--objectindicator--icon {
	color: #07E2EA;
	text-align: left;
	width: 28px;
}

.builder--logo--box {
	display: flex;
	justify-content: center;
}

figure.builder__image--element {
	display: flex;
	justify-content: center;
	width: 100%;
}

div.builder__video--element {
	width: 100%
}

div.builder__video--element iframe {
	height: 250px;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}


.builder__functions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.builder__functions ul li {
	color: #333;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
}

.builder__functions li i {
	transition: all 0.2s ease-out;
	width: 32px;
}

.builder__functions li i.fa-grip-lines {
	cursor: grabbing;
	transition: all 0.2s ease-out;
	width: 32px;
}

.builder__functions li:hover {
	color: #07E2EA;
}


.builder_element-selector {
	display: flex;
	justify-content: center;
	/*margin-top: 2.5rem;*/
}

button.elementbutton {
	align-items: center;
	background-color: #000;
	border: 1.5px solid #000;
	border-radius: .55rem;
	color: #FFF;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 11px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-transform: lowercase;
}

button.elementbutton:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #000;
}

button.elementbutton i {
	color: #07E2EA;
	transition: all .2s ease-in-out;
}

button.elementbutton:hover i {
	color: #FFF;
}


/* functions */

.formbuilder--row>div>ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.formbuilder--row>div>ul li {
	display: flex;
	justify-content: center;
}

.formbuilder--row>div>ul li i {
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	transition: all 0.2s ease-out;
}

.formbuilder--row ul li i:hover {
	color: #07E2EA;
}


/* offcanvas */

span.builder__group--title {
	color: #000000;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: .75rem;
}

.builder-element-buttons {
	align-items: center;
	display: flex
}

.buildersmart-row {
	align-items: center;
	display: flex
}

.buildersmart-row--listitem {
	align-items: center;
	display: flex;
	background-color: #fff;
	border-radius: .55rem;
	border: 1.5px solid #EEE;
	cursor: pointer;
	padding: 0.75rem 1.25rem;
	transition: all 0.3s ease-in-out;
}

.buildersmart-row--listitem:hover {
	border-color: #C0C0C0;
}

.buildersmart-row--listitem.active {
	background-color: #DAFFFF;
	border-color: #07E2EA;
}


.buildersmart-row ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.buildersmart-row ul.builder_functions li {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-left: .5rem;
}

.buildersmart-row ul li i {
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	transition: all 0.2s ease-out;
}

.buildersmart-row ul li i:hover {
	color: #07E2EA;
}

.buildersmart-row span.element__object--counter {
	align-items: center;
	background-color: #EEE;
	border-radius: 50%;
	color: #000000;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .9rem;
	font-weight: 600;
	height: 30px;
	justify-content: center;
	letter-spacing: -.025rem;
	width: 30px;
	padding-bottom: 2px;
}

.buildersmart-row span.element__object--title {
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
}

.buildersmart-row span.element__object--description {
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .85rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
}

.buildersmart-row--listitem h3 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.buildersmart-row--listitem p {
	color: #000000;
	display: inline-flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	transition: all 0.2s ease-out;
}



/* BUILDER - GALLERY IMAGE BLOCKS */
.builderimg-gallery {
	display: block;
	height: 275px;
	object-fit: cover;
	transition: all 0.3s ease;
	width: 100%;
}

.builderimg-gallery-wrapper {
	border-radius: 0.5rem;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease;
}

.gallery-hover-container {
	position: relative;
}

.gallery-hover-container:hover .builderimg-gallery {
	filter: grayscale(100%) contrast(115%) brightness(105%);
}

.gallery-hover-container:hover .gallery-hover-icon {
	opacity: 1;
	transform: translate(-50%, -50%);
}

.gallery-hover-icon {
	align-items: center;
	background-color: #000;
	border: 1.5px solid #FFF;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 1.5rem;
	height: 40px;
	justify-content: center;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
	width: 40px;
	z-index: 2;
}


/* BUILDER - MAP BLOCK */
.map-preview-wrapper {
	background-color: #f8f9fa;
	border-radius: .5rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.map-preview-wrapper iframe {
	display: block;
}

.map-display-container {
	border-radius: .5rem;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.builder_map-embed {
	border: none;
	display: block;
	margin: 0;
	padding: 0;
}

.vertical-divider {
	background: #E5E7E9;
	height: 100%;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 1.5px;
}



/* BUILDER DESIGN */

.font--example--wrapper {
	padding: 1rem;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	background-color: #fff;
	min-height: 90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.25rem;
}

.font--example--line {
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.font--example--upper {
	font-size: 1.25rem;
	font-weight: 500;
}

.font--example--lower {
	font-size: 1rem;
}

.font--example--digits {
	font-size: 0.95rem;
	letter-spacing: 0.02em;
}



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


button,
.btn,
a.btn {
	border-radius: .25rem;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 700;
	font-size: 1em;
	letter-spacing: .0125em;
	outline: none !important;
	padding: .3rem .75rem .4rem .75rem;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

.btn-check:focus+.btn,
.btn:focus {
	outline: 0;
	box-shadow: none !important;
}


/* dropdown */

button.dropdown-toggle {
	height: 40px;
}


/* Canvas tool buttons */
button.button-canvas,
a.button-canvas {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #cbcfd3;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px;
	text-decoration: none !important;
	width: 42px;
}

button.button-canvas:hover,
a.button-canvas:hover {
	background-color: #8E909D;
	border-color: #8E909D;
	color: #fff;
}


button.button-1,
a.button-1 {
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	color: #000;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -.025rem;
	padding: .3rem .75rem .3rem .75rem;
	text-decoration: none !important;
}

button.button-1:hover,
a.button-1:hover {
	background-color: #000;
	border: 1.5px solid #000;
	color: #07E2EA;
}

button.button-2,
a.button-2 {
	background-color: #b1d311;
	border: 1.5px solid #b1d311;
	color: #fff;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: -.0125em;
}

button.button-2:hover,
a.button-2:hover {
	background-color: #fff;
	color: #000000;
}

button.button-4,
a.button-4 {
	background-color: #ff960d;
	border: 1.5px solid #ff960d;
	color: #fff;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: -.0125em;
}

button.button-4:hover,
a.button-4:hover {
	background-color: #fff;
	color: #000000;
}

button.button-top,
a.button-top {
	background-color: #fff;
	border: 1.5px solid #ff960d;
	color: #000000;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: -.0125em;
}

button.button-top:hover,
a.button-top:hover {
	background-color: #ff960d;
	color: #fff;
}

button.button-5,
a.button-5 {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #000000;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: -.0125em;
}

button.button-5:hover,
a.button-5:hover {
	background-color: #000000;
	border: 1.5px solid #000000;
	color: #fff;
}

button.button-5.dropdownBtn5,
a.button-5.dropdownBtn5 {
	font-size: .95em;
	font-weight: 400;
}

button.button-6,
a.button-6 {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #000000;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: -.0125em;
}

button.button-6:hover,
a.button-6:hover {
	background-color: #9fa0ac;
	border: 1.5px solid #9fa0ac;
	color: #fff;
}


/* Model edit data - passport */
button.button-editdata {
	align-items: center;
	background-color: #000000;
	border: 1.5px solid #000000;
	border-radius: 50px !important;
	color: #fff;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 40px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px;
	text-decoration: none !important;
	width: 40px;

}

button.button-editdata:hover {
	background-color: #9fa0ac;
	border: 1.5px solid #9fa0ac;
	color: #fff;
}


button.button-adddata {
	background-color: #000000;
	border: 1.5px solid #000000;
	color: #fff;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: -.0125em;
	padding: .3rem .6rem .3rem .6rem;
	width: 40px;
}

button.button-adddata:hover {
	background-color: #9fa0ac;
	border: 1.5px solid #9fa0ac;
	color: #fff;
}

button.button-remdata {
	background-color: #fff;
	border: 1.5px solid #ddd;
	color: #000000;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: -.0125em;
	padding: .3rem .6rem .3rem .6rem;
	width: 40px;
}

button.button-remdata:hover {
	background-color: #9fa0ac;
	border: 1.5px solid #9fa0ac;
	color: #fff;
}


/* button nav counter */
span.nav_counter {
	align-items: center;
	background-color: #000;
	border: 1.5px solid #000;
	border-radius: .55rem;
	color: #FFF;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	min-width: 42px;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

span.nav_counter-shop {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #00DFB2;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	min-width: 42px;
	padding: 3px 9px 4px 9px;
	text-decoration: none !important;
}


button.modulenav.counter--extension,
a.modulenav.counter--extension {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 1px 3px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-transform: lowercase;
}

button.modulenav.counter--extension:hover,
a.modulenav.counter--extension:hover {
	background-color: transparent;
	border: 1.5px solid #8E909D;
	color: #00002F;
}

button.modulenav.counter--extension.active,
a.modulenav.counter--extension.active {
	background-color: #EAECEF;
	border: 1.5px solid #EAECEF;
	color: #00002F;
}


span.nav_bc_counter {
	align-items: center;
	background-color: #FFF;
	border: 1.5px solid #cacccf;
	border-radius: .55rem;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 38px;
	justify-content: center;
	letter-spacing: -.0125rem;
	margin-left: .75rem;
	min-width: 38px;
	padding: 3px 9px;
	text-decoration: none !important;
}

a.modulenav.counter--extension span.button--name {
	margin-bottom: 0;
}

span.nav_bc_counter span.inner--counterbox {
	display: flex;
	width: auto;
	margin-bottom: 1px;
}

span.list_title {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #ddd;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}


button.iconbutton-1,
a.iconbutton-1 {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.iconbutton-1:hover,
a.iconbutton-1:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #010101;
}

button.iconbutton-2,
a.iconbutton-2 {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #D0D3D6;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.iconbutton-2:hover,
a.iconbutton-2:hover {
	background-color: #D0D3D6;
	border-color: #D0D3D6;
	color: #010101;
}

button.iconbutton-3,
a.iconbutton-3 {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #666;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.iconbutton-3:hover,
a.iconbutton-3:hover {
	background-color: #666;
	border-color: #666;
	color: #fff;
}

button.iconbutton-4,
a.iconbutton-4 {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #111;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.iconbutton-4:hover,
a.iconbutton-4:hover {
	background-color: #111;
	border-color: #111;
	color: #fff;
}


/* form save */
button.iconbutton-formsave,
a.iconbutton-formsave {
	align-items: center;
	background-color: #FFF;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 40px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 40px;
}

button.iconbutton-formsave:hover,
a.iconbutton-formsave:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #000;
}


/* send mail */
button.sendmail--icon,
a.sendmail--icon {
	align-items: center;
	background-color: #010101;
	border: 1.5px solid #010101;
	border-radius: .55rem;
	color: #FFF;
	display: flex;
	font-size: 1.25rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.sendmail--icon:hover,
a.sendmail--icon:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #010101;
}


/* calendar */
button.iconbutton-prev_next,
a.iconbutton-prev_next {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #DDDFE2;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.iconbutton-prev_next:hover,
a.iconbutton-prev_next:hover {
	background-color: #DDDFE2;
	border-color: #DDDFE2;
	color: #010101;
}

button.iconbutton-week,
a.iconbutton-week {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem !important;
	color: #000;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	min-width: 42px;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.iconbutton-week:hover,
a.iconbutton-week:hover {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}

button.iconbutton-week span {
	display: block;
	font-size: 1.1rem;
	font-weight: 600;
	margin-top: 2px;
}

button.iconbutton-add,
a.iconbutton-add {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem !important;
	color: #010101 !important;
	display: flex;
	font-size: 1.15rem;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 42px;
}

button.iconbutton-add:hover,
a.iconbutton-add:hover {
	background-color: #e6e9ee;
	border-color: #e6e9ee;
	color: #000000111;
}

button.iconbutton-function,
a.iconbutton-function {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	flex: 0 0 auto !important;
	font-size: 1.15rem;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 42px;
}

button.iconbutton-function:hover,
a.iconbutton-function:hover {
	background-color: #e6e9ee;
	border-color: #e6e9ee;
	color: #000000111;
}

button.iconbutton-show,
a.iconbutton-show {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 42px;
}

button.iconbutton-show:hover,
a.iconbutton-show:hover {
	background-color: #e6e9ee;
	border-color: #e6e9ee;
	color: #000000111;
}



/* top button */
button.button-top,
a.button-top {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #DDDFE2;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.button-top:hover,
a.button-top:hover {
	background-color: #DDDFE2;
	border-color: #DDDFE2;
	color: #000;
}


/* backto button */
button.button-backto,
a.button-backto {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #DDDFE2;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.button-backto:hover,
a.button-backto:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #000;
}


/* Save button */
button.savebutton,
a.savebutton {
	align-items: center;
	background-color: #000;
	border: 1.5px solid #000;
	border-radius: 50px !important;
	color: #07E2EA;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.savebutton:hover,
a.savebutton:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #000;
}


button.savebutton--icon,
a.savebutton--icon {
	align-items: center;
	/* animation: pulse-animation 2.5s infinite; */
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.savebutton--icon:hover,
a.savebutton--icon:hover {
	background-color: #000;
	border-color: #000;
	color: #FFF;
	transform: scale(1.05);
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(187, 211, 84, 0.8);
	}

	50% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}

	100% {}
}



/* Send button */
button.sendbutton,
a.sendbutton {
	align-items: center;
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.sendbutton:hover,
a.sendbutton:hover {
	background-color: #000;
	border: 1.5px solid #000;
	color: #FFF;
}


/* Send button rounded icon */
button.sendbutton--icon,
a.sendbutton--icon {
	align-items: center;
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	border-radius: 50px !important;
	color: #000;
	display: flex;
	font-size: 1.2em;
	height: 42px;
	justify-content: center;
	letter-spacing: 0;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.sendbutton--icon i,
a.sendbutton--icon i {
	margin-left: 3px;
}

button.sendbutton--icon:hover,
a.sendbutton--icon:hover {
	background-color: #000;
	border-color: #000;
	color: #07E2EA;
}



/* Preview button */
button.previewbutton,
a.previewbutton {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #07E2EA;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.previewbutton:hover,
a.previewbutton:hover {
	background-color: #DDD;
	border-color: #DDD;
	color: #000000;
}


/* Preview button rounded icon */
button.previewbutton--icon,
a.previewbutton--icon {
	align-items: center;
	background-color: #FFF;
	border: 1.5px solid #07E2EA;
	border-radius: 50px !important;
	color: #000;
	display: flex;
	font-size: 1.25rem;
	height: 42px;
	justify-content: center;
	letter-spacing: 0;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.previewbutton--icon:hover,
a.previewbutton--icon:hover {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}



/* Builder */
button.builder_add-element,
a.builder_add-element {
	align-items: center;
	background-color: #07E2EA;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-transform: lowercase;
}

button.builder_add-element:hover,
a.builder_add-element:hover {
	background-color: #000000;
	border-color: #000000;
	color: #07E2EA;
}

button.builder_applybutton,
a.builder_applybutton {
	align-items: center;
	background-color: #000;
	border: 1.5px solid #000;
	border-radius: .55rem;
	color: #07E2EA;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 100%;
}

button.builder_applybutton:hover,
a.builder_applybutton:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #000;
}

.builder_applybutton:disabled {
	background-color: #EAECEF;
	border: 1.5px solid #CACCCF;
	cursor: not-allowed;
	opacity: 0.6;
}


/* Insert buttons */
button.insert_form,
a.insert_form {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 42px;
}

button.insert_form:hover,
a.insert_form:hover {
	background-color: #E6E7E8;
	border-color: #E6E7E8;
	color: #010101;
}

button.insertbutton,
a.insertbutton {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #C0C3C6;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 5px 12px 4px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.insertbutton:hover,
a.insertbutton:hover {
	background-color: #C0C3C6;
	border-color: #C0C3C6;
	color: #fff;
}

button.insertbutton-icon-builder,
a.insertbutton-icon-builder {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #C0C3C6;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.insertbutton-icon-builder:hover,
a.insertbutton-icon-builder:hover {
	background-color: #C0C3C6;
	border-color: #C0C3C6;
	color: #fff;
}

button.insertbutton_modal,
a.insertbutton_modal {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #C0C3C6;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.insertbutton_modal:hover,
a.insertbutton_modal:hover {
	background-color: #8E909D;
	border-color: #8E909D;
	color: #fff;
}


/* Button inspection map */
button.canvasmap,
a.canvasmap {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #ddd;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.canvasmap:hover,
a.canvasmap:hover {
	background-color: #9fa0ac;
	border-color: #9fa0ac;
	color: #fff;
}

button.mapiconfunction,
a.mapiconfunction {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #1bb9db;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px;
	text-decoration: none !important;
	width: 42px;
}

button.mapiconfunction:hover,
a.mapiconfunction:hover {
	background-color: #1bb9db;
	border-color: #1bb9db;
	color: #fff;
}


/* Dashboard user */
span.username {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #888;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}


button.iconbutton-settings,
a.iconbutton-settings {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #ddd;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px;
	text-decoration: none !important;
	width: 42px;
}

button.iconbutton-settings:hover,
a.iconbutton-settings:hover {
	background-color: #8E909D;
	border-color: #8E909D;
	color: #fff;
}

button.iconbutton-settings.active,
a.iconbutton-settings.active {
	background-color: #fff;
	border-color: #8E909D;
	color: #000000;
}

button.iconbutton-topbar,
a.iconbutton-topbar {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #DDDFE2;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-size: 1.05rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.iconbutton-topbar:hover,
a.iconbutton-topbar:hover {
	background-color: #DDDFE2;
	border-color: #DDDFE2;
	color: #010101;
}

button.iconbutton-topbar.active,
a.iconbutton-topbar.active {
	background-color: #DDDFE2;
	border-color: #DDDFE2;
	color: #010101;
}

button.iconbutton-signout,
a.iconbutton-signout {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #DDDFE2;
	border-radius: 50%;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	width: 42px;
}

button.iconbutton-signout:hover,
a.iconbutton-signout:hover {
	background-color: #010101;
	border-color: #010101;
	color: #fff;
}



button.analysis,
a.analysis {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #a4ff23;
	border-radius: 50px !important;
	color: #000000;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125em;
	padding: 3px 15px 5px 15px;
	text-decoration: none !important;
}

button.analysis:hover,
a.analysis:hover {
	background-color: #8365ff;
	border-color: #8365ff;
	color: #fff;
}


button.action,
a.action {
	align-items: center;
	background-color: #FFF;
	border: 1.5px solid #07E2EA;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.action:hover,
a.action:hover {
	background-color: #07E2EA;
	border-color: #07E2EA;
	color: #000000;
}



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

.dropdown-item {
	font-size: 15px;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #000000;
	background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #1bb9db;
}


/* ---------------------------------------------------
	BORDERS - shadows - BACKGROUND COLORS
----------------------------------------------------- */

hr {
	color: #cbcfd3;
	opacity: .85;
}

.border-left {
	border-left: 1px solid #dee2e6 !important;
}

.bgWhite {
	background-color: #fff;
}

.bgTP90white {
	background: rgba(255, 255, 255, 0.9);
}

.bgTP95white {
	background: rgba(255, 255, 255, 0.95);
}

.box-shadow1 {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.box-shadow2 {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}



/* ---------------------------------------------------
	TYPO
----------------------------------------------------- */

.tooltip {
	font-family: 'Eina 01', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
p {
	margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5 {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


h1 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: -.04rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h2 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -.04rem;
	margin-bottom: .6rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h2.formblock--label {
	color: #B9BDC1;
}

h3 {
	color: #010101;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.125rem;
	font-weight: 900;
	letter-spacing: -.01rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h3.nametag {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #F0F2F5;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Circular Pro', sans-serif;
	font-size: 1.1rem;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px 12px 2px 12px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:
		antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p {
	font-size: .95rem;
}

p.font--small {
	font-size: .85rem;
}

sup {
	font-size: 65% !important;
	letter-spacing: -.025rem;
	top: -.425em;
}

.small,
small {
	font-size: 80%;
	font-weight: 400;
}

.textOrange {
	color: #07E2EA !important;
}

.textTable__detail--highlight {
	color: #07E2EA !important;
}

.text--dark {
	color: #000000 !important;
}

.text--detail {
	color: #8E909D !important;
}

.text--indicator {
	color: #07E2EA !important;
}

.text--lightgrey {
	color: #ADAFB2 !important;
}

.textWhite {
	color: #fff !important;
}


/* shorten text in table */
.text-truncate {
	max-width: 600px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



/* ---------------------------------------------------
	LINKS
----------------------------------------------------- */

a.anchor {
	text-decoration: none !important;
}

a {
	text-decoration: none;
	transition: all .2s ease-in-out;
}



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

form .radio+.radio,
.checkbox+.checkbox {
	margin-top: -5px;
}

.radio,
.checkbox {
	background-color: #fff;
	border-radius: .25rem;
	display: block;
	height: 22px !important;
	margin-bottom: 1px;
	position: relative;
	width: 22px;
}

.modal .radio {
	background-color: #fff;
	border-radius: .25rem;
	height: 22px;
	margin-bottom: 1px;
	position: relative;
	width: auto;
}

.modal .indication,
.radio .indication {
	font-size: 14px;
}

.checkbox span.indication,
.radio span.indication {
	font-size: 1rem;
	white-space: nowrap;
}

.checkbox--description span {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
}

.modal .radio .cr .cr-icon {
	font-size: 13px;
	left: 19%;
	line-height: 0;
	position: absolute;
	top: 50%;
}

.modal .radio label {
	height: 24px;
}

.checkbox label,
.radio label {
	cursor: pointer;
	font-weight: 400;
	margin-bottom: 0;
	min-height: 20px;
	padding-left: 0;
}

.checkbox label::after,
.radio label::after {
	clear: both;
	content: "";
	display: table;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

.checkbox .cr,
.radio .cr {
	border: 1.5px solid #cbcfd3;
	border-radius: .25rem;
	display: inline-block;
	height: 24px;
	position: relative;
	width: 24px;
}

.radio .cr {
	border-radius: 50%;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
	opacity: 1;
	transform: scale(1) rotateZ(0deg);
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
	opacity: 0;
	transform: scale(3) rotateZ(-20deg);
	transition: all 0.3s ease-in 0s;
}

.checkbox .cr .cr-icon {
	color: #000000;
	font-size: 16px;
	left: 16%;
	line-height: 0;
	position: absolute;
	top: 50%;
}

.radio .cr .cr-icon {
	color: #000000;
	font-size: 13px;
	left: 18%;
	line-height: 0;
	position: absolute;
	top: 50%;
}

.checkbox .cr.master .cr-icon {
	left: 14%;
}

.checkbox .cr.master {
	border: 2px solid #000000;
}



/* ---------------------------------------------------
	SELECT
----------------------------------------------------- */

.bootstrap-select.form-control {
	border: 0px !important;
}

.bootstrap-select {
	color: #64748b !important;
}

.bootstrap-select>.dropdown-toggle {
	background-color: #ffffff !important;
	border: 1.5px solid #CDCFD2 !important;
	color: #111;
	font-weight: 400;
	height: 40px;
	padding: .4rem .75rem .4rem .75rem;
	border-radius: .375rem !important;
	font-family: 'Eina 01', Arial, sans-serif;
	letter-spacing: 0;
	outline: none !important;
}

.form-select.function btn dropdown-toggle btn-light {
	border-color: #07E2EA !important;
}

.bootstrap-select>.dropdown-toggle:focus {
	outline: 0px;
}

.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
	outline: 0px !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	border-color: #000000 !important;
	box-shadow: 0 0 0 .15rem rgba(20, 20, 20, .15) !important;
	outline: 0px !important;
	outline: 5px auto -webkit-focus-ring-color !important;
	outline-offset: -2px;
}

.bootstrap-select .bs-placeholder {
	color: #64748b !important;
}

.bootstrap-select .bs-placeholder:hover,
.bootstrap-select .bs-placeholder:focus,
.bootstrap-select .bs-placeholder:active {
	color: #64748b !important;
}

.dropdown-header {
	font-size: .95rem;
	color: #111;
	font-weight: 600;
	white-space: nowrap;
}

.dropdown-item {
	align-items: center;
	color: #111;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95rem;
	font-weight: 400;
	line-height: 28px;
	padding: .125rem 1.2rem;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #f1f5f9;
	color: #7C66FF;
	text-decoration: none;
}

.dropdown-item:last-child {
	border-bottom: 0;
}

.dropdown-item:hover,
.dropdown-item:hover.dropdown-toggle::after {
	background-color: #f1f5f9;
	color: #7C66FF;
}


/* modal */
.modal .dropdown-item {
	align-items: center;
	color: #111;
	display: flex;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95rem;
	font-weight: 400;
	line-height: 28px;
	padding: .125rem 1.2rem;
	text-decoration: none !important;
}

.modal .dropdown-item.active,
.modal .dropdown-item:active {
	background-color: #f1f5f9;
	color: #7C66FF;
	text-decoration: none;
}

.modal .dropdown-item:last-child {
	border-bottom: 0;
}

.modal .dropdown-item:hover,
.modal .dropdown-item:hover.dropdown-toggle::after {
	background-color: #f1f5f9;
	color: #7C66FF;
}


.dropdown-divider {
	border-top: 1px solid #eee;
}

.bootstrap-select .dropdown-menu {
	min-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dropdown-menu {
	border: none;
	border-radius: .5rem;
	box-shadow: 0 10px 30px 0 rgba(31, 45, 61, .1);
	color: #94a3b8;
	font-size: .875rem;
	line-height: 1.375rem;
	z-index: 1021;
}

.dropdown-toggle::after {
	color: #111;
}