:root{
    --colorLight1: #eef0f8;
    --colorLight15: #f2f5ff;
    --colorLight2: #d8def8;
    --colorLight3: #708eac;
    --colorLight4: #89add0;
    --colorDark1: #283c55;
    --colorDark2: #5a738c;
    --lightPurple: #dee4fc;
    --redColor: #ff5c47;
    --yellowColor: #f8b901;
    --greenColor: #6ad813;
    --blueColor: #53a6f9;
    --purpleColor: #9d72ff;
	--orangeColor: #ff5c47;
	--headerTextColor:#2a4367;
}
body{
    background: var(--colorLight1);
    color: var(--colorDark1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	
}
#page_block{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(42,67,103, 0.7);
	z-index:99999;
}

/*** EXTRA FOR PLUGINS ***/
.login-as-user{
	display:none;
}
.admin-has-been-logged-in-as-a-user{
	margin:0 !important;
	padding:0 !important;
}
input,
select,
textarea,
button{
    font-family: 'Montserrat', sans-serif;
}
input::placeholder,
textarea::placeholder{
    color: #d8def8;
}
input.no_spiner::-webkit-outer-spin-button,
input.no_spiner::-webkit-inner-spin-button,
input.no_spinner::-webkit-outer-spin-button,
input.no_spinner::-webkit-inner-spin-button{
    appearance: none;
    -webkit-appearance: none;
}
input[type="checkbox"] {
	position:relative;
	appearance: none;
    font: inherit;
    color: #FFF;
    width: 16px;
    height: 16px;
    border: 2px solid #CCC;
    border-radius: 3px;
    line-height: 13px;
    margin: 0;
	cursor:pointer;
}
input[type="checkbox"]:checked{
	background:#9d72ff;
	border-color:#9d72ff;;
}
input[type="checkbox"]::before {
	content: '\f00c';
    position: absolute;
    font-family: fontawesome;
    width: 12px;
    height: 12px;
    line-height: 12px;
    top: -1px;
    left: 1px;
    font-size: 10px;
	color:#FFF;
    transform: scale(0);
    transition: all 0.2s;
}
input[type="checkbox"]:checked::before {
	transform: scale(1);
}

hr{
    float:left;
    width: 100%;
    height: 1px;
    border: none;
    background: #d8def8;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    border-radius: 3px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f2f5ff;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #a8c9ea; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a8c9ea; 
}
.sl_table{
	border-collapse: collapse;
    background: #FFF;
    font-size: 13px;
    box-shadow: 0 0 3px rgb(42 67 103 / 10%);
    color: #283c55;
}
.sl_table a:not(.button){
    color: #283c55;
}
.sl_table tbody tr.selectable{
    cursor: pointer;
}
.sl_table tr.unactive{
    opacity: 0.3;
    pointer-events: none;
}

.sl_table th{
    padding:10px;
    line-height: 130%;
}
.sl_table tfoot td{
    padding:15px;
    line-height: 130%;
	font-weight:bold;
	font-size:110%;
	text-transform:uppercase;
}
.bulk_action {
    width: 30px;
	text-align: center;
}
.sl_table td{
	position: relative;
    padding:10px;
    line-height: 130%;
}
.sl_table thead th{
	position: sticky;
	top: 0;
	background: #293d56;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	z-index: 5;
}
.sl_table tbody tr:nth-child(even) td{
    background: #f2f5ff;
}
.sl_table:not(.prevent_hover) tbody tr:hover td{
    background:#e8edfd;
}
.sl_table td > ul,
.sl_table th > ul{
	float:left;
	width:100%;
	padding:0 0 0 20px;
	box-sizing:border-box;
	font-size:12px;
	line-height:130%;
}
.table_actions{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.table_avatar{
	display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #9d72ff;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    color: #FFF;
	font-size: 12px;
    margin-right: 10px;
}
.table_no_content{
	pointer-events:none;
}
.archive_term_name .fa-caret-right{
	width:10px;
	text-align: center;
}
.archive_term_name .fa-caret-right:last-of-type{
	margin-right:5px;
}

/*** MISC ***/
#page_wrapper{
    overflow: hidden;
}

/*** BUTTONS ***/
.buttons_list{
    display: inline-flex;
	align-items: center;
    gap: 10px;
}
td .buttons_list{
	gap:5px;
}
.buttons_list.align-center{
	justify-content: center;
}
.buttons_list.align-left{
	justify-content: start;
}
.buttons_list.align-right{
	justify-content: end;
}
.button{
    display: inline-block;
	position: relative;
    padding: 0 20px;
    line-height: 30px;
    font-size: 11px;
    color: #FFF;
    border-radius: 3px;
    border: none;
    letter-spacing: 1px;
    font-weight: 500;
	text-transform:uppercase;
	cursor:pointer;
    text-align: center;
	--color: var(--colorDark1);
    background: var(--color);
	transition: all 0.5s;
}
.button.small_button{
    font-size: 11px;
	padding:0 10px;
}
.button.big_button{
	padding: 5px 40px;
    text-transform: uppercase;
    font-size: 13px;
}
.button.medium_button{
	line-height: 35px;
    font-size: 13px;
}
.button.full_button{
    float:left;
    width: 100%;
    padding:0;
    text-align: center;
}
.sl_field_button .button{
	line-height:35px;
}
.button:not(.icon_button) i{
    transform: translateX(-7px) translateY(2px);
    font-size: 14px;
}
.button.ghost_button{
    background: none;
    border:1px solid var(--color);
    color: var(--color);
    line-height: 28px;
}
.button.ghost_button.inactive{
    border-color:#c3c9e3;
    color: #c3c9e3;
}
.button.icon_button{
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}
.button.icon_button.ghost_button{
    width: 28px;
    height: 28px;
    line-height: 28px;
}
button.button.icon_button.ghost_button{
    width: 30px;
    height: 30px;
    line-height: 28px;
}

/*** BUTTON COLORS ***/
.blue_button{
	--color: var(--blueColor);
}
.red_button{
	--color: var(--redColor);
}
.light_purple_button{
	--color: var(--lightPurple);
}
.green_button{
	--color: var(--greenColor);
}
.yellow_button{
	--color: var(--yellowColor);
}
.purple_button{
	--color: var(--purpleColor);
}
.light4_button{
	--color: var(--colorLight4);
}
.button.inactive{
	pointer-events:none;
}

/*** BUTTON STAGES ***/
.button.loading{
	color:transparent;
	pointer-events:none;
}
.button.loading:not(.ghost_button){
	background:#c3c9e3;
}
.button.loading:before{
	content: '';
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 16px;
    height: 16px;
    line-height: 20px;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
	border-color: var(--color) var(--color) var(--color) transparent;
	-webkit-animation: loadingRotate 1s infinite ease;
	-moz-animation: loadingRotate 1s infinite ease;
	-o-animation: loadingRotate 1s infinite ease;
}
.button.inactive:not(.ghost_button),
.button:disabled{
	background:#cdd6e0;
	pointer-events:none;
}

/*** SPECIAL BUTTONS ***/
.button_in_field{
	position: absolute;
    top: 20px;
    right: 3px;
}

/*** TEXT COLORS ***/
.red_text{
    color: var(--redColor) !important;
}
.blue_text{
    color: var(--blueColor) !important;
}
.green_text{
    color: var(--greenColor) !important;
}
.yellow_text{
    color: var(--yellowColor) !important;
}
.orange_text{
    color: var(--orangeColor) !important;
}
.purple_text{
    color: var(--purpleColor) !important;
}
.light_text{
    color: var(--colorLight4) !important;
}

/** BORDERS **/
.border_yellow{
    border-color: var(--yellowColor) !important;
}
.border_red{
    border-color: var(--redColor) !important;
}
.border_green{
    border-color: var(--greenColor) !important;
}

.red_background{
    background: var(--redColor);
    color:#FFF;
}
.blue_background{
    background: var(--blueColor);
    color:#FFF;
}
.green_background{
    background: var(--greenColor);
    color:#FFF;
}
.tags_list{
	display:flex;
	gap:5px;
}
.tags_list.align-center{
	justify-content: center;
}
.tags_list.align-left{
	justify-content: start;
}
.tags_list.align-right{
	justify-content: end;
}

/** COLOR TAGS **/
.tags_nav{
	display: flex;
    justify-content: center;
	width:100%;
	gap:5px;
}
.color_tag{
    padding: 3px 10px;
    display: inline-block;
    background: #a8c9ea;
    color: #FFF;
    border-radius: 5px;
}
.color_tag.red_tag{
    background: var(--redColor);
}
.color_tag.green_tag{
    background: var(--greenColor);
}
.color_tag.blue_tag{
    background: var(--blueColor);
}
.color_tag.yellow_tag{
    background: var(--yellowColor);
}
.color_tag.black_tag{
    background: #000;
}
.color_tag.purple_tag{
    background: var(--purpleColor);
}

