*::-webkit-input-placeholder {color: rgba(78, 100, 160, .2); opacity: 1;}
*:-moz-placeholder {color: rgba(78, 100, 160, .2); opacity: 1;}
*::-moz-placeholder {color: rgba(78, 100, 160, .2); opacity: 1;}
*:-ms-input-placeholder {color: rgba(78, 100, 160, .2); opacity: 1;}

html {height: 100%;}
a,a:focus,a:hover
{
	color: inherit;
	text-decoration: none;
}
img {max-width: 100%;}
.pdz {padding: 0!important;}
.pdzl {padding-left: 0!important;}
.pdzr {padding-right: 0!important;}
.mgz {margin: 0!important;}
.mglz {margin-left: 0!important;}
.mgrz {margin-right: 0!important;}
.mgbz {margin-bottom: 0!important;}
.mgr10 {margin-right: 10px!important;}
.center_text {text-align: center;}
.w100 {width: 100%;}
.w50 {width: 50%;}
.w30 {width: 30%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w20 {width: 20%;}
.w80 {width: 80%;}
.mw50 {max-width: 50%;}
.minw50 {min-width: 50%;}
.jcfle {justify-content: flex-end;}
.jcfls {justify-content: flex-start;}
.jcsb {justify-content: space-between;}
.jcsa {justify-content: space-around;}
.jcc {justify-content: center;}
.aic {align-items: center;}
.flex {display: flex!important;}
.inflex {display: inline-flex!important;}
.fldc {flex-direction: column;}
.fl30 {
	width: 33.33333%;
	float: left;
	padding: 5px;
}
.fl50 {
	width: 50%;
	float: left;
	padding: 5px;
}
.flg1 {flex-grow: 1;}
.flg2 {flex-grow: 2;}
.aife {align-items: flex-end;}
.aice {align-items: center;}
body {
	font-family: sans-serif;
	font-size: 14px;
	min-width: 320px;
	position: relative;
	line-height: 1.1;
	margin: 0;
	overflow-x: hidden;
	max-height: 100%;
	height: 100%;
}
.logo_holder {
	position: fixed;
	display: flex;
	top: 15px;
	left: 15px;
	justify-content: flex-start;
	align-items: center;
	height: 24px;
	/*width: 24px;*/
	/*overflow: hidden;*/
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.system_name {
	display: block;
	font-weight: bold;
	line-height: unset;
	letter-spacing: 0.25em;
}
.main_section {
	padding-top: 60px;
	padding-left: 40px;
	min-height: 100%;
}

.header_holder {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px 0 40px;
}

/*sidebar*/
/*----------------------------------------------*/

.sidebar_holder {
	border: 1px solid rgba(78, 100, 160, 0.2);
	background-color: rgb(216, 225, 245);
	color: #4e64a0;
	position: fixed;
	opacity: .4;
	height: 160px;
	margin-top: -80px;
	top: 50%;
	border-radius: 0 40px 40px 0;
	z-index: 2;
	width: 44px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.sidebar_holder:hover {
	opacity: .9;
	z-index: 5;
}
.sidebar_item {
	cursor: pointer;
	display: flex;
	margin: 5px 0;
	justify-content: center;
	transform: scale(.8);
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.sidebar_item:hover {transform: scale(1);}
.sidebar_item_icon {
	border: 1px solid rgb(78, 100, 160);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sidebar_item_name {
	display: none;
}




.sidebar {
	height: 100%;
	position: fixed;
	z-index: 120;
}

.sidebar_top {height: 60px;}
.side_menu_holder {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	position: absolute;
	width: 40px;
	-webkit-transition: .5s all;
	transition: .5s all;
	overflow: hidden;
}

.sidebar_logo_holder {
	display: flex;
	align-items: center;
	padding: 10px 8px;
	font-size: 14px;
	letter-spacing: .1em;
}
.sidebar_logo_holder img {
	margin-right: 15px;
	max-width: initial;
}

.side_menu_parent {flex-wrap: wrap;}

.side_menu_children {
	display: none;
	width: 100%;
}
.side_menu_children.active {
	display: block;
}
.side_menu_item {
	cursor: pointer;
	display: flex;
	width: 200px;
	-webkit-transition: .5s all;
	transition: .5s all;
}

.side_menu_item_ico {
	font-size: 18px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}

.side_menu_item_name {
	height: 40px;
	display: flex;
	align-items: center;
	-webkit-transition: .5s all;
	transition: .5s all;
	padding-left: 10px;
}
.sidebar_middle {
	height: calc(100vh - 100px);
	overflow: hidden;
}
.sidebar_bottom {
	margin-bottom: 40px;
	width: 200px;
}
.sidebar_user_holder,
.sidebar_exit_holder
{

}

.sidebar_user_holder {}
.sidebar_exit_holder {}
/*----------------------------------------------*/

/*tiles*/
/*----------------------------------------------*/
.menu_holder_outer {
	min-width: 820px;
	max-width: 820px;
	padding: 20px!important;
}
.menu_holder {
	display: flex;
	flex-wrap: wrap;
	min-height: 340px;
	max-height: 460px;
}
.tile_holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	max-width: 1170px;
	min-height: 340px;
	margin: 20px auto 20px;
}
.tile_item {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	height: 120px;
	width: 120px;
	max-width: 120px;
	flex-grow: 1;
	margin: 5px;
	padding: 10px;
	border-radius: 8px;
}
.tile_item_image_holder {
	min-width: 60px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 10px auto 0;
}
.tile_item_image {
	text-align: center;
	font-size: 30px;
	opacity: 0.6;
	transition: all 0.5s ease 0s;
}
.tile_item:hover > .tile_item_image_holder > .tile_item_image {
	opacity: .9;
}
.tile_item_content {
	font-size: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.tile_item_content_header {
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
}

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

input[type="radio"],
input[type="checkbox"]
{
	opacity: 0;
	margin: 0;
	padding: 0;
	min-height: unset;
	position: absolute;
	z-index: -1;
}
label {cursor: pointer;}
label.error {
	font-size: 12px;
	color: red;
	margin-bottom: 10px;
	display: block;
}
label.option {
	display: flex;
	margin-bottom: 5px;
	align-items: center;
}
input.error {border: red; box-shadow: inset 0 0 15px red;}

.label_holder {
	display: flex;
	justify-content: space-between;
}
.label_name {}
.label_content {display: flex;}
.label_content.horizontal .option:first-child {margin-right: 20px;}


.cr_holder {
	height: 20px;
	width: 20px;
	min-width: 20px;
	border: 1px solid #a0afd3;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.cr_holder.checkbox {border-radius: 2px;}
.cr_holder.radio {border-radius: 50%;}

.cr_holder span {opacity: 0;}
.cr_holder input:checked + span {
	opacity: 1;
	width: 14px;
	height: 14px;
	display: block;
	top: 2px;
	left: 2px;
	position: absolute;
}
.cr_holder input[type="checkbox"]:checked + span {
	border-radius: 2px;
}
.cr_holder input[type="radio"]:checked + span {
	border-radius: 50%;
}

.small .cr_holder {
	height: 16px;
	width: 16px;
	min-width: 16px;
}
.small .cr_holder input:checked + span {
	width: 10px;
	height: 10px;
	top: 1.8px;
	left: 2.2px;
}
.small {}

/*rows*/
/*----------------------------------------------*/

.row_holder {
	display: flex;
	width: 100%;
}
.row_holder select,
.row_holder input,
.row_holder textarea
{
	background-color: rgba(255, 255, 255, 0.7);
	margin-bottom: 10px;
}
.row_holder input {border: none;}
.row_holder select,
.row_holder input[type="text"],
.row_holder input[type="tel"],
.row_holder input[type="password"],
.row_holder textarea
{
	height: 50px;
	display: block;
	padding: 5px 10px;
	outline: none;
	border-radius: 8px;
	resize: none;
}
.row_holder textarea {height: 100px;padding: 10px;}
.row_holder textarea.tall {height: 150px;}
.row_holder .long input,
.row_holder .long select
{
	width: 310px;
}
.row_holder_single {width: 100%;}
.row_holder_single .input_holder,
.row_holder_single .input_holder_pdz
{
	width: 100%;
}
.row_holder.row_holder_single select,
.row_holder.row_holder_single textarea,
.row_holder.row_holder_single input[type="text"],
.row_holder.row_holder_single input[type="tel"],
.row_holder.row_holder_single input[type="password"]
{
	width: 100%;
}
.row_holder_twin {width: 100%;justify-content: space-between;}
.row_holder_twin > .row_holder_twin {width: calc(50% - 5px);}
.row_holder_twin .input_holder {width: calc(50% - 5px);}



.row_holder.row_holder_twin select,
.row_holder.row_holder_twin textarea,
.row_holder.row_holder_twin input[type="text"],
.row_holder.row_holder_twin input[type="tel"],
.row_holder.row_holder_twin input[type="password"]
{
	width: 100%;
}
.row_holder_trip {width: 100%;justify-content: space-between;}
.row_holder_trip .input_holder {width: calc(33.33333% - 5px);}

.row_holder.row_holder_trip select,
.row_holder.row_holder_trip textarea,
.row_holder.row_holder_trip input[type="text"],
.row_holder.row_holder_trip input[type="tel"],
.row_holder.row_holder_trip input[type="password"]
{
	width: 100%;
}
.row_holder_quad {width: 100%;justify-content: space-between;}
.row_holder_quad .input_holder {width: calc(25% - 5px);}

.row_holder.row_holder_quad select,
.row_holder.row_holder_quad textarea,
.row_holder.row_holder_quad input[type="text"],
.row_holder.row_holder_quad input[type="tel"],
.row_holder.row_holder_quad input[type="password"]
{
	width: 100%;
}

.row_holder_single .row_item {width: 100%;}
.row_holder_twin   .row_item {width: calc(50% - 5px);}
.row_holder_trip   .row_item {width: calc(33.33333% - 5px);}
.row_holder_quad   .row_item {width: calc(25% - 5px);}
.row_holder_quint  .row_item {width: calc(20% - 5px);}

.input_holder.number {width: 83px;max-width: 83px!important;}

.form_frame {
	padding: 15px 25px;
}
.form_block_holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}
.form_block {
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.form_block_holder.wide > .form_block {width: calc(50% - 5px);}
.form_block_holder.trip > .form_block {width: calc(33.33333% - 5px);}
.form_block_holder.quad > .form_block {width: calc(25% - 5px);}

.form_block_header,
.form_block_subheader
{
	margin-bottom: 10px;
	padding: 5px 0;
	line-height: 20px;
	font-size: 14px;
	text-transform: uppercase;
}
.form_block_header {text-transform: uppercase;}
.form_block_comment {color: #4e64a0; margin-bottom: 20px;}

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


/*search*/
/*----------------------------------------------*/

.search_list_holder {position: relative;}
.search_input_results {
	position: absolute;
	top: 58px;
	left: 0;
	background-color: #fff;
	box-shadow: 0 4px 16px rgba(75, 0, 189, .2);
	z-index: 2;
	padding: 5px;
	max-height: 280px;
	overflow-y: auto;
	width: 100%;
	border-radius: 8px;
}
.search_input_results:empty {padding: 0;}
.search_result_item {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 12px;
	min-height: 40px;
	overflow: hidden;
	padding: 0 5px;
	border-radius: 8px;
	margin-bottom: 2px;
	transition: .5s all;
	-moz-transition: .5s all;
	-webkit-transition: .5s all;
}

.search_input_results .list_add_results_text {margin-top: 10px;}

.input_tag_holder {
	position: absolute;
	top: 28px;
	left: 10px;
}
.tag_holder {
	margin-top: 10px;
}
.tag {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	margin-right: 5px;
	padding: 0 10px;
	min-height: 30px;
	box-sizing: content-box;
	border-radius: 8px;
}

.tagdel {padding-left: 5px; cursor: pointer;}
/*----------------------------------------------*/


/*login*/
/*----------------------------------------------*/
.login_form_holder {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.login_error_holder {
	text-align: center;
	margin-bottom: 20px;
}
.login_form_holder input[type="text"],
.login_form_holder input[type="password"]
{
	width: 100%;
}
.login_form_holder .add_button {
	width: 100%;
	margin: auto;
}
.login_form_holder button {
	border-radius: 8px;
}
/*----------------------------------------------*/

/*settings*/
/*----------------------------------------------*/
.sidenav_menu_item {
	border: 1px solid transparent;
	display: flex;
	justify-content: space-between;
	background-color: rgba(0, 0, 0, 0.2);
	line-height: 40px;
	padding: 0 10px;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.69);
	-webkit-transition: .5s all;
	transition: .5s all;
}
.sidenav_menu_item:hover,
.sidenav_menu_item.current_page
{
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.4);}
/*----------------------------------------------*/



/*common*/
/*----------------------------------------------*/

.common_header {
	font-size: 16px;
	margin-bottom: 10px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: .7;
}

.context_menu_holder {
	position: absolute;
	border-radius: 8px;
	overflow: hidden;
	width: 220px;
	display: none;
	z-index: 10000;
}
.context_menu_item {
	padding: 10px 15px;
	cursor: pointer;
	transition: .5s all;
	-moz-transition: .5s all;
	-webkit-transition: .5s all;
}
.context_menu_selected_name {
	font-size: 12px;
	text-align: center;
	padding: 0 5px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
}
.cont_menu, .menu_link {cursor: pointer;}

.tab_content {display: none;}
.tab_links {
	display: inline-flex;
	margin-bottom: 10px;
	border-radius: 8px;
	overflow: hidden;
	height: 40px;
	/*box-sizing: content-box;*/
}
.tab_link {
	align-items: center;
	border: none;
	cursor: pointer;
	display: flex;
	font-weight: 600;
	min-width: 40px;
	min-height: 40px;
	opacity: .6;
	padding: 0 10px;
	position: relative;
	text-align: center;
}
.tab_content.active {display: flex; flex-wrap: wrap;}

.x_info_holder {
	border-radius: 8px;
	/*overflow: hidden;*/
	opacity: .99;
}
.x_info_controlls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	background-color: rgba(217, 226, 245, .4);
	padding: 5px;
	border-bottom: 1px solid rgba(78, 100, 160, .1);
	border-radius: 8px;
}
.x_info_controlls .common_header { margin-bottom: 0;}
.common_controlls {display: flex;}
.common_controlls .form-control {margin-bottom: 0!important;height: 30px!important;}
.buttons_panel {display: flex;}
.buttons_panel .mini_button {margin-left: 5px; height: 30px}
.x_scroll_block {
	overflow-x: scroll;
}
.x_info_header {
	font-weight: bold;
}
.x_info_item_holder {
	min-height: 250px;
}
.x_info_item {
	position: relative;
	border-radius: 8px;
	margin: 0 0 2px;
	padding: 10px 0;
	display: flex;
}
.x_info_item:after {
	content: "";
	display: block;
	clear: both;
}
.x_info_item:hover .x_info_item_menu {display: block; opacity: 1;}
.x_info_item_menu {
	cursor: pointer;
	display: none;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
x_info_item_menu_container {}
.x_cell_common {
	align-items: center;
	display: flex;
	float: left;
	min-height: 15px;
	min-width: 40px;
	padding: 0 15px;
}
.x_cell_number {width: 60px;text-align: center;}
.x_cell_checkbox {
	display: flex;
	height: 40px;
	min-width: 40px;
	align-items: center;
	justify-content: center;
}
.x_cell_date {width: 174px;}
.x_cell_check {}
.x_cell_check label.option {margin-bottom: 0;}
.x_info_groupe {
	margin-bottom: 10px;
}
.x_info_groupe:first-child {border-top: none;margin-top: 10px;}
.x_info_groupe_name {
	padding: 10px 0;
	cursor: pointer;
}
.x_info_groupe_content {display: none;}
.x_info_groupe_content.active {display: block;}

.code {
	padding: 20px;
	margin: 10px 0;
	font-family: monospace, monospace;
	font-size: 1em;
}
.dump_holder {
	padding: 20px;
	margin: 10px 0;
	font-family: monospace, monospace;
	font-size: 12px;
	width: 100%;
}

.file_actions_holder input[type="checkbox"],
.file_actions_holder input[type="radio"]
{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.hidden {display: none!important;}

/*buttons*/
/*----------------------------------------------*/
button, a.button {
	font-weight: 600;
	cursor: pointer;
	border: none;
	display: block;
	height: 60px;
	padding: 5px 10px;
	outline: none;
	width: 100%;
	min-width: 150px;
}

.mini_button {
	cursor: pointer;
	display: flex;
	justify-content: center;
	height: 50px;
	width: 50px;
	font-size: 16px;
	align-items: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid rgba(78, 100, 160, .2);
	background-color: rgb(246, 248, 250);
	color: rgba(78, 100, 160, .6);
}
a.button {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*----------------------------------------------*/
/*popups*/
/*----------------------------------------------*/
.notify_holder {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: fixed;
	top: 50px;
	right: calc(50% - 300px);
	width: 600px;
	max-width: calc(100% - 40px);
	z-index: 250;
	border-radius: 8px;
	overflow: hidden;
}
.notify_error_holder {
	position: relative;
	overflow: hidden;
	height: 3px;
}
.notify_error_filler {
	background: linear-gradient(90deg, rgba(36,0,0,0) 0%, red 50%, rgba(255,0,0,0) 100%);
	box-shadow: 0 0 10px red;
	height: 3px;
	border-radius: 3px;
	/*filter: blur(5px);*/
	/*animation: error 6s cubic-bezier(0.39, 0.58, 0.57, 1) infinite alternate;*/
	animation: error2 6s infinite alternate;
	transition: 0.6s linear;
}

@keyframes error {
	0% {
		width: 60px;
	}
	50% {
		transform: translateX(400px);
		width: 380px;
	}
	100% {
		width: 60px;
	}
}
@keyframes error2 {
	0% {
	}
	50% {
		transform: scale(.4);
	}
	100% {
	}
}
.notify_content {
	width: 100%;
	max-width: 600px;
	position: relative;
}

.notify_close {
	cursor: pointer;
	align-items: center;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 8px;
	height: 14px;
	justify-content: center;
	margin: 0 2px;
	width: 14px;
	float: right;
	background-color: #f25157;
	border: 1px solid #e1424c;
}
.notify_message {
	padding: 20px;
	max-height: 400px;
	overflow-y: auto;
}
.custom_modal_holder {
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: -10;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.custom_modal_holder.active {
	display: flex;
	z-index: 130;
	animation-name: custom_modal_holder_fade_in;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
@keyframes custom_modal_holder_fade_in {
	from {background-color: rgba(38, 38, 38, 0);}
	to {background-color: rgba(41, 44, 72, .6);}
}
.custom_modal_holder.active.minimized {
	border-radius: 8px;
	top: 60px;
	height: auto;
	left: 50%;
	background-color: rgba(38, 38, 38, 0)
}
.custom_modal_content_holder:empty {padding: 0;}
.custom_modal_content_holder {
	/*max-width: 1000px;*/
	padding: 20px 10px;
	overflow-wrap: break-word;
}
.show_content {cursor: zoom-in;}
.show_content:hover {
	box-shadow: 0 0px 15px rgba(0, 0, 0, .3);
	z-index: 2;
}

.custom_modal_content {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	animation-duration: 0.3s;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.custom_modal_header {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.custom_modal_name {
	display: flex;
	align-items: center;
	font-size: 13px;
	letter-spacing: .06em;
	opacity: .8;
	overflow: hidden;
	white-space: nowrap;
}
.custom_modal_cont {
	display: flex;
	justify-content: space-between;
	margin-left: 20px;
}
.modal_cont {
	align-items: center;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 8px;
	height: 14px;
	justify-content: center;
	margin: 0 2px;
	width: 14px;
	filter: grayscale(.6);
	opacity: .6;
}
.modal_cont:hover {
	filter: grayscale(0);
	opacity: 1;
}
.custom_modal_minimize {
	background-color: #fac637;
	border: 1px solid #e6b12b;
}
.custom_modal_maximize {
	background-color: #3aea4a;
	border: 1px solid #2ed23a;
}
.custom_modal_close {
	background-color: #f25157;
	border: 1px solid #e1424c;
}
.modal_cont svg {
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.modal_cont:hover svg {opacity: 1;}
.custom_modal_form_item {
	display: none;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.custom_modal_form_item.active {display: block;}
.custom_modal_form_item.minimized {height: 1px;}
.custom_modal_content_holder.minimized {height: 1px;}
.form_notification_field {}
.labellike {
	display: block;
	font-size: 12px;
	padding: 0 0 5px 0;
}
.file_label {
	cursor: pointer;
	display: flex;
	align-items: center;
	white-space: unset;
	position: relative;
	padding: 0 10px;
	margin-bottom: 10px;
	border-radius: 8px;
	height: 50px;
}
.file_label span.file_field_name {
	display: inline-block;
	white-space: nowrap;
}
.file_del {
	display: none;
}
.file_label.filed .file_del {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 0 8px 8px 0;
	width: 40px;
	height: 48px;
	text-align: center;
	background-color: #f6f8fc;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
}
.file_label input {
	display: block;
	width: 1px;
	height: 1px;
	opacity: 0;
	position: absolute;
}
.clone_field {
	color: #fff;
	cursor: pointer;
	margin: 10px 5px;
	background-color: #5ab5be;
	display: inline-block;
	padding: 5px 10px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}

/*----------------------------------------------*/
.tooltip {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-left: auto;
}

	/*module_actions*/
/*----------------------------------------------*/
.module_actions_holder_outer {
	position: fixed;
	top: 0;
	height: 1px;
	display: flex;
	justify-content: center;
	width: 100%;
	z-index: 150;
}
.module_actions_holder {
	border-top: none;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .6;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	height: 40px;
	padding: 0 25px;
}
.module_actions_holder:hover {opacity: 1;}
.module_actions_item {
	text-align: center;
	margin: 0 10px;
	cursor: pointer;
	position: relative;
	/* padding: 5px; */
}
.module_actions_icon {
	width: 46px;
	height: 30px;
	opacity: .6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	transform: scale(0.8);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.module_actions_name {
	width: auto;
	font-size: 12px;
	min-width: 100px;
	border-radius: 8px;
	left: -25px;
	position: absolute;
	opacity: 0;
	top: -30px;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

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

.loader_holder_outer {
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	-webkit-animation: .5s all;
	animation: .5s all;
	display: none;
	z-index: 1500;
}
.loader_holder_outer.visible_loader {display: flex;opacity: 1;}
.loader_holder {
	display: flex;
	flex-wrap: wrap;
	width: 80px;
	height: 80px;
}
.lds-default {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-default div {
	position: absolute;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
	animation-delay: 0s;
	top: 29px;
	left: 53px;
}
.lds-default div:nth-child(2) {
	animation-delay: -0.1s;
	top: 18px;
	left: 50px;
}
.lds-default div:nth-child(3) {
	animation-delay: -0.2s;
	top: 9px;
	left: 41px;
}
.lds-default div:nth-child(4) {
	animation-delay: -0.3s;
	top: 6px;
	left: 29px;
}
.lds-default div:nth-child(5) {
	animation-delay: -0.4s;
	top: 9px;
	left: 18px;
}
.lds-default div:nth-child(6) {
	animation-delay: -0.5s;
	top: 18px;
	left: 9px;
}
.lds-default div:nth-child(7) {
	animation-delay: -0.6s;
	top: 29px;
	left: 6px;
}
.lds-default div:nth-child(8) {
	animation-delay: -0.7s;
	top: 41px;
	left: 9px;
}
.lds-default div:nth-child(9) {
	animation-delay: -0.8s;
	top: 50px;
	left: 18px;
}
.lds-default div:nth-child(10) {
	animation-delay: -0.9s;
	top: 53px;
	left: 29px;
}
.lds-default div:nth-child(11) {
	animation-delay: -1s;
	top: 50px;
	left: 41px;
}
.lds-default div:nth-child(12) {
	animation-delay: -1.1s;
	top: 41px;
	left: 50px;
}
@keyframes lds-default {
	0%, 20%, 80%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
}
.clearfix:before,
.clearfix:after
{
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}

.paginationjs {padding: 10px 0;}
.paginationjs-pages {
	display: flex;
	justify-content: center;
}
.paginationjs-pages ul {
	display: inline-flex;
	border-radius: 8px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.5);
	border-top: 1px solid rgba(78, 100, 160, .1);
	border-bottom: 1px solid rgba(78, 100, 160, .4);
	box-shadow: 0 2px 6px rgba(75, 0, 189, .08);
}
.paginationjs-pages li {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: relative;
}
.paginationjs-pages li a {
	border-right: 1px solid #D8E1F5;
	display: block;
	width: 100%;
	text-align: center;
}
.paginationjs-pages li:last-child a {border-right: none;}
.paginationjs-page.active {}
.paginationjs-page.active:before {
	background-color: rgba(217, 226, 245, .4);
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 8px;
}
.paginationjs-page {}
.paginationjs-page.paginationjs-first {}
.paginationjs-page.paginationjs-last {}
.paginationjs-prev {}
.paginationjs-next {}