/*@import url(//fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800);*/

@font-face{
	font-family:almoni-neue-dl;
	font-weight:300;
	font-style:normal;
	font-display:fallback;
	src:local('almoni-neue-dl'),url(/css/fonts/almoni-neue-aaa-300.eot) format('embedded-opentype'),
	url(/css/fonts/almoni-neue-aaa-300.woff) format('woff'),
	url(/css/fonts/almoni-neue-aaa-300.ttf) format('truetype')
}
@font-face{
	font-family:almoni-neue-dl;
	font-weight:400;
	font-style:normal;
	font-display:fallback;
	src:local('almoni-neue-dl'),
	url(/css/fonts/almoni-neue-aaa-400.eot) format('embedded-opentype'),
	url(/css/fonts/almoni-neue-aaa-400.woff) format('woff'),
	url(/css/fonts/almoni-neue-aaa-400.ttf) format('truetype')
}
@font-face{
	font-family:almoni-neue-dl;
	font-weight:700;
	font-style:normal;
	font-display:fallback;
	src:local('almoni-neue-dl'),
	url(/css/fonts/almoni-neue-aaa-700.eot) format('embedded-opentype'),
	url(/css/fonts/almoni-neue-aaa-700.woff) format('woff'),
	url(/css/fonts/almoni-neue-aaa-700.ttf) format('truetype')
}
@font-face{
	font-family:almoni-neue-dl;
	font-weight:900;
	font-style:normal;
	font-display:fallback;
	src:local('almoni-neue-dl'),
	url(/css/fonts/almoni-neue-aaa-900.eot) format('embedded-opentype'),
	url(/css/fonts/almoni-neue-aaa-900.woff) format('woff'),
	url(/css/fonts/almoni-neue-aaa-900.ttf) format('truetype')
}

.xdebug-var-dump {font-size: 13px;}
.systemerrors {white-space: inherit; font-size: 12px; white-space: break-spaces; direction: ltr; margin: 5px;} .systemerrors br {display: none;} .systemerrors b {color: darkred;}
.pr_r {white-space: inherit; font-size: 12px; white-space: break-spaces; direction: ltr; margin: 5px;}
.var_d {white-space: inherit; font-size: 12px; white-space: break-spaces; direction: ltr; margin: 5px;}
/*****************************************Basic*********************************/
body {
	letter-spacing: 0.2px;
	/*font-family: 'Assistant', sans-serif, arial;*/
	font-family: 'almoni-neue-dl', sans-serif, arial;
	font-size:	16px;
	font-weight: 400;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	color: #1b3445;;
	/*background: #f6f7f8;*/
	background: #fff;
	line-height: 1.25;
}

/**********/
h1,h2,h3,h4,h5,h6,p {
	font-weight: normal;
	margin:	0;
	padding: 0;
	font-size: inherit;
}
a {
	outline: 0;
	text-decoration: none;
	color: #518EC3;
}
a:hover {text-decoration: none;}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}


/****table****/

table.data_table {
	line-height: 1.5;
	width: 100%;
	color: #778c9a;
	font-weight: 400;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	font-size: 14px;
}

table.data_table th,
table.data_table td {
	padding: 9px 10px;
	font-weight: 300;
	text-align: right;
	display: table-cell;
}

table.data_table td .limited {
	max-width: 130px;
	/*max-height: 1.5rem;*/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*line-height: 1.5;*/
}

table.data_table tbody tr td {
	font-weight: 400;
	font-size: 14px;
	background: #fff;
	color: #1b3445;
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	transition: border-color 0.3s;

}

table.data_table tbody tr {transition: box-shadow 0.3s; position: relative; transform: scale(1);}

table.data_table tbody tr td:first-child {
	border-right: 1px solid #eeeeee;
	border-radius: 0 2px 2px 0;
}
table.data_table tbody tr td.last,
table.data_table tbody tr td:last-child {
	border-left: 1px solid #eeeeee;
	border-radius: 2px 0 0 2px;
}
table.data_table tbody tr td.overlay {
	border: none;
	border-radius: 0;
	z-index: 1;
	opacity: 0.6;
	position: absolute; right: 0; width: 100%; height: 100%; display: none;
}