/** BOXES **/
.border_box{
	border: 1px solid #c3c9e3;
    padding: 20px;
    border-radius: 5px;
}
.lightbox_content_box{
    padding: 20px;
	width:calc(100% + 40px);
	margin:-20px 0 0 -20px;
}
.lightbox_content_box h3{
	font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.medium_clear_list{
	list-style:none;
}
.medium_clear_list li {
	float:left;
	width:100%;
	margin-bottom:10px;
	font-size:14px;
	line-height:120%;
}
.deleting{
	background: #ff8576 !important;
    color: #FFF !important;
}
.deleting a{
	color:#FFF !important;
}

/*** NOTICES ***/
.sl_notices{
	margin-bottom:20px;
}
.sl_notice{
	--mainColor: var(--blueColor);
	--iconColor: var(--mainColor);
	--borderColor: var(--mainColor);
	--linkColor: var(--purpleColor);
	--bgColor: #f7f8fc;
	--textColor: var(--colorDark1);
	display: flex;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 25px;
    background: var(--bgColor);
    color: var(--textColor);
    font-weight: bold;
    border-left: 5px solid var(--borderColor);
	gap:10px;
	box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.sl_notice:last-child{
	margin-bottom:0;
}
.sl_notice a{
	color:var(--linkColor);
	text-decoration:underline;
}
.sl_notice > i{
	display: inline-block;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
	color:var(--iconColor);
}
.sl_notice.alert{
	--mainColor: var(--yellowColor);
}
.sl_notice.danger{
	--mainColor: var(--redColor);
}
.sl_notice.success{
	--mainColor: var(--greenColor);
}
.sl_notice_close{
	margin-left: auto;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--redColor);
    color: #FFF !important;
    text-align: center;
}

/*** INFO BOX ***/
.info_box {
    display: inline-flex;
    padding: 20px;
    background: var(--colorLight15);
    border-radius: 5px;
    gap: 10px;
    align-items: center;
    box-shadow: 0 0 5px #283c552e;
}
.info_box_number{
	display: inline-block;
    padding: 10px 20px;
    background: var(--purpleColor);
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    letter-spacing: 2px;
}
.info_box_title{
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--purpleColor);
}

/*** LOADING BAR ***/
.loading_bar_wrapper{
	padding:40px 0;
	display:none;
}
.loading_bar{
	float: left;
	position:relative;
    width: 100%;
    height: 10px;
    background: #f2f5ff;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.loading_bar:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgb(80 65 255 / 30%) 50%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgb(80 65 255 / 30%) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgb(80 65 255 / 30%) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgb(80 65 255 / 30%) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	-webkit-animation: loadingBar 2s infinite linear;
	-moz-animation: loadingBar 2s infinite linear;
	-o-animation: loadingBar 2s infinite linear;
}
.error .loading_bar:after,
.complete .loading_bar:after{
	display:none;
}

@-webkit-keyframes loadingBar {
	from{
		-webkit-transform:translatex(-100%);
	}
	to{
		-webkit-transform:translatex(100%);
	}
}
@-moz-keyframes loadingBar {
	from{
		-moz-transform:translatex(-50%);
	}
	to{
		-moz-transform:translatex(100%);
	}
}
@-o-keyframes loadingBar {
	from{
		-o-transform:translatex(-50%);
	}
	to{
		-o-transform:translatex(100%);
	}
}

.loading_bar span{
    position: absolute;
    top: 0;
    left: 0;
	width: 50%;
    height: 100%;
    background: var(--purpleColor);
	transition:all 0.5s;
}
.complete .loading_bar span{
    background: var(--greenColor);	
}
.error .loading_bar span{
    background: var(--redColor);
}
.loading_bar_label{
	font-size:12px;
	margin-bottom:10px;
}
.loading_wrapper{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(42,67,103, 0.7);
	z-index:99999;
	transition:all 0.3s;
	opacity:0;
	visibility:hidden;
}
.loading_wrapper.active{
	opacity:1;
	visibility:visible;
}
.loading_wrapper .loading_bar_wrapper{
	position:absolute;
    display: inline-block;
	top:50%;
	left:50%;
	width:calc(100% - 40px);
	max-width:400px;
	transform:translate(-50%, -50%);
	color:#FFF;
    padding: 0;
}

.header_title{
	font-size: 20px;
    margin-left: 30px;
    font-weight: bold;
}

/*** ACTIONS MENU ***/
.actions_menu_wrapper{
	position:relative;
	display:inline-block;
	width: 35px;
    height: 35px;
}
.edit_mode_save{
	position:relative;
	display:inline-block;
	width:35px;
	height:35px;
	line-height:35px;
	border-radius:50%;
	background:#6ad813;
	color:#FFF;
	font-size:14px;
	cursor:pointer;
	transition:all 0.5s;
}
.actions_menu_trigger{
	position:relative;
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#f2f5ff;
	color:#293d56;
	font-size:16px;
	cursor:pointer;
	transition:all 0.5s;
}
tr:hover .actions_menu_trigger{
	background:#293d56;
	color:#FFF;
}
.actions_menu_trigger i{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 4px;
    line-height: 6px;
    transform: translate(-50%, -50%);
}
.actions_menu{
	position: absolute;
    bottom: -10px;
    right: 0;
    width: 160px;
    background: #FFF;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    transition: all 0.2s;
    border-top: 3px solid currentColor;
    border-radius: 5px;
    z-index: 9;
    transform: translatey(calc(100% - 10px));
    visibility: hidden;
    opacity: 0;
}
.active .actions_menu,
.bubble_active .actions_menu{
	transform:translatey(100%);
    visibility: visible;
    opacity: 1;
}
.actions_menu:before {
    content: '';
    position: absolute;
    top: -9px;
    right: 11px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent currentcolor transparent;
}
.actions_menu > *{
	float: left;
    width: 100%;
    line-height: 100%;
    display: flex;
	align-items: center;
    text-align: left;
    padding: 10px 5px;
    box-sizing: border-box;
    font-size: 12px;
    color: #293d56;
    font-weight: normal;
    transition: all 0.5s;
    border-bottom: 1px solid #f2f5ff;
}
.actions_menu > *:hover{
	background:#f2f5ff;
}
.actions_menu > * i{
	display: inline-block;
    width: 30px;
    height: 20px;
    font-size: 14px !important;
    line-height: 20px;
    text-align: center;
}

/* NO CONTENT */
span.no_content {
	padding: 40px 0;
    font-style: italic;
    line-height: 130%;
    font-size: 14px;
    opacity: 0.6;
    text-align: center;
}
.no_content a{
	color:var(--blueColor) !important;
	text-decoration:underline;
}

.table_title{
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
}

.ajax_form:before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	z-index:9;
	visibility: hidden;
	opacity: 0;
}
.ajax_form:after{
	content:'';
	position: absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	width:40px;
	height:40px;
	border-width: 5px;
	border-style: solid;
	border-color: var(--blueColor) var(--blueColor) var(--blueColor) transparent;
	border-radius: 50%;
	z-index: 10;
	-webkit-animation: loadingRotate 1s infinite ease;
	-moz-animation: loadingRotate 1s infinite ease;
	-o-animation: loadingRotate 1s infinite ease;
	visibility: hidden;
	opacity: 0;
}
.archive_header .ajax_form:after{
	top: calc(50% - 14px);
    left: calc(50% - 14px);
    width: 20px;
    height: 20px;
    border-width: 4px;
}
.ajax_form.loading:before,
.ajax_form.loading:after{
	opacity: 1;
	visibility: visible;
}
@-webkit-keyframes loadingRotate {
	from{
		transform: rotate(0deg)
	}
	to{
		transform: rotate(359deg)
	}
}
@-moz-keyframes loadingRotate {
	from{
		transform: rotate(0deg)
	}
	to{
		transform: rotate(359deg)
	}
}
@-o-keyframes loadingRotate {
	from{
		transform: rotate(0deg)
	}
	to{
		transform: rotate(359deg)
	}
}

/** ERROR AND SUCCESS LISTS **/
.form_messages_list {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style: none;
    text-align: center;
}
.form_messages_list li{
	float:left;
	width:100%;
    font-size: 14px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:5px;
	color:#FFF;
	border-radius:3px;
}
.form_messages_list li:last-child{
	margin-bottom:0;
}
.errors_list{
	background:var(--redColor);
}
.success_list{
	background:var(--greenColor);
}

/*** LOGIN PAGE ***/
#login_wrapper{
    height: 100vh;
}
#login_box_wrapper{
	position:absolute;
	top:50%;
	left:50%;
	width:calc(100% - 40px);
	max-width:400px;
	transform:translate(-50%, -50%);
}
.login_logo {
	margin-bottom:10px;
}
.login_logo img{
	display:inline-block;
	width:80%;
}
#login_box{
	padding:30px;
	background:#FFF;
	border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0, 0.1);
}

/*** HEADER ***/
#header{
	position: fixed;
    display: flex;
    align-items: center;
	gap: 10px;
    top: 0;
    left: 0;
    height: 65px;
    padding: 0 10px;
    background: #FFF;
    border-bottom: 1px solid #e6e6e6;
    z-index: 10;
}
#header_actions{
    margin-left: auto;
    display: flex;
    color: var(--headerTextColor);
}
.header_action{
	display: inline-block;
    height: 65px;
    width: 45px;
    line-height: 65px;
    text-align: center;
    font-size: 18px;
    color: var(--headerTextColor);
}
#login_as{
	background: var(--redColor);
    color: #FFF;
}
#header_notifications{
	position: relative;
}
.icon_count{
	position: absolute;
    top: 10px;
    right: 5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f00;
    line-height: 18px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
	display:none;
}
.icon_count.active{
	display:inline-block;
}

/*** NOTIFICATIONS ***/
#notifications_box{
	position: absolute;
    top: 60px;
    right: 0;
    width: 260px;
    background: #FFF;
    padding: 5px;
	box-sizing:border-box;
	z-index:9;
	transition:all 0.5s;
	opacity:0;
	visibility:hidden;
}
#header_notifications:hover #notifications_box{
	opacity:1;
	visibility:visible;
}
#notifications_box:before{
	content: '';
    position: absolute;
    top: -6px;
    right: 15px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #FFF transparent;
}
#notifications_list{
	list-style:none;
}
#notifications_list li{
	border-bottom: 1px solid #d8def8;
}
#notifications_list li:last-child{
	border-bottom:none;
}
#notifications_list li a{
	padding:10px 15px;
	border-radius:5px;
	transition:all 0.5s;
}
#notifications_list li a:hover{
	background:#f2f5ff;
}
.notification_title{
	font-size:12px;
	color: var(--colorDark1);
	margin-bottom:3px;
}
.notification_excerpt{
	font-size:11px;
	color: #708eac;
	margin-bottom:3px;
}
#header_notifications .no_content {
	padding:20px 0;
    font-style: italic;
    line-height: 130%;
	font-size: 14px;
	color:#89add0;
}

/** HEADER PROFLE **/
#header_profile{
	position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: auto;
    max-width: 130px;
    height: 60px;
    margin-left: 10px;
    text-align: right;
}
#header_profile .profile_img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
#header_profile_data{
    display: flex;
    flex-direction: column;
}
#header_settings{
    float: left;
    width: 45px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    margin-left: 10px;
}
#header_profile_data .username{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
	color:var(--headerTextColor);
}
#header_profile_data .status{
    font-size:10px;
}

/*** ACCOUNT MENU ***/
#account_menu{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    background: #FFF;
    box-sizing: border-box;
    transform: translateY(100%);
    padding: 5px 0;
    box-shadow: 0 5px 5px -5px rgb(0 0 0 / 10%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    border-top: 3px solid #9d72ff;
    border-radius: 5px;
}
#header_profile:hover #account_menu{
	opacity:1;
	visibility:visible;
}
#account_menu:before{
	content: '';
    position: absolute;
    top: -10px;
    right: 10px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #9d72ff transparent;
}
#account_menu a{
	float: left;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 30px;
    text-align: right;
	color:#2a4367;
}

/*** MAIN MENU **/
#main_menu_wrapper{
	position: fixed;
    top: 0;
    left: 0;
    width: 70px;
    height:100vh;
    background: #FFF;
    box-sizing: border-box;
    margin: 0;
    list-style: none;
    overflow: hidden;
    box-shadow: 5px 0 5px -5px rgb(0 0 0 / 10%);
    transition: all 0.5s;
    z-index: 99;
}
#main_menu_wrapper:hover{
    width: 250px;
}
#header_logo{
	position:relative;
	float: left;
    width: 70px;
    height: 65px;
}
#header_logo img{
	position: absolute;
    top: 50%;
    left: 15px;
    transition: all 0.5s;
    transform: translateY(-50%);
}
#header_iso_logo{
	width: 40px;
}
#header_full_logo{
    width: 185px;
    max-width: none;
	opacity:0;
	z-index: 2;
}
#main_menu_wrapper:hover #header_full_logo{
	opacity:1;
}
#main_menu{
	margin: 10px 0 0;
	max-height: calc(100vh - 75px);
	overflow: hidden auto;
}
#main_menu li{
	position:relative;
    float:left;
    width: 250px;
    box-sizing: border-box;
    padding: 0 10px;
}
#main_menu li > a{
    position: relative;
    float: left;
    width: 100%;
	font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    padding: 0 0 0 50px;
    line-height: 50px;
    font-size: 14px;
    color: transparent;
	font-weight: 500;
    transition: all 0.5s;
}
#main_menu_wrapper:hover #main_menu li > a{
    color: var(--colorLight3);
}
#main_menu li > a:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    border-radius: 5px;
    z-index: -1;
	transition:all 0.5s;
}
#main_menu_wrapper:hover #main_menu li > a:before{
	width:100%;
}
#main_menu li:hover > a:before,
#main_menu li.expanded > a:before{
    background:#f7f8fc;
}
.post-type-archive-student #main_menu .menu-item-object-student a:before,
.post-type-archive-cuota #main_menu .menu-item-object-cuota a:before,
.post-type-archive-transaction #main_menu .menu-item-object-transaction a:before,
.post-type-archive-payment #main_menu .menu-item-object-payment a:before{
    background: #dde5f1;
}
.menu-item:before{
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    left: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #8094ae;
    z-index: 2;
	border-radius:5px;
    pointer-events: none;
}
#main_menu li .sub-menu li:before {
	display:none;
}
#main_menu li .sub-menu{
    float: left;
	position:relative;
    display: none;
    width: 100%;
    padding: 5px 0;
    margin: -2px 0 0 0;
    box-sizing: border-box;
    list-style: none;
    transition: padding 0.5s;
}
#main_menu li .sub-menu:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: #f7f8fc;
	border-radius:0 0 5px 5px;
	z-index:-1;
	transition:all 0.5s;
}
#main_menu li .sub-menu li{
	width: 100%;
    margin: 0;
}
#main_menu .sub-menu li a{
    padding: 0 10px 0 45px;
    line-height: 40px;
	font-size: 13px;
}
#main_menu .sub-menu li a i {
    left:30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
#main_menu li .expand_submenu{
	position: absolute;
    width: 40px;
    height: 50px;
    top: 0;
    right: 10px;
    cursor: pointer;
    text-align: center;
    padding: 0;
    font-size: 16px;
    line-height: 50px;
    color: var(--colorLight3);
    z-index: 2;
	transition:all 0.5s;
}
#main_menu:hover li .expand_submenu{
	opacity:1;
	visibility:visible;
}

/*** MOBILE MENU **/
#mobile_menu_trigger{
	position: relative;
	display: none;
    height: 65px;
    width: 45px;
    color: var(--headerTextColor);
}
#mobile_menu_trigger:after{
	content:'';
	position:absolute;
	top:calc(50% - 1px);
	left:calc(50% - 12.5px);
	width:25px;
	height:2px;
	background:var(--headerTextColor);
}
#mobile_menu_trigger i{
	position:absolute;
	top:50%;
	left:50%;
	width:25px;
	height:15px;
	transform:translate(-50%, -50%);
}
#mobile_menu_trigger i:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2px;
	background:var(--headerTextColor);
}
#mobile_menu_trigger i:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background:var(--headerTextColor);
}

/*** MAIN WRAPPER ***/
#main_wrapper{
    float: left;
    width: calc(100% - 70px);
    min-height: calc(100vh - 65px);
    padding: 20px;
    box-sizing: border-box;
    margin: 65px 0 0 70px;
}
.page-template-login_page #main_wrapper{
    width: 100%;
    min-height: 100vh;
	padding:0;
    margin:0;
}
.complete_content_page{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.complete_content_page .sps{
	position: absolute;
    top: 50%;
    left: 0;
    font-size: 18px;
    font-style: italic;
    text-align: center;
	color: #89add0;
}


#main_wrapper_header{
	display: flex;
	justify-content: space-between;
    margin-bottom: 40px;
}
#main_wrapper_header h1{
    text-transform: uppercase;
    font-size: 20px;
    margin:0;
    line-height: 30px;
}
#main_wrapper_header h1 span{
    display: inline-block;
    position: relative;
    font-weight: normal;
    font-size: 75%;
    line-height: 20px;
    transform: translateY(-5%);
    margin: 0 0 0 20px;
    color:var(--colorLight3);
    text-transform: initial;
}
#main_wrapper_header h1 span:before{
    content: '';
    position: absolute;
    top: -5px;
    left: -13px;
    width: 1px;
    height: 30px;
    background: var(--colorLight2);
}
#main_wrapper_header h2{
    text-transform: uppercase;
    font-size: 18px;
    margin:0;
    color:var(--colorLight3);
}
#main_wrapper_header h2 a{
    color:var(--colorLight3);	
}
#main_wrapper_header h2 i{
	display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 16px;
}
#main_wrapper_header h3{
	font-size: 16px;
    font-weight: normal;
    margin: 5px 0 0 0;
}
#main_wrapper_header_actions{
    display: flex;
	align-items: flex-start;
	justify-content: flex-end;
    gap: 10px;
}
#main_wrapper_header_actions .button{
    text-transform: uppercase;
}
.main_wrapper_header_search{
	position: absolute;
    right: 0;
    top: 50%;
    width: 222px;
    display: inline-grid;
    grid-template-columns: 1fr 30px;
    justify-items: stretch;
    justify-content: space-between;
    grid-gap: 5px;
    transform: translateY(-50%);
}
.main_wrapper_header_search .text_input{
	height:30px;
	line-height:30px;
}

#header_breadcrumb{
	padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #d8def8;
    color: #283c55;
    background: #f2f5ff;
    margin: 20px 0 0 0;
}
#header_breadcrumb *{
	float:left;
	position:relative;
	margin-right:20px;
}
#header_breadcrumb a{
    color: #708eac;
}
#header_breadcrumb a:after{
	content:'\f105';
	position:absolute;
	font-family:fontawesome;
	top:0;
	right: -14px;
}

/** MAIN WRAPPER WIDGETS **/
.widgets_grid_group{
	margin-bottom:40px;
}
.widgets_grid{
	display: inline-grid;
	grid-template-columns: repeat(5, minmax(200px, 1fr));
	justify-items: stretch;
	justify-content: space-between;
	grid-gap: 20px;
}
.widget{
    padding: 20px;
    border-radius: 5px;
	box-sizing:border-box;
    background: #FFF;
    color: var(--colorDark2);
}
.widget_icon_wrapper i{
	width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    border: 3px solid;
    border-radius: 50%;
    margin-bottom: 20px;
}
.widget_title{
	font-weight:bold;
}

/* WIDGET COLORS */

/** WIDGETS ELEMENTS **/
.widget_grid_title{
    font-size: 18px;
    margin-bottom: 15px;
}
.widget_title{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}
.widget_big_number{
	font-size: 30px;
    font-weight: bold;
}
.widget_info_links {
	margin: 10px 0 -10px 0;
    font-size: 12px;
	display:flex;
	gap:15px;
}
.widget_info_links.align-center{
	justify-content: center;
}
.widget_info_links a{
	position:relative;
	color:var(--blueColor);
}
.widget_info_links a:after{
	content:'|';
	position:absolute;
	top:0;
	right: -10px;
}
.widget_info_links a:last-child:after{
	display:none;
}

/*** LIGHTBOXES **/
.lightbox{
	position: fixed;
	top: 65px;
    left: 70px;
    width: calc(100% - 70px);
    height: calc(100vh - 65px);
	background: rgba(42,67,103, 0.7);
    z-index: 9;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.lightbox.lightbox_active{
	visibility: visible;
	opacity: 1;
}
.lightbox_content{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100%  - 40px);
	max-width: 900px;
	background: #FFF;
	border-radius: 5px;
	overflow: hidden;
	transform: translate(-50%, -50%);
}
.lightbox.small_lightbox .lightbox_content{
	max-width: 400px;
}
.lightbox.big_lightbox .lightbox_content{
	max-width: 1000px;
}
.lightbox_header{
	line-height: 20px;
    padding: 15px;
	border-bottom: 1px solid #a8c9ea;
}
.lightbox_title{
	float: left;
    text-transform: uppercase;
    font-weight: 500;
    color: #89add0;
    font-size: 14px;
    letter-spacing: 1px;
}
.lightbox_title strong{
	color:var(--colorDark1);
}
.lightbox_header_actions{
	position: absolute;
	top:0;
	right: 0;
}
.lightbox_header_actions i{
	float:left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: var(--colorLight15);
	color: var(--colorDark2);
	font-size: 20px;
}
.lightbox_body{
	padding: 20px;
    max-height: calc(100vh - 200px);
    overflow: auto;
}
.lightbox_body > hr{
    width: calc(100% + 60px);
    margin:0 0 0 -20px;
}
.lightbox_subtitle{
    color: var(--colorDark1);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-bottom:1px solid #89add0;
    padding-bottom: 5px;
	margin-bottom: 10px;
}
.lightbox_body .carousel_tabs_carousel{
    width: calc(100% + 40px);
    margin: -20px;
}
.lightbox_body .carousel_tabs_content{
    padding:20px;
}
.lightbox_body h1,
.lightbox_body h2,
.lightbox_body h3,
.lightbox_body h4,
.lightbox_body h5{
	line-height: 150%;
}
.lightbox_body h1{
	font-size:25px;
	margin-bottom:20px;
}
.lightbox_body h2{
	font-size:22px;
	margin-bottom:20px;
}
.lightbox_body h3{
	font-size:20px;
	margin-bottom:20px;
}
.lightbox_body h4{
	font-size:18px;
	margin-bottom:20px;
}
.lightbox_body h5{
	font-size:16px;
	margin-bottom:20px;
}
.lightbox_body h6{
	font-size:14px;
	margin-bottom:20px;
}
.lightbox_body p{
	font-size:14px;
	line-height:130%;
	margin-bottom:20px;
}
.lightbox_body p:last-child{
	margin-bottom:0;
}
ul,
ol{
	float:left;
	width:100%;
	padding:0 0 0 20px;
	margin:0 0 20px 0;
	box-sizing:border-box;
	font-size:14px;
}
ul:last-child,
ol:last-child{
	margin-bottom:0;
}
ol li::marker{
	font-weight:bold;
}
ul li,
ol li{
	float:left;
	width:100%;
	margin-bottom:10px;
	line-height:130%;
}
ul li:last-child,
ol li:last-child{
	margin-bottom:0;
}

/*** FORMS ***/
form.gwgrid,
fieldset.gwgrid,
.form_grid{
	--gridgap: 25px 15px;
}
.form_footer{
	margin-top:10px;
}
.boxed_form{
	padding:20px;
	border-radius:5px;
	background:#FFF;
}
.form_field.loading{
	opacity:0.5;
	pointer-events:none;
	transition:all 0.5s;
}

.button_field{
	display: flex;
    align-items: center;
}
.form_field.button_field{
    justify-content: center;
    padding-top: 17px;
}
.form_field label.error{
	float: left;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    color: var(--redColor);
	line-height: 100%;
}
.form_field input.error{
	border-color:var(--redColor);
}
.form_errors_line{
	grid-column: span 12;
	text-align:center;
    color: var(--redColor);
    font-weight: bold;
    margin-top: 10px;
}
.button_field .button{
	float: left;
    width: 100%;
	line-height:20px;
	padding:7px 0;
}
.form_subtitle{
	font-size: 14px;
    color: #5a738c;
    font-weight: 500;
    margin: 0 0 6px 0;
    grid-column: span 12;
    border-bottom: 1px solid #d8def8;
    padding-bottom: 6px;
}
.form_section_subtitle{
	font-size: 14px;
    color: #5a738c;
    font-weight: 500;
    margin: 0 0 15px 0;
	padding-bottom:10px;
	text-transform:uppercase;
	border-bottom:1px solid #5a738c;
}
.form_field_label{
	float:left;
	width:100%;
	font-size: 12px;
    color: #708eac;
    margin-bottom: 5px;
	line-height: 100%;
}
.form_field_help{
	margin-top: 5px;
    font-size: 12px;
}
.form_field_label + .form_field_help{
	margin:0 0 10px 0;
}
.form_field_help a{
    text-decoration: underline;
	color:#9d72ff;
}
.sl_field_taxonomy_checkboxes .form_field_help{
	margin:0 0 10px 0;
}
.sl_field_textarea .form_field_help{
	margin:0 0 10px 0;
}
.inline_label{
	display: flex;
    align-items: center;
    gap: 10px;
}
.inline_label .form_field_label{
	width: auto;
    margin: 0;
    white-space: nowrap;
}

/*** FIELDSSET ***/
fieldset{
	float:left;
	width:100%;
	border:1px solid #d8def8;
	padding:20px;
	box-sizing:border-box;
	margin:0 0 10px 0;
	align-content: start;
}
fieldset.borderless{
	border:none;
	padding:0;
	margin:0;
}
legend{
	font-size: 12px;
    text-transform: uppercase;
    padding: 0 10px;
    color: #708eac;
    letter-spacing: 2px;
    font-weight: bold;
}
fieldset.red_fieldset{
	border-color:var(--redColor);
}
fieldset.red_fieldset legend{
	color:var(--redColor);
}

/** TEXT INPUT **/
.text_input,
.input-text{
	display:inline-block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding:0 10px;
	border-radius: 3px;
	box-sizing: border-box;
	border:1px solid #d8def8;
	color: #283c55;
}
.text_input:read-only,
.input-text:read-only{
	background: #2a436714;
    color: #283c55b0;
}
.small_input{
	width:50px;
}
.medium_input{
	width:120px;
}

/** TEXT AREA **/
.form_field textarea,
.form-row textarea{
	float:left;
	width: 100%;
	resize: none;
	line-height: 120%;
	min-height: 80px;
	padding:10px;
	border-radius: 3px;
	box-sizing: border-box;
	border:1px solid #d8def8;
	color: #283c55;
	outline:none;
	transition:all 0.5s;
}
.form_field textarea:read-only{
	background: #2a436714;
    color: #283c55b0;
}

/** SELECT **/
select{
    float: left;
    height: 35px;
	width: 100%;
    max-width: 100%;
    border: 1px solid #d8def8;
    border-radius: 3px;
    line-height: 35px;
    color: #283c55;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
}

/*** CHECKBOX **/
.checkbox_label{
	display: inline-block;
    font-size: 12px;
    color: #708eac;
	padding:5px 0;
}
.checkbox_label input{
	float:left;
	margin:3px 5px 0 0;
}
.checkbox_label span{
	float:left;
	line-height:20px;
}