table.data_table tbody tr:hover td {
	border-color: #18c746;
	border-radius: 0;
}


table.data_table tbody tr.group {}
table.data_table tbody tr.group td {padding: 10px 0 20px 0; border: none; background: none;}
table.data_table tbody tr.group td > div {position: relative;}
table.data_table tbody tr.group td > div::before {background: #d4dade; content: ""; display: block;	height: 1px; position: absolute; top: 50%; width: 100%; left: 0;}

/******simple table******/


/*table.simple_table {width: 100%; border-collapse: collapse;}*/
/*table.simple_table td,*/
/*table.simple_table th {border: 1px solid #8c8c8c; background: #fff; font-size: 14px;}*/
/*table.simple_table td,*/
/*table.simple_table th {text-align: center; padding: 3px;}*/

table.simple_table {width: 100%; border-collapse: separate; border-spacing: 0;}
table.simple_table th, table.simple_table td {border: none; background: #fff; font-size: 14px; text-align: center; padding: 3px;}
table.simple_table th {border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-color: #333;}
table.simple_table td {border-bottom: 1px solid; border-left: 1px solid;  border-color: #333; text-align: right;}
table.simple_table tr.border_top td,
table.simple_table tr.sikum td {border-top: 1px solid; border-color: #333;}
table.simple_table th:first-child {border-right: 1px solid;  border-color: #333;}
table.simple_table td:first-child {border-right: 1px solid; border-color: #333; }

table.simple_table th.sep_col {border-bottom: none; border-top: none; background: none; padding: 4px;}
table.simple_table td.sep_col {border-bottom: none; border-top: none; background: none; padding: 4px;}
table.simple_table tr.border_top td.sep_col,
table.simple_table tr.sikum td.sep_col {border-bottom: none; border-top: none;  background: none; padding: 4px;}
table.simple_table td.sep_row {border:none; background: none; padding: 4px;}

table.simple_table td.int,
table.simple_table td.float {direction: ltr;}

table.simple_table.sticky th {position: sticky; top: 225px;}

table.simple_table tr.group td {padding: 1px;}
table.simple_table td.editable {padding: 0;}
table.simple_table td.editable.create .submit_wrap {display: none}

table.simple_table tr.no-border td.empty_cell {height: 1px;}


table.simple_table tr.row_details th {padding: 0 10px; border: none; position: sticky; top: 102px; font-weight: normal;}
table.simple_table tr.row_details th .details {display: flex; justify-content: space-between; text-align: right;}
table.simple_table tr.row_details th .details ul {margin-bottom: 15px; }
table.simple_table tr.row_details th .details ul.det li {display: flex; padding: 2px 0;}
table.simple_table tr.row_details ul li .k {width: 70px; display: inline-block;}
table.simple_table tr.row_details ul.madadim li {margin-top: 3px; padding: 1px 0;}
table.simple_table tr.row_details ul.madadim li span {border: 1px solid; padding: 2px 5px; margin-right: 3px; width: 70px; display: inline-block;}
table.simple_table tr.row_details ul.madadim li.hd {border: none; background: none;}

table.simple_table button.choose_all_records,
table.simple_table button.edit_records,
table.simple_table button.delete_records,
table.simple_table button.add_record {cursor: pointer; border: 2px solid #d9d9d9; border-radius: revert; background: revert; font-size: revert; color: revert; padding: revert; float: right; margin: 5px 0;}
table.simple_table button.edit_records {margin-left: 10px;}
table.simple_table button.delete_records {margin-left: 10px;}
table.simple_table button.choose_all_records:focus,
table.simple_table button.delete_records:focus,
table.simple_table button.edit_records:focus,
table.simple_table button.add_record:focus {border: 2px solid #d9d9d9;}
table.simple_table button.save_all_records {cursor: pointer; border: 2px solid #1EB748; border-radius: revert; background: revert; font-size: revert; color: revert; padding: revert; float: right; margin: 5px 0; margin-right: 10px; color: #fff; background: #1EB748; border-radius: 2px;}
table.simple_table button.save_all_records:focus {border: 2px solid #1EB748;}

table.simple_table .float span{direction: ltr;}
table.simple_table .fail span{color: red;}
table.simple_table td.red {color: red;}
table.simple_table td.green {color: green;}


/************/

.block {
	display: block;
}

.none {
	display: none;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.fixed {
	position: fixed !important;
}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}

.overlay{opacity: 0.5; background: #fff; z-index: 9999; height: 100%; top: 0;}
.no_scroll {height: 100%; overflow: hidden;}
.shadow {box-shadow: 0px 5px 10px #888888;}


.no_background {background: none;}
.no_scroll {height: 100%; overflow: hidden;}
.no_border {border: none;}
.no_margin {margin: 0;}
.no_padding {padding: 0;}
.table {display: table;}
.raw {display: table-row;}
.table-cell {display: table-cell;}
.ltr {direction: ltr;}
.rtl {direction: rtl;}
.align_center {text-align: center;}
.opacity_ef {-webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.9}
.opacity_ef:hover {opacity: 1;}

::-webkit-input-placeholder {color: #999; text-align:right; }
:-moz-placeholder {color: #999; text-align:right; }
::-moz-placeholder {color: #999; text-align:right; }
:-ms-input-placeholder {color: #999; text-align:right; }

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideInFromUp {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}


@keyframes slideInFromDown {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}


@keyframes blink {
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes blink{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
.blink {
	-webkit-animation: blink 1s infinite;
	-moz-animation: blink 1s infinite;
	-o-animation: blink 1s infinite;
	animation: blink 1s infinite;
}


*:hover {text-decoration: none; transition: all .3s ease 0s;}

* {box-sizing: border-box;}

/** Layout **/
#page {
	clear: both;
	display: block;
	margin: 0 auto;
	min-height: 560px;
	/* width: 1128px; */
	min-width: 1200px;
	/*overflow: hidden;*/
	/* padding-top: 20px; */
}
.container {
	width: 100%;
	max-width: 100%;
	display: block;
	position: relative;
	float: none;
	margin: auto;
	box-sizing: border-box;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}

.columns_wrapper {
	/* width: 1200px; */
	max-width: 100%;
	display: block;
	position: relative;
	margin: auto;
	box-sizing: border-box;
}
.columns_wrapper:after {
	content: "";
	display: block;
	clear: both;
}


.column {
	display: block;
	min-height: 2px;
}
.spacer {
	width: 20px;
	height: 10px;
	float: right;
}

/** pages **/
body.portal #page {padding: 0;}

/**msgs**/
.msg_notice {background: #BAE9E8; padding: 10px 10px; border-radius: 10px; margin-bottom: 10px; width: 100%; margin: auto;}
.msg_notice p {
	color: #555555;
}


.msg_notice.no_content {
	margin: 50px auto 30px auto;
}

/**Modules**/
.module_wrapper {width: 100%;margin-bottom: 10px;}
.module_wrapper .module_headline {padding: 0 0 0 0; font-size: 22px; color: #1b3445; font-weight: 700; margin-bottom: 10px; display: block; width: 100%;}
.module_wrapper .module_headline i {display: none;}
.module_wrapper > .content {box-sizing: border-box; padding: 10px; /*min-height: 28px;*/ overflow: hidden; /* background: #fff; */ position: relative;}
.module_wrapper.no_margin {margin: 0;}
.module_wrapper.no_padding > .content {padding: 0;}
.module_wrapper.no_border > .content {border: none;}


/** errors **/
.msg_notice {overflow: hidden; clear: both; background: none;}
.msg_notice p { margin: 5px 0 0 0; float: right; text-align: right; width: calc(100% - 35px);}
.msg_notice i {display: none;}

.no_results {overflow: hidden; clear: both; background: none;}
.no_results p {float: right; padding: 6px 0 0 0; font-size: 14px;}
.no_results i {display: none;}

.error_notice {overflow: hidden; clear: both; background: none;}
.error_notice p {float: right; padding: 3px 0 0 0;}
.error_notice i {display: none;}

/** module_load **/
/* .module_load {min-width: 400px;} */

/* .overlay {opacity:0.1; background: #000; z-index: 10;} */
.ajaxon {width:100%; height: 200px; background: url(/css/images/ajax_loader3.gif) scroll 50% 0 no-repeat; margin:auto; display:block; z-index: 11;}
.ajaxon2 {width:100%; height: 200px; background: url(/css/images/ajax-loader2.gif) scroll 50% 0 no-repeat; margin:auto; display:block; z-index: 11;}

/* datepicker */
.ui-datepicker {z-index: 1001 !important; }

/* tootltip */
.tooltip {position: relative;}
.tooltip.in_action {z-index: 100;}
.tooltip .tooltip_link {cursor:pointer; }
.tooltip .tooltip_link:hover,
.tooltip .tooltip_link.selected {}
.tooltip .bubble {box-shadow: 0px 5px 10px #888888;  position: absolute; left: 50%; transform: translateX(-50%) translateY(-15px); bottom: 100%; margin-top: 20px;/* transform: translateY(-50%); */ /* margin-left: 20px; */ border: 1px solid #ccc; border-radius: 4px; padding: 5px 10px; background: #fff;}
.tooltip .bubble .close_tooltip {opacity: 0.9; float: right; clear: both; color: #313131; margin: 0 0 0 0; }
.tooltip .bubble .close_tooltip:hover {opacity: 1;}
.tooltip .bubble .close_tooltip span {float: right; background: #e1e1e1; padding: 4px 8px; font-size: 14px; font-weight: bold; border-radius: 4px;}
.tooltip .bubble .tool_wrap {overflow: hidden;}
.tooltip .bubble .tool_wrap .module_load {min-width: 0;}
.tooltip .bubble .tool_wrap .module_load .content {font-size: 14px;}
.tooltip .bubble::before,
.tooltip .bubble::after {z-index: 1; position: absolute; top: 100%; /* transform: translateY(-50%); */ left: 50%; transform: translateX(-50%); content: '';width: 0;height: 0; border-top: solid 13px #fff; border-left: solid 13px transparent; border-right: solid 13px transparent;}
.tooltip .bubble::before {border-top: solid 14px #ccc; border-right: solid 14px transparent; border-left: solid 14px transparent;}

/** media_wrap **/
.media_wrap {background: #000; max-width: 100%;}
.media_wrap .media_clicker {max-width: 100%; position: relative; display: inline-block;}
.media_wrap .media_clicker i {opacity: 0.3; border-radius: 90px; border: 2px solid #fff; background: #fff url('/css/icons/set1/play-circle-6x.png') no-repeat; z-index: 99;  width: 48px; height: 48px; position: absolute; right: 50%; top: 50%; margin-right: -24px; margin-top: -24px;}
.media_wrap .media_clicker:hover i {opacity: 1;}

/** login_div **/
.login_div {position:relative; margin: auto; width: 450px; top: -1000px; display: table; z-index: -1;}
.login_div .module_load {min-width: 0;}
.login_div .module_wrapper div.content {border-radius: 0 0 6px 6px; overflow: visible;}
.login_div .head {border-radius: 10px 10px 0 0;}
.login_div .foot {border-radius: 0 0 10px 10px;}

/** pagination **/
.pagination {float: right; margin:10px 0; clear: both;}
.pagination span,
.pagination a {padding: 3px; text-decoration: none; margin-left: 3px;display: block; float: right;}
.pagination .pagination_next,
.pagination .pagination_prev {margin:0 3px;padding:4px 0;background-position: center center;background-repeat: no-repeat;border: 1px solid transparent;overflow: hidden;}
/* .pagination a:hover {background-color: #DEDEDE;color: #222;} */
.pagination .pagination_current,
.pagination .pagination_current:hover {color: #02acf6; border-bottom: 1px solid #02acf6;}
.pagination .pagination_dots { margin-right: 2px;display: block;padding: 8px 4px; border:none; color: #02acf6;}

/** forms **/
form {}
form .fieldRow.media_wrap {background: inherit; width: auto;}
form .fieldRow {float: right; clear: both; position: relative; width: 100%; margin-bottom: 17px; position: relative;}
form .fieldRow .label_wrapper{float: right; margin: 0 0 5px 0;}
form .fieldRow .label_wrapper.empty_label {display: none;}
form .fieldRow label {float: right; }
form .fieldRow .wrapping_field {position: relative; float: right; clear: both;}

form .fieldNotice {float: right; clear: both; margin-top: 2px; color: #00aeeb; font-size: 11px;}
form .type_checkbox .fieldNotice {margin: 10px 0 0 0;}
form .fieldExtra {float: right; clear: both; margin-top: 2px; }

form .fieldRow .field_wrap{float: right; clear: both; width: 100%; border-radius: 3px; border: 1px solid #c2c2c2; overflow:hidden; height: 40px; box-sizing: border-box;}
form .fieldRow .field_submit,
form .fieldRow .field_checkbox,
form .fieldRow .field_radio {border:  none; height: auto; }
/*form .fieldRow .field_radio {margin-top: 3px; width: auto;}*/
form .fieldRow input[float=true] {direction: ltr;}


form .fieldRow.type_radio .label_wrapper label {padding: 0;}
form .fieldRow .field_radio {width: auto;}
form .fieldRow .field_radio label {with: auto; float: right;}
form .fieldRow .field_radio input {margin: 2px 0 0 0;}
form .fieldRow .field_radio .label_wrapper {width: auto; padding-right: 1px;}
form .fieldRow .field_radio label {width: auto; padding: 0;}
form .fieldRow .field_radio input {display: none;}
form .fieldRow .field_radio input + .label_wrapper label,
form .fieldRow .field_radio input + label {float: right;}
form .fieldRow .field_radio input + .label_wrapper label:before,
form .fieldRow .field_radio input + label:before {box-sizing: border-box; background: #fff; content: ''; border-radius: 50%; border: 1px solid #ccc; width: 16px; height: 16px; float: right; margin: 1px 0 1px 5px;}
form .fieldRow .field_radio input:checked + .label_wrapper label:before,
form .fieldRow .field_radio input:checked + label:before {border: 5px solid #00c0ba;}
form .fieldRow .field_radio input:disabled + .label_wrapper label,
form .fieldRow .field_radio input:disabled + label {opacity: 0.4;}


form .fieldRow.type_checkbox .label_wrapper label {padding: 0;}
form .fieldRow .field_checkbox {width: auto; /*margin-right: 5px;*/}
form .fieldRow .field_checkbox label {with: auto; float: right;}
form .fieldRow .field_checkbox.multiple .cehckboxes_wrap {float: right;}
form .fieldRow .field_checkbox.multiple .cehckbox_wrap {float: right; margin: 0 0 8px 10px;}
form .fieldRow .field_checkbox.multiple .cehckbox_wrap label {width: auto; padding: 0; }
form .fieldRow .field_checkbox.single input {margin: 2px 0 0 0;}
form .fieldRow .field_checkbox.single .label_wrapper {width: auto; padding-right: 1px;}
form .fieldRow .field_checkbox.single label {width: auto; padding: 0;}
form .fieldRow .field_checkbox input {display: none;}
form .fieldRow .field_checkbox input + .label_wrapper label,
form .fieldRow .field_checkbox input + label {float: right;}
form .fieldRow .field_checkbox input + .label_wrapper label:before,
form .fieldRow .field_checkbox input + label:before {box-sizing: border-box; background: #fff; content: ''; border: 1px solid #ccc; width: 16px; height: 16px; float: right; margin: 2px 0 1px 8px;}
form .fieldRow .field_checkbox input:checked + .label_wrapper label:before,
form .fieldRow .field_checkbox input:checked + label:before {background: url(/css/icons/chekced.png) no-repeat 3px 3px #00c0ba; border: 1px solid #00c0ba;}
form .fieldRow .field_checkbox input:disabled + .label_wrapper label,
form .fieldRow .field_checkbox input:disabled + label {opacity: 0.4;}

form .fieldRow.type_dateselect {margin: 0;}
form .fieldRow.type_dateselect > .errField {display: none !important;}
form .fieldRow .field_dateselect {height: auto; border: none; display: flex; justify-content: space-between;}
form .fieldRow .field_dateselect .fieldRow.type_select {width: 32%; }

form .fieldRow.type_date {direction: ltr;}

/*form .fieldRow.type_datemonth .field_wrap {border: none; }*/
form .fieldRow.type_datemonth a.dates_months {display: flex; align-items: center;  border-radius: 5px; height: 100%; width: 100%; text-align: center;}
form .fieldRow.type_datemonth a.dates_months span {width: 100%;}
form .fieldRow.type_datemonth a.dates_months:hover {opacity: 0.8;}

form .fieldRow.type_datemonth .field_wrap {position: relative; overflow: visible;}
form .fieldRow.type_datemonth a.reset_button {position: absolute; top: -10px; right: -10px; background: #8c8c8c; text-align: center; border-radius: 100%; width: 20px; height: 20px; display: flex; justify-content: center; color: #fff; font-weight: bold; font-size: 16px;}
form .fieldRow.type_datemonth a.reset_button.none {display: none;}


form .fieldRow .field_custom {height: auto; width: 100%; border:none; border-radius: 0;}
form .fieldRow .field_textarea {height: auto; width: 100%;}
form .fieldRow .field_custom_richtext,
form .fieldRow .field_richtext {height: auto; width: 100%; border: none; padding: 2px;}

form .fieldRow .field_textarea textarea,
form .fieldRow select,
form .fieldRow input {float: right; border: none;; padding: 0;margin:0; font-size: 16px;}
form .fieldRow .field_textarea textarea {box-sizing: border-box; resize: none; height: 100px; width: 100%; padding: 10px; font-family: 'Assistant', sans-serif, arial; background: #fff;}
form .fieldRow .field_richtext textarea {height: 300px;}

form .fieldRow .field_file {height: auto; width: auto; border: none; float: right;}
form .fieldRow .field_file_url input[type="text"]{border: 1px solid #ddd;border-radius: 3px;float: right;height: 27px;overflow: hidden;width: 220px;}
form .field_file_library_media_picker .allowed_file_ext{display: none;}
form .field_file_library_media_picker .actions {padding-top: 1px;}
form .field_file_library_media_picker .img_holder img {width: 100px;}

form .fieldRow input {height: 100%; width: 100%; padding: 0 10px; box-sizing: border-box; background: #fff;}
form .fieldRow input[type="file"] {padding: 0; height: 33px;}

form .fieldRow select {background: url(/css/icons/select_arrow_down.png) no-repeat left 10px top 20px #F8F8F8; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 5px 6px; width: 100%; height: 100%; border:none; outline:none; box-sizing: border-box;}
form .fieldRow select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
form .fieldRow select option {margin: 3px 0;}



form .fieldRow .radio_wrap {float: right; margin-left: 10px; padding-top: 5px;}
form .fieldRow .radio_wrap input,
form .fieldRow .radio_wrap label {float: right; padding:0; width: auto; margin-right: 5px;}
form .fieldRow .radio_wrap:first-child label {margin-right: 0;}
form .fieldRow .radio_wrap input {margin-top: 3px; height: 14px;}


form .fieldRow.file_wrap label {padding: 0;}
form .fieldRow .field_file .file_holder {/* height: 80px; */ height: auto;}
form .fieldRow .field_file .file_holder.media {float: right; margin: 10px 0 0 0; clear: right;}
form .fieldRow .field_file .file_holder.src {float: right; clear: right; margin: 10px 0 0 0;}
form .fieldRow .field_file .file_holder img{float: right; width: 40px;}
form .fieldRow .field_file .file_holder .file_media {float: right; margin: 2px 0 0 0;}
form .fieldRow .field_file .file_holder .file_media img {float: right; width: 12px;}
form .fieldRow .field_file .file_holder .file_media span{float: right; margin: 0 5px 0 0;}
form .fieldRow .field_file .file_holder .remove_wrapper {margin-top: 5px; float: right; clear: both;}
form .fieldRow .field_file .file_holder .remove_wrapper .field_checkbox {float: right; margin: 2px 0; padding-top: 2px;}
form .fieldRow .field_file .file_holder .remove_wrapper label {float: right; width: 100px; padding-top: 0; margin: 2px 1px 0 0; font-size: 12px; }
form .fieldRow .field_file .file_holder .remove_wrapper label:before {width: 12px; height: 12px; margin: 1px 0 1px 8px;}
form .fieldRow .field_file .file_holder .remove_wrapper input:checked + .label_wrapper label:before,
form .fieldRow .field_file .file_holder .remove_wrapper input:checked + label:before {background: url(/css/icons/chekced.png) no-repeat 2px 2px #a2b6c3;}

form .fieldRow .field_file .allowed_file_ext {margin: 3px 0 0 0; float: right; clear: both; font-size: 10px;}

form .fieldRow .form_field_overlay {background: #fff;height: 100%; opacity: 0.7; position: absolute; width: 100%;}
form .fieldRow .form_field_overlay:hover {opacity:0.5;}

form .fieldRow .field_media_picker {border: none; height: auto; width: auto; padding-top: 8px;}
form .fieldRow .field_media_picker .img_holder img {width: 100px;}
form .fieldRow .field_media_picker .actions a {float: right; clear: both;}


form .type_password .field_wrap.change {width: auto; border: none;}
form .type_password .field_wrap.change a{float: right; text-decoration: underline; padding: 10px 0 0 0;}

form .email_wrap .field_wrap.change {width: auto; border: none;}
form .email_wrap .field_wrap.change span{float: right; padding: 12px 0 0 0;}
form .email_wrap .field_wrap.change a{float: right; text-decoration: underline; padding: 10px 0 0 0; margin: 0 10px 0 0;}

form .submit_wrap {margin-top: 10px;}
form .submit_wrap input {cursor: pointer; background: #18c746; border-radius: 8px;  font-size: 20px; color: #fff; padding: 10px 16px;}
form.delete_form .submit_wrap .field_wrap input {background: #FF4351; }
form .submit_wrap input:hover{opacity: 0.9;}

form .type_button .field_wrap {margin-top: 10px; height: auto; border: none;}
form .type_button button {cursor: pointer; background: #fff; border-radius: 5px; background: #18c746; border: 1px solid #18c746; font-size: 16px; color: #fff; padding: 14px 20px;}
form .type_button button:hover{opacity: 0.9;}

form .field_wrap .default {color: #ccc;}

form .error .field_checkbox {border: none;}
form .error .field_checkbox.single {}
/*form .error.type_checkbox .errField {top: -10px;}*/
/*form .error.type_checkbox .errField {position: absolute; bottom: 0px; top: 33px; width: 100%; padding: 2px 0; background: #fff;}*/
form .error.type_checkbox .errField {bottom: -11px;}
form .errField {display: none; z-index: 9; float: right; clear: both; margin: 5px 0 0 0; position: absolute; bottom: -18px; width: 100%; padding: 2px 0; background: #fff; margin: 0;}
form .errField .wrap {color: #f74853; font-size: 11px;}
form .errField .wrap span {float: right; border-right: 1px solid #f74853; padding: 0 5px;}
form .errField .wrap span:first-child {border-right: none; padding-right: 0;}

form .form_messages {color: #FF0033;}


form .fieldRow.type_fieldset {float: none; clear: none; padding: 0; margin: 0; position: inherit;}
form .fieldRow.type_fieldset .field_fieldset {margin: 0; padding: 0; clear: inherit; width: auto; float: none; overflow: inherit; height: auto; border-radius: 0; border: none; box-sizing: inherit;}
form .fieldRow fieldSet {border: none; padding: 0; margin: 0;}
form .fieldRow fieldSet legend {padding: 0; margin: 0;}



/** autocomplete **/
form .ac_results {z-index: 1; position: absolute; background: #fff; float: right; display: none; clear: both; overflow: hidden; max-height: 150px; overflow-y: auto; border:1px solid #ccc; box-shadow: 0px 5px 10px #888888;}
form .ac_results .pane_results li {width: auto;}
form .ac_results .pane_results .pane_result {width: 100%; padding: 5px;  cursor: pointer; display: block;}
form .ac_results li {font-size: 14px; color: #757575;}
form .ac_results li.highlight {background: #ddd;}
form .ac_results li b {color: #000;}
form .block_panel {display: none;}

/** ui-autocomplete **/
form .field_autocomplete2 {position: relative;}
form a.key_down {position: absolute; width: 25px; height: 45px; z-index: 1; left: 0; top: 0; border-right: 1px solid #F3EEEE;}
form a.key_down i {width: 100%; text-align: center; font-size: 20px; padding-top: 12.5px; color: #ccc;}
.ui-autocomplete {direction: ltr; text-align: right; z-index: 1002; font-size: 14px; max-height: 150px; overflow-y: auto; overflow-x: hidden; background: #fff; border:1px solid #ccc; box-shadow: 0px 5px 10px #888888;}
.ui-autocomplete {font-size: 13px;}

/** preivew_img **/

form .preivew_img {float: right; clear: both; max-width:100px; margin: 10px 0 5px 0;}
form .preview_remove {float: right; clear: both; margin-top: 2px}

/* pop_model */

.pop_model {position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 1001; background: rgba(0,0,0,.7); opacity: inherit; overflow: auto;}
.pop_model .close {width: 34px; height:34px; font-size: 24px; color:#000; text-align: center; background: #fff; border-radius: 50%; position: absolute; left: 30px; top: 30px; cursor: pointer; z-index: 200;}
.pop_model .close:hover {color: red;}
.pop_model .contentModel {border-radius: 5px; padding: 15px; margin: 50px auto; display: flex; flex-flow: column; background: #fff; min-height: 100px; max-width: 90%;}

.pop_model.small .contentModel {width: 350px;}
.pop_model.medium .contentModel {width: 500px;}
.pop_model.big .contentModel {width: 800px;}
.pop_model.large .contentModel {width: 1000px;}


/* navigation */
.navigation .horizontal {float: right;}
.navigation .horizontal li {float: right; width: 50px; text-align: center; padding: 5px; width: auto;}
.navigation .horizontal li span {float: right;}
.navigation .horizontal li i {float: right; padding: 7px 5px;}
.navigation .horizontal li span {}
.navigation .horizontal li.nohover:hover a,
.navigation .horizontal li.nohover.selected a {font-weight: inherit; text-decoration: inherit; color: inherit;}
.navigation .horizontal li:hover a,
.navigation .horizontal li.selected a{color: #4203F0;}

.navigation .vertical {float: right; width: 100%;}
.navigation .vertical li {float: right; clear: both; width: 100%; border-bottom: 1px solid #dfdfdf; overflow: hidden;}
.navigation .vertical li.last {border: none;}
.navigation .vertical li a {float: right;}
.navigation .vertical li a i {float: right; padding: 7px 5px;}
.navigation .vertical li a span {float: right; padding: 7px 5px; display: block;}
.navigation .vertical li:hover {background: #f1f1f1; border-radius: 5px;}
.navigation .vertical li:hover a,
.navigation .vertical li.nohover:hover a,
.navigation .vertical li.nohover.selected a {}
.navigation .vertical li.selected a{width: 100%; float: right; color: #333; text-decoration: none;}
.navigation .vertical li.selected a {font-weight: bold; }


/** button_normal**/
.button_normal {display: inline-block;}
.button_normal a {overflow: hidden; float: none; margin: auto; width: 100%; display: block; box-sizing: border-box; opacity: 0.9; text-align: center; background: #fff; border: #7EE7E8 1px solid; border-radius: 5px;padding: 10px 15px; color: #02acf6; font-size: 15px; cursor: pointer;}