/** FIELDS MULTIPLICATOR **/
.items_list_field_list_wrapper .items_list_field_list{
	padding:10px 40px 10px 10px;
	border: 1px solid #d8def8;
	border-radius:5px;
	list-style:none;
	min-height: 70px;
}
.items_list_field_list_wrapper .items_list_field_item {
    padding: 10px;
    background: #f7f8fc;
    margin-bottom: 15px;
    border: 1px solid #d8def8;
    border-radius: 5px;
}
.items_list_field_item_delete{
	position:absolute;
	top:calc(50% - 15px);
	right: -35px;
	width: 30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	border-radius:50%;
	background:var(--redColor);
}
.items_lists_field_add{
	position: absolute;
    bottom: -15px;
    left: calc(50% - 15px);
    background: var(--greenColor);
    color: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	line-height:30px;
	text-align:center;
	z-index: 2;
}
.items_list_field_list_wrapper{
	margin-bottom:25px;
}
.list_item_template{
	display:none;
}
.sortable_list_footer{
	padding: 15px 40px 10px 15px;
    background: #f2f4f7;
    margin: -30px 0 0 0;
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d8def8;
}

/*** COMMENTS FIELD ***/
.comments_field_main {
	display: flex;
    gap: 20px;
}
.comments_list.items_list_field_list{
	max-height: 300px;
	margin-top: 16px;
	padding:20px;
	background:#f7f8fc;
    overflow: auto;
}
.comment_item{
	float: left;
    width: 100%;
    list-style: none;
    padding: 10px;
    box-sizing: border-box;
    background: #FFF;
	box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
    border-radius: 5px;
	margin-bottom:10px;
}
.comment_item.current_user_comment{
	background: #8cafd1;
    color: #FFF;
}
.comment_item:last-child{
	margin-bottom:0;
}
.comment_header{
	display: flex;
    justify-content: space-between;
	align-items: center;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d5dee8;
	font-size: 12px;
}
.comment_author{
	text-transform:uppercase;
	font-weight:bold;
}
.comment_content p{
	font-size:12px;
	margin-bottom:10px;
	line-height:140%;
}
.comment_content p:last-child{
	margin-bottom:0;
}


/*** SORTABLE BOXES ***/
.sl_field_sortable_boxes > .form_field_help{
	margin:0 0 10px 0;
}
.sortable_boxes{
	display: flex;
    gap: 15px;
	flex-wrap: wrap;
	padding: 15px;
    background: #f2f5ff;
    list-style: none;
	border-radius: 3px;
    border: 1px solid #d8def8;
}
.sortable_boxes li{
	float: left;
    position: relative;
    margin: 0;
    width: calc(20% - 20px);
	min-width: 150px;
}
.sortable_box{
    min-height: 65px;
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 0 5px #283c551c;
}
.sortable_box_handle {
	height:20px;
	line-height:20px;
	color:#92a7bf;
    background: #f5f8ff;
	border-radius:3px 3px 0 0;
	cursor:move;
}
.sortable_box_handle i {
    display: inline-block;
    font-size: 14px;
    transform: rotate(90deg);
}
.sortable_box_body{
    padding: 20px 15px 20px 20px;
    font-size: 12px;
    line-height: 20px;
}
.sortable_box:before{
	content: '';
    position: absolute;
    top: calc(50% - 15px);
    left: -3px;
    border-style: solid;
    border-width: 17px 0 17px 12px;
    border-color: transparent transparent transparent #f2f5ff;
}
.sortable_box:after{
	content: '';
    position: absolute;
    top: calc(50% - 15px);
    right: -10px;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent #FFF;
}
.add_sortable_box{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    color: #90a0bc;
    background: #e6e9f4;
    border: 2px dashed #92a7bf;
    border-radius: 3px;
	box-sizing: border-box;
	cursor:pointer;
}
.sortable_box_delete{
	height: 20px;
    line-height: 20px;
    background: #f5f8ff;
    color:var(--redColor);
    font-size: 12px;
    border-radius: 0 0 3px 3px;
	transition:all 0.3s;
}
.sortable_box_delete:hover{
	background:var(--redColor);
	color:#FFF;
}
.sortable_box_options{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: var(--purpleColor);
	opacity:0;
	transition:all 0.3s;
}
.sortable_box_options:before{
	content: '';
    position: absolute;
    top: calc(50% - 15px);
    left: -3px;
    border-style: solid;
    border-width: 17px 0 17px 12px;
    border-color: transparent transparent transparent #f2f5ff;
}
.sortable_box_options:after{
	content: '';
    position: absolute;
    top: calc(50% - 15px);
    right: -10px;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent var(--purpleColor);
}
.sortable_box_options:hover{
	opacity:1;
}
.sortable_box_options i{
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	font-size:18px;
	transform:translate(-50%, -50%);
}

/*** RANGE SLIDER ***/
.range_slider{
	float: left;
    width: 100%;
    margin: 15px 0 5px;
    background: #f2f5ff;
    box-shadow: none;
    border: 1px solid #d8def8;
}
.noUi-horizontal .noUi-tooltip{
	bottom: 0;
	border: none;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    background: none;
    color: #708eac;
	z-index:9;
	transform:translate(-50%, 0);
	transition:all 0.5s;
}
.noUi-horizontal:hover .noUi-tooltip{
    background: #708eac;
    color: #FFF;
	transform:translate(-50%, -120%);
}
.noUi-horizontal .noUi-tooltip:after{
	content:'';
	position:absolute;
	bottom:-5px;
	left:calc(50% - 5px);
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #708eac transparent transparent transparent;
	opacity: 0;
}
.range_slider.noUi-horizontal:hover .noUi-tooltip:after{
	opacity:1;
}
.noUi-connects{
	position: absolute;
    top: 0;
    left: 0;
}
.noUi-connect{
	background:var(--barColor);
}
.level_color.level_state_ultra_low .noUi-connect{
	background:rgb(169 14 64);
}
.level_color.level_state_low .noUi-connect{
	background:rgb(255 11 74);
}
.level_color.level_state_medium_low .noUi-connect{
	background:rgb(255 134 0);
}
.level_color.level_state_medium_high .noUi-connect{
	background:rgb(255 208 0);
}
.level_color.level_state_high .noUi-connect{
	background:rgb(71 236 10);
}
.level_color.level_state_ultra_high .noUi-connect{
	background:rgb(79 199 23);
}


/** DISABLE FIELDS **/
.diable_field{
	float: left;
    margin: 10px 5px 0 0;
}
.diable_field + .text_input{
	width:calc(100% - 20px);
}

/** SWITCH BOX **/
.checkbox_switch{
	display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin: 7px 0 0 0;
}
.checkbox_switch.readonly{
	pointer-events:none;
	cursor:not-allowed;
}
.checkbox_switch input{
	display:none;
}
.checkbox_switch_box{
	float: left;
    position: relative;
    width: 35px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #d8def8;
    border-radius: 15px;
	transition:all 0.5s;
}
.checkbox_switch_box:before{
	content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #d8def8;
	transition:all 0.5s;
}
.checkbox_switch input:checked + .checkbox_switch_box{
	border-color:#6ad813;
}
.checkbox_switch input:checked + .checkbox_switch_box:before{
	left: 0;
	background:#6ad813;
}
.checkbox_switch_label{
	float:left;
	display: inline-block;
    width: calc(100% - 40px);
	font-size:12px;
	letter-spacing:1px;
	margin:0 0 0 5px;
	line-height:20px;
}

/*** TAGS FIELDS ***/
.tags_input .selectize-input{
	position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
    box-shadow: none;
    padding: 8px 10px;
}
.tags_input .selectize-dropdown-content{
	background: #FFF;
    width: calc(100% + 20px);
    margin: 0 0 0 -10px;
}

/** SELECT TAGS FIELDS **/
.selectize-control.single .selectize-input{
	position: relative;
    background: #FFF;
    box-shadow: none;
    border: 1px solid #d8def8;
    line-height: 17px;
}
.selectize-control.single .selectize-input:after {
    right: 10px;
    margin-top: 0;
    border-color: #7c97b3 transparent transparent transparent;
}
.selectize-control.single .selectize-input.locked{
	background: #eef0f3;
	pointer-events:none;
	color: #283c55b0;
}

/*** SEARCH SELECT FIELD ***/
.selectize-control{
	float:left;
	width:100%;
}
.selecitize_item{
	line-height:25px;
	font-size:12px;
	padding:5px 10px;
	box-sizing:border-box;
	border-bottom: 1px solid #f6f8fc;
}
.selecitize_selected_item .caption{
	display: inline-block;
    font-size: 90%;
    color: #5a738c;
	margin-top:3px;
}
.selecitize_item .caption{
	display: inline-block;
    font-size: 90%;
    color: #5a738c;
	margin:-3px 0 3px;
}

/*** CATEGORIES BOX **/
.catogories_box {
	list-style: none;
    background: #f6f8fc;
    padding: 15px;
    max-height: 200px;
    overflow: auto;
	border:2px solid transparent;
}
.required_checkbox.error + label + .catogories_box{
	border-color:var(--redColor);
}
.catogories_box li{
	margin:3px 0 0 0;
}
.catogories_box label{
    display: flex;
    align-items: center;
    gap: 5px;
	font-size: 12px;
    cursor: pointer;
    line-height: 20px;
}
.catogories_box li .children{
	float:left;
	width:100%;
	box-sizing:border-box;
	list-style:none;
	padding:0 0 0 20px;
}
.sl_field_taxonomy_checkboxes label.error{
	margin:0 0 10px 0;
}

/** TAXONOMY CRUD FIELD **/
.crud_taxonomy,
.crud_nav_menu{
	display: flex;
	flex-wrap: wrap;
    align-content: flex-start;
	list-style:none;
	padding:15px 15px 30px;
	border:1px solid #d8def8;
	border-radius:3px;
	background: #f2f5ff;
}
.crud_nav_menu .form_field_label{
	margin-bottom:15px;
}
.dd-list{
    float: left;
    width: 100%;
	position:relative;
    list-style: none;
    min-height: 40px;
    padding: 0;
}
.dd-list .dd-list {
    padding-left: 40px;
	margin-top: 5px;
}
.dd-collapsed .dd-collapse, 
.dd-collapsed .dd-list{
    display: none;
}
.dd-item, 
.dd-placeholder{
	float:left;
	width:100%;
	box-sizing:border-box;
	min-height: 40px;
}
.dd-item{
	position: relative;
    margin:0 0 5px 0;
}
.dd-item-header{
	display:flex;
	height: 40px;
    border-radius: 5px;
    background: #FFF;
    font-weight: 700;
    border: 1px solid #d8def8;
	justify-content: space-between;
}
.dd-item-name{
	float: left;
    width: calc(100% - 80px);
    padding: 0 10px;
    box-sizing: border-box;
    border: none;
}
.dd-dragel > .dd-item .dd-item-header {
	margin-top: 0; 
}
.dd-dragel .dd-item-header {
	height:40px;
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.dd-handle{
    float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
    border-right: 1px solid #d8def8;
	cursor:move;
}
.dd-item > button {
	float: left;
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    text-indent: 40px;
    background: none;
    border: none;
    overflow: hidden;
}
.dd-item > button:before{
	font-family: fontawesome;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-indent: 0;
    font-size: 18px;
}
.dd-item > button.dd-collapse:before {
    content: '\f147';
}
.dd-item.dd-collapsed > button.dd-collapse{
	display:none;
}
.dd-item > button.dd-expand{
	display:none;
}
.dd-item.dd-collapsed > button.dd-expand{
	display:inline-block;
}
.dd-item > button.dd-expand:before {
    content: '\f196';
	font-family:fontawesome;
}
.dd-empty,
.dd-placeholder{
	width: 100%;
	height:40px;
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius:3px;
	background:rgba(0,0,0,0.03);
}
.dd-empty{
	background: rgba(0,0,0,0.03);
	min-height: 100px;
}
.dd-dragel{
	position: absolute;
	pointer-events: none;
	z-index: 9999;
	list-style:none;
}
.dd-nochildren .dd-placeholder {
	display: none; 
}
.dd-item-delete{
	position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-left: 1px solid #d8def8;
}
.dd-item-actions-trigger{
	float: left;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    font-size: 17px;
    color: #7b8eac;
    border-left: 1px solid #d8def8;
	border-radius:0 3px 3px 0;
	transition:all 0.3s;
}
.dd-item-actions-trigger:hover{
    color: #293d56;
	background:#f2f5ff;
}
.nestable_item_inline_actions{
	display:flex;
    border-left: 1px solid #d8def8;
}
.nestable_item_inline_actions > *{
	width:40px;
	height:40px;
	line-height:40px;
    color: #283c55;
	text-align:center;
}

/*** MENU SELECTOR FIELD **/
.user_role_active_menu > .dd-list{
	padding-left:32px;
}
.user_role_active_menu .dd-empty{
	display:none;
}
.crud_nav_menu input:disabled {
	background:none;
}
.available_menu_items .dd-handle{
	display:none;
}
.available_menu_items .dd-collapse{
	display:none;
}
.dd-item .menu_item_add,
.available_menu_items .menu_item_remove{
	display:none;
}
.available_menu_items .menu_item_add{
	display:inline-block;
}
.available_menu_items .inactive > .dd-item-header .menu_item_add{
	color:#d8def8;
	pointer-events:none;
}


/*** CHECKBOX LIST ***/
.checkbox_list{
	margin:0;
	list-style:none;
	gap:10px;
}
.checkbox_list li{
	margin-bottom:0;
}
.checkbox_list li label{
	float: left;
    width: 100%;
	cursor:pointer;
    position: relative;
    box-sizing: border-box;
	line-height:20px;
}
.checkbox_list li input{
	float:left;
	margin: 2px 5px 0 0;
}
.checkbox_list li span{
	float:left;
	font-size:13px;
}

/*** ACCORDEON FIELD ***/
.accordeon_item{
	border:1px solid #d8def8;
}
.accordeon_header{
	float:left;
	width:100%;
	display:flex;
	justify-content: space-between;
	border-bottom:1px solid #d8def8;
	background: #f8f9ff;
}
.accordeon_header i{
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:#7b8eac;
	border-left:1px solid #d8def8;
	cursor:pointer;
}
.accordeon_header span{
	line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
}
.accordeon_body {
	padding:20px;
	display:none;
}

/** CAOURSEL TABS **/
.carousel_tabs_header{
    background: #2a4367;
    text-align: center;
}
.carousel_tabs_header a{
    display: inline-block;
    position: relative;
    line-height: 40px;
    color: #708eac;
    font-size:12px;
    text-transform: uppercase;
    padding:0 10px;
    letter-spacing: 1px;
}
.carousel_tabs_header a.current{
    color: #FFF;
}
.carousel_tabs_header a:after{
    content: '\f105';
    font-family: fontawesome;
    position: absolute;
    top: -1px;
    right: -5px;
    color: #FFF;
    font-size: 16px;
}
.carousel_tabs_header a:last-child::after{
    display: none;
}

/*** REGULAR TABS ***/
.lightbox_body .tabs_wrapper {
	margin: -20px 0 0 -20px;
    width: calc(100% + 40px);
}
.tabs_header{
	display: flex;
    justify-content: center;
    color: #FFF;
    gap: 5px;
    background: #e6e9f4;
    padding: 5px 0 0 5px;
}
.lightbox_body .tabs_header{
    background: #eef0f3;
}
.tabs_wrapper.align-left .tabs_header{
    justify-content: flex-start;
}
.tabs_wrapper.align-right .tabs_header{
    justify-content: flex-end;
}
.tabs_header > *{
	line-height: 40px;
    padding: 0 20px;
    color: #708eac;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.5s;
    border-radius: 3px 3px 0 0;
	cursor:pointer;
}
.tabs_header .current{
    color: #283c55;
    background: #FFF;
}
.tab_content{
	display:none;
	padding: 20px;
	background:#FFF;
}
.tab_content:first-of-type{
	display:inline-block;
}
.active_tab_anabled .tab_content:first-of-type{
	display:none
}
.active_tab_anabled .tab_content.current{
	display:inline-block;	
}
.lightbox .tab_content{
	overflow: auto;
	max-height: calc(100vh - 320px);
}

/*** VERTICAL TABS ***/
fieldset.vertical_tabs{
	padding:0;
	border:none;
}
.vertical_tabs_wrapper {
    display: flex;
    align-content: stretch;
	border: 1px solid #d8def8;
    border-radius: 5px;
}
.vertical_tabs_header{
	float: left;
    width: 200px;
    flex-direction: column;
    margin: 0;
	border-right:1px solid #d8def8;
}
.vertical_tabs_header a{
	float:left;
	width:100%;
	padding:15px 10px;
	color:#5a738c;
	text-transform:uppercase;
	font-size:11px;
	box-sizing:border-box;
	line-height: initial;
	font-weight:500;
}
.vertical_tabs_header .current{
    color: #9d72ff;
	background:#f5f8ff;
}
.vertical_tabs_content{
	float: left;
	display:none;
    width: calc(100% - 201px);
	padding:20px;
	box-sizing:border-box;
}
.vertical_tabs_content.current{
	display:inline-block;
}

/*** LINK POSTS FIELD **/
.link_post_field_header{
	margin-bottom:10px;
}
.link_post_field_searcher_wrapper i{
	position:absolute;
	top:0;
	right:0;
	width:35px;
	height:35px;
	text-align:center;
	line-height:35px;
	color:#d8def8;
	font-size:14px;
}
.link_post_field_selector{
	display:none;
    position: absolute;
	float: left;
    top: 35px;
    left: 0;
    width: 100%;
    max-height: 200px;
    margin: 0;
    list-style: none;
    background: #f2f5ff;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #d8def8;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    overflow: auto;
    z-index: 9;
}
.link_post_field_selector.active{
	display:inline-block;
}

.link_post_field_selector li{
	float:left;
	width:100%;
}
.link_post_field_selector li a{
	float:left;
	width:100%;
	padding:10px;
	color:#708eac;
	font-size:13px;
	box-sizing:border-box;
	border-bottom: 1px solid #d8def8;
}
.link_post_field_selector li .selected{
	opacity: 0.3;
}
.link_post_field_selector li a:not(.selected):hover{
	background:#eef0f8
}
.link_post_field_selector li:last-child a{
	border-bottom:none;
}
.delete_table_item{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: var(--redColor);
}
.view_password{
	position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: #2a43672b;
}
.view_password_checkbox{
	display:none;
}
.view_password i{
	float:left;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
}
.view_password i:before{
	content:'\f070'
}
.view_password input:checked + i:before{
	content:'\f06e'
}

/*** SELECT SEARCH ***/
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default,
.select2-selection--multiple{
    border-color:#d8def8 !important;
}
.select2-results__options{
	float:left;
	width:100%;
}
.form_field .select2-search__field{
	min-height: auto
}

/*** FILE UPLOADER ***/
.fileuploader{
	float:left;
	width: 100%;
    margin:0;
	padding:0;
	background:none;
}

/*** THUMBAILS LAYOUT ***/
.fileuploader.fileuploader-theme-thumbnails .fileuploader-items-list{
	float:left;
	width:100%;
	margin:0;
	display: inline-grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	justify-items: stretch;
	justify-content: space-between;
	grid-gap: 15px;
}
.limit_1 .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list{
	grid-template-columns: 1fr;
}
.limit_2 .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.limit_3 .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item{
	width: 100%;
	max-width:150px;
    margin: 0;
    padding-top: min(100%, 150px);
}

/** BOX AFTER **/
.fileuploader-theme-boxafter .fileuploader-items .fileuploader-items-list{
	float: left;
	margin:0;
}
.fileuploader-theme-boxafter .fileuploader-items .fileuploader-item{
	float: left;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #dee3f9;
	padding:0;
	margin:0;
}
.fileuploader-items .fileuploader-item .columns {
    align-items: center;
}
.fileuploader-items .fileuploader-item .column-thumbnail {
    position: relative;
    width: 35px;
    height: 35px;
	overflow: hidden;
}
.fileuploader-items .fileuploader-item .column-title {
	padding:0 5px;
	font-size: 12px;
}
.fileuploader-items .fileuploader-item .column-actions {
    margin: 0 10px;
}
.fileuploader-theme-boxafter .fileuploader-input i{
	line-height: 21px;
    font-size: 16px;
    color: #87a4c1;
}
.fileuploader-theme-boxafter .fileuploader-input h3 {
    font-size:12px;
	line-height: 21px;
}
.fileuploader-items .fileuploader-item .fileuploader-action,
.fileuploader-items .fileuploader-item .progress-bar2 span{
	top:initial;
	transform:none;
}
.fileuploader-theme-boxafter .fileuploader-input{
	float: left;
    width: 100%;
    margin: 0;
    font-size: 12px;
    padding: 5px 0;
    border-radius: 5px;
}

/* MEDIA GALLERY */
.media_gallery_drop{
	height: 200px;
    background: #f5f7ff;
    border-radius: 5px;
    margin-bottom: 10px;
	text-align:center;
}
.media_gallery_drop .fileuploader-thumbnails-input-inner{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	gap:5px;
	position:absolute;
	top:10px;
	left:10px;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	border:2px dashed #d8def8;
	border-radius:5px;
	color: #8094ae;
	font-size: 16px;
}
.media_gallery_drop .fileuploader-thumbnails-input-inner i{
	font-size: 25px;
}
#media_gallery_list{
	display: inline-grid;
    width: 100%;
	max-height: 453px;
    margin: 0;
    padding: 30px 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-items: stretch;
    justify-content: space-between;
    grid-gap: 25px;
    overflow: auto;
    list-style: none;
}
#media_gallery_list.empty{
	background:#f5f7ff;
}
#media_gallery_list.empty:after{
	content:'No hay archivos disponibles.';
	position:absolute;
	top:50%;
	left:50%;
	color:#89add0;
	font-size:12px;
	transform:translate(-50%, -50%);
}
.media_gallery_list_item{
	position: relative;
	cursor:pointer;
}
.media_gallery_list_item .spacer{
	padding-top:100%;
}
.media_gallery_list_item > input {
    position: absolute;
    z-index: 99;
	display:none;
}
.media_gallery_list_item_inner{
	position:absolute;
	display: flex;
    justify-content: center;
    align-items: center;
	top:0;
	left:0;
	height: 100%;
	margin: 0;
    background: #f5f7ff;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px;
	box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	overflow: hidden;
	transition:all 0.5s;
}
input:checked + .media_gallery_list_item_inner{
    box-shadow: 0 0 10px rgb(90 148 255 / 50%);
}
.media_gallery_list_item_inner:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(90 148 255 / 50%);
	opacity:0;
	transition:all 0.3s;
}
input:checked + .media_gallery_list_item_inner:after{
	opacity:1;
}
.fileuploader-item-selector-icon{
	position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
	text-align:center;
	line-height:16px;
    border-radius: 3px;
    border: 2px solid #283c55;
	color:#FFF;
	font-size:16px;
    z-index: 5;
	transition:all 0.3s;
}
input:checked + .media_gallery_list_item_inner .fileuploader-item-selector-icon{
	background:#283c55;
}
.fileuploader-item-selector-icon:before{
	opacity:0;
	transition:all 0.5s;
}
input:checked + .media_gallery_list_item_inner .fileuploader-item-selector-icon:before{
	opacity:1;
}
.media_gallery_list_item .type-holder{
	position: absolute;
    bottom: 5px;
    right: 5px;
    border-radius: 3px;
    background: rgba(0,0,0,0.4);
    font-size: 10px;
    color: #FFF;
    padding: 0 5px;
    line-height: 30px;
    z-index: 3;
    text-transform: uppercase;
}
.media_gallery_list_item .actions-holder{
	position:absolute;
	top:5px;
	right:5px;
	display:flex;
	gap:5px;
	z-index:2;
}
.media_gallery_list_item .actions-holder > *{
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	border:none;
	border-radius:3px;
	padding:0;
	cursor:pointer;
}
.media_gallery_list_item .thumbnail-holder{
	text-align:center;
}
.media_gallery_list_item .content-holder{
	position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    padding: 25px 10px 10px;
    font-size: 12px;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	z-index:2;
}
.media_gallery_list_item .content-holder h5{
	font-size:12px;
	margin-bottom:0;
}

/*** SPECIAL PAGES ***/

/*** ARCHIVE PAGE ***/
.archive_top_header{
    margin-bottom: 10px;
}
.archive_page_menu{
	display:flex;
	gap:15px;
}
.archive_page_menu a,
.archive_page_menu span{
    position: relative;
    color: #89add0;
    font-size: 12px;
    line-height: 30px;
}
.archive_page_menu span{
    color: #2a4367;
}
.archive_page_menu .current{
	text-decoration:underline;
    color: #2a4367;
}
.archive_page_menu a:after,
.archive_page_menu span:after{
    content: '|';
    position: absolute;
    top: 0;
    right: -8px;
    color: #89add0;
}
.archive_page_menu *:last-child::after{
    display: none;
}
.archive_pagination{
	float: right;
	display: inline-flex;
    justify-content: flex-end;
    gap: 5px;
}
.archive_pagination .icon_button,
.archive_pagination span{
    float:left;
}
.pagination_input_wrapper{
    float:left;
}
.pagination_input{
    float: left;
    width: 45px;
    height: 30px;
    padding: 0;
    text-align: center;
    border: 1px solid #c3c9e3;
    border-radius: 3px;
    box-sizing: border-box;
}
.archive_pagination span{
    line-height: 30px;
    padding:0 5px;
    font-size: 13px;
}
.archive_header{
	display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 15px;
    background: #FFF;
    border-radius: 5px;
}
.archive_header .button.icon_button.ghost_button {
    width: 35px;
    height: 35px;
}
.simple_archive_header.archive_header{
	padding:0;
	background:none;
}
.search_input_wrapper .text_input{
    padding: 0 35px 0 10px;
}
.search_input_wrapper{
	position:relative;
}
.search_button{
	position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 33px;
    color: #616f81;
    text-align: center;
    background: none;
    border: none;
    border-left: 1px solid #d8def8;
	cursor:pointer;
}
.reset_search{
	position: absolute;
    top: 1px;
    right: 1px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    color: #ff5c47;
    text-align: center;
    background: #FFF;
    border-radius: 3px;
}
.archive_header_bulk_actions{
	position:relative;
	display: flex;
    gap: 5px;
}
.archive_filters{
	flex: auto;
	display: inline-flex;
    gap: 5px;
}
.archive_search{
	display: inline-flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    gap: 5px;
}
.archive_search select{
    width: 150px;
}
.archive_footer{
    margin:10px 0 120px;
}
.header_archive_actions{
	display:flex;
	gap:5px;
    border-left: 1px solid #d8def8;
    padding: 0 0 0 10px;
	margin:0 0 0 10px;
}
.header_archive_divider{
	position:relative;
	width:5px;
}
.header_archive_divider:after{
	content:'';
	position:absolute;
	top:0;
	left:50%;
	width:1px;
	height:100%;
	background:#d8def8;
}
.header_archive_action{
	position: relative;
	width:35px;
}
.header_archive_action > a{
	display:inline-block;
	position:relative;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:18px;
	color:#616f81;
	z-index:1;
	transition:all 0.5s;
}
.header_archive_action > a:hover{
	color:#293d56;
}
.header_archive_action.bubble_active > a,
.header_archive_action.filter > a{
	color:#9d72ff;
}
.header_archive_action > a:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#dde5f1;
	border-radius:5px;
	z-index:-1;
	transition:all 0.5s;
	transform:scale(0.7);
	opacity:0;
}
.header_archive_action > a:hover:before,
.header_archive_action.bubble_active > a:before,
.header_archive_action.filter > a:before{
	transform:scale(1);
	opacity:1;
}

/*** TABLE HEADERS SEARCH ***/
.sl_table a.table_header_search_trigger{
	color: #FFF;
    display: inline-block;
    width: 25px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
	text-align:center;
}

.table_header_search{
	display:none;
}
.searching .table_header_search{
	display:inline-block;
}
.searching span{
	display:none;
}
.table_header_search_inner{
	display:inline-block;
	position:relative;
	width:100%;
	max-width:160px;
}
.table_header_search .text_input{
	height: 25px;
    line-height: 25px;
	padding:0 25px 0 10px;
}
.table_header_search button{
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:25px;
	background:none;
	color:#89add0;
	border:none;
	cursor:pointer;
}

/** ARCHIVE EDIT MODE **/
.edition_mode .archive_edit_mode_trigger,
.edition_mode .archive_edit_mode_trigger:hover{
	color:#FFF;
}
.edition_mode .archive_edit_mode_trigger:before{
	transform: scale(1);
    opacity: 1;
	background:var(--greenColor);
}
.edition_mode .archive_edit_mode_trigger i:before{
	content:'\f0c7'
}

.archive_item_editmode{
	display:none;
}
.edition_mode .archive_table tbody tr:not(.archive_item_editmode){
	display:none;
}
.edition_mode .archive_item_editmode{
	display:table-row;
}
.archive_item_to_save{
	width:35px;
	height:35px;
	line-height:35px;
	text-align:centeR;
	font-size:18px;
	color:#bccadd;
	border-radius:50%;
}
.save_pending .archive_item_to_save{
	color:#f8b901;
}

/** BUBBLE MENUS **/
.bubble_menu_wrapper{
	display:inline-block;
	position:relative;
}
.button_options > .button{
	padding-right:45px;
}
.button_options .button_options_trigger{
	position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    background: rgba(0 0 0 / 15%);
	border-radius:0 3px 3px 0;
	z-index:2;
}
.button_options .ghost_button.blue_button + .button_options_trigger{
	background:var(--blueColor);
	color:#FFF;
}
.bubble_menu{
	--bubbleColor: var(--purpleColor);
	position: absolute;
    bottom: -10px;
    right: 0;
    width: 250px;
    background: #FFF;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    border-top: 3px solid var(--bubbleColor);
    border-radius: 3px;
    transition: all 0.3s;
    z-index: 9;
    transform: translateY(calc(100% - 10px));
    opacity: 0;
    visibility: hidden;
}
.bubble_active > .bubble_menu{
    transform: translateY(100%);
	opacity:1;
	visibility:visible;
}
.bubble_menu:before{
	content: '';
    position: absolute;
    top: -10px;
    right: 10px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent var(--bubbleColor) transparent;
}

/** BUBBLE INNER **/
.bubble_menu_header{
    padding:15px 20px;
	border-bottom:1px solid var(--bubbleColor);
}
.bubble_menu_title{
	font-size: 14px;
	font-weight: 500;
}
.bubble_menu_body{
    padding: 20px;
}
.bubble_menu_footer{
    padding:15px 20px;
	border-top:1px solid var(--bubbleColor);
}
.bubble_menu_footer_actions{
	display:flex;
}
.bubble_menu_footer_actions a{
	font-size:14px;
	color: var(--bubbleColor);
}

 /** BUBBLE SIZES **/
.bubble_menu.medium{
    width: 400px;
}
.bubble_menu.big{
    width: 600px;
}

 /** BUBBLE COLORS **/
.bubble_menu.blue{
	--bubbleColor: var(--blueColor);
}
.bubble_menu.red{
	--bubbleColor: var(--redColor);
}
.bubble_menu.green{
	--bubbleColor: var(--greenColor);
}
.bubble_menu.dark{
	--bubbleColor: var(--darkColor);
}

/*** ARCHIVE TABLE ***/
.archive_table{
	background:none;
	border-collapse: separate;
    border-spacing: 0 10px;
	box-shadow:none;
}
.bulk_action_item{
	margin:0;
}
.archive_table td,
.archive_table tbody tr:nth-child(even) td{
	background:#FFF;
	transition:all 0.5s;
}
.archive_table.sl_table tbody tr:hover td{
	background:#f2f5ff;
	box-shadow: 0 7px 7px -5px rgb(0 0 0 / 20%);
}
.post_archive_actions {
	transform:translatey(50%);
	opacity:0;
	transition:all 0.5s;
}
tr:hover .post_archive_actions{
	transform:translatey(0);
	opacity:1;
}
.post_archive_actions a{
	display:inline-block;
	position:relative;
	font-size:12px;
	margin:0 10px 0 0;
}
.post_archive_actions a:before{
	content:'|';
	position:absolute;
	top:0;
	right:-8px;
}
.post_archive_actions a:last-child:before{
	display:none;
}
.archive_header_buttons{
	float:left;
	display:inline-flex;
	flex: auto;
	gap:10px;
}
/*** CATEGORIES PAGE ***/
.category_page_grid{
	gap: 40px;
	align-items: start;
}
.categories_archive_wrapper{
	max-height: calc(100vh - 230px);
    overflow: auto;
}
.category_from_wrapper > h2{
	line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}

/*** IMPORT PAGE ***/
#import_page_wrapper{
	display:flex;
	gap:50px;
}
#form_import_wrapper{
	float: left;
    width: calc(100% - 350px);
}
#import_fields_sidebar{
	position: relative;
	float: left;
    width: 300px;
}
#import_fields_wrapper{
	position: relative;
    width: 300px;
}
.fixed_import_sidebar #import_fields_wrapper{
	position: fixed;
	top:80px;
}

.import_fields_title{
	font-size: 12px;
    text-transform: uppercase;
    color: #708eac;
	margin:0 0 15px;
    letter-spacing: 2px;
    font-weight: bold;
}
.import_fields {
	max-height:calc(100vh - 200px);
	overflow:auto;
	padding:20px;
	list-style:none;
	border-radius:5px;
	background:#FFF;
	border: 1px solid #d8def8;
}
.import_fields li{
	float: left;
    padding: 10px;
    border: 1px solid #d8def8;
    box-sizing: border-box;
	border-radius:3px;
	margin-bottom: 10px;
	color:#708eac;
	font-size:13px;
}
.import_fields li:last-child{
	margin-bottom:0;
}

/*** PLUGINS INTEGRATION ***/
.gform-settings__wrapper{
	width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 0;
}
.gform-form-toolbar{
	top: 0;
    width: 100%;
}

@media(max-width:800px) {
	#mobile_menu_trigger{
		display: inline-block;
	}
	#mobile_menu_overlay{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#2a436780;
		z-index:8;
		visibility:hidden;
		opacity:0;
		transition:all 0.5s;
	}
	.menu_open #mobile_menu_overlay{
		visibility:visible;
		opacity: 1;
	}
	#header_logo {
		width: 50px;
	}
	#header_iso_logo {
		width: 35px;
	}
	#header_full_logo {
    	width: 155px;
	}
	.menu_open #header_full_logo {
		opacity:1;
	}
	.menu_open #main_menu_wrapper{
		width: 60vw;
		transform:translatex(0);
	}
	#main_menu {
		width: 60vw;
	}
	.menu-item:before {
		left: 0;
	}
	#main_menu li {
		width: calc(100% - 20px);
		padding: 0;
		margin: 0 10px;
	}
	#main_menu li .expand_submenu {
		right: 0;
	}
	#main_menu li > a:before{
		width:100%;
	}
	#main_wrapper {
		width: 100%;
    	margin: 65px 0 0 0;
	}
	#main_menu_wrapper {
		width: 50px;
		transform:translatex(-50px);
	}
	#main_menu_wrapper #main_menu li > a {
		color: var(--colorLight3);
	}
	#main_wrapper_header_actions .button{
		width:30px;
		height:30px;
		padding:0;
		overflow:hidden;
	}
	#main_wrapper_header_actions .button i{
		float:left;
		width:30px;
		height:30px;
		text-align:center;
		line-height:30px;
		transform:none;
	}
	#main_wrapper_header_actions {
		gap: 5px;
	}
	.archive_table{
		min-width:1000px;
	}
	.archive_table_wrapper {
		overflow:auto;
	}
	.gwgrid .grid-1,
	.gwgrid .grid-2,
	.gwgrid .grid-3,
	.gwgrid .grid-4,
	.gwgrid .grid-5,
	.gwgrid .grid-6,
	.gwgrid .grid-7,
	.gwgrid .grid-8,
	.gwgrid .grid-9,
	.gwgrid .grid-10,
	.gwgrid .grid-11,
	.gwgrid .grid-12{
		grid-column: span 12;
	}
	#profile_main_fields {
		padding-top: 0;
	}
	.lightbox {
		left: 50px;
		width: calc(100% - 50px);
	}
	.tabs_header {
		color: #FFF;
		gap: 0;
		padding:0;
		flex-wrap: wrap;
	}
	.tabs_header > *{
		width: 100%;
    	text-align: center;
	}
	.archive_header {
		flex-direction: column;
	}
}