/* form def css */
.dhxform_obj_material{
	--form-item-label-text-size: 13px;
	--form-item-label-text-color: #222222;
	
	--form-item-input-text-size: 12px;
	--form-item-input-text-color: #222222;
	--form-item-input-background-color:#ffffff;
	
	--form-item-input-height: 32px;
	--form-item-input-border-radius: unset;
	--form-item-input-border-color: #dddddd;
	
	--form-item-focus-border-color: #3399cc;
	--form-item-readonly-background-color:#ffffff;
	--form-item-required-aster-color:#d22c36;	
	--form-item-required-border-color:#dddddd;
	--form-item-required-text-color:#666666;
	--form-item-required-background-color:#ffffff;
	
	--form-item-actvie-color:#FF5252;
	
	--form-block-gap: unset;
}

/* container */
.dhxform_obj_material > .dhxform_base{
	left:-16px;
	display: flex;
    flex-direction: column;
}
.dhxform_obj_material.multi_form_box{
	position:relative;
	
	overflow: auto;
    max-width: calc(100% + 17px);
}

.dhxform_obj_material.dhxform_block,
.dhxform_base_nested.in_block{
	width:100%;
	display: inline-flex;
}

/* item */
.dhxform_obj_material div.dhxform_base > .dhxform_item{
	display:flex;
	flex-direction:column;
	position:relative;
}
.dhxform_obj_material div.dhxform_item_label_right,
.dhxform_obj_material div.dhxform_item_label_left{
	padding: 0px;
}
.dhxform_obj_material div.dhxform_control.dhxform_img_node .dhxform_textarea{
	display: none;
}

.dhxform_obj_material .dhxform_select,
.dhxform_obj_material input.dhxform_textarea, 
.dhxform_obj_material textarea.dhxform_textarea,
.dhxform_obj_material div.dhxform_control div.dhxcombo_material{
	min-height:var(--form-item-input-height);
	width:100%;
	padding:0 0 0 5px !important;
	margin:0px;
	border:1px solid var(--form-item-input-border-color);
	border-radius:var(--form-item-input-border-radius);
	font-size:var(--form-item-input-text-size);
	color:var(--form-item-input-text-color);
	background-color:var(--form-item-input-background-color);
	
	box-sizing: border-box;
}
.dhxform_obj_material textarea.dhxform_textarea{
	padding-top:5px !important;
	min-height: calc(100% - 8px);
	line-height:calc(var(--form-item-input-text-size) + 2px);
}

/* item - checkbox */
.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_img,
.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
.dhxform_obj_material div.dhxform_control.dhxform_img_node div.dhxform_actv_r{
	position:inherit;
}

/* item - fieldset */
.dhxform_obj_material .fs_dhxform_item_label_top{
	display: inline-block;
	float:left;
	clear:both;
}
.dhxform_obj_material fieldset.dhxform_fs{
	padding:0px 16px 8px 0px;
	margin:10px 16px 0px 16px;
	width:calc(100% - 18px);
}

/* item - label */
.dhxform_obj_material div.dhxform_txt_label2{
	line-height:32px;
	font-weight:unset;
}

/* item - select */
.dhxform_obj_material .dhxform_select{
	/* height:100%; */
	width:100%;
	left:0px;
	background-color:transparent;
	
	padding-right:18px !important;
	appearance:none;
}
.dhxform_obj_material .dhxform_select::-ms-expand {
	display:none
}
.dhxform_obj_material .dhxform_select_back{
	position:absolute;
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	padding-left:16px;
}
.dhxform_obj_material div.dhxform_control div.dhxcombo_material input.dhxcombo_input{
	height:100%;
	line-height:30px;
	font-size:12px;
	color:#666666;
}
.dhxform_obj_material .dhxform_item_label_left .dhxform_select_back{
	padding-left:0px;
}

/* item - button */
.dhxform_obj_material div.dhxform_btn,
.dhxform_obj_material div.dhxform_btn:focus{
	margin:0px 0px 0px 16px;
	height:30px;	
	border-radius:var(--form-item-input-border-radius);
	
	border-color: #dfdfdf;
	border-width: 1px;
	
	cursor:pointer;
}
.dhxform_obj_material div.dhxform_item_label_top div.dhxform_btn,
.dhxform_obj_material div.dhxform_item_label_top div.dhxform_btn:focus{
	margin-top:38px;
}
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_btn,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_btn:focus,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_btn,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_btn:focus{
	margin-top:16px;
}
.dhxform_obj_material div.dhxform_btn div.dhxform_btn_txt,
.dhxform_obj_material div.dhxform_btn:focus div.dhxform_btn_txt{
	height:var(--form-item-input-height);
	line-height:var(--form-item-input-height);
	margin:0 18px;
}
.dhxform_obj_material div.dhxform_btn div.dhxform_btn_filler{
	display:none;
}
/* item - dbcalendar */
.sepoa_form_dbcalendar_container{
	display:none;
	position:absolute;
}
.sepoa_form_dbcalendar_container.show{
	display:block;
	width: 502px;
    height: 300px;
}

/* control */
.dhxform_obj_material div.dhxform_control,
.dhxform_obj_material div.dhxform_txt_label2{
	min-height:var(--form-item-input-height);
	height:fit-content;
	position:relative;
}
.dhxform_obj_material div.dhxform_item_label_top div.dhxform_txt_label2{
	margin:34px 0px 0px 16px;
	padding-top:8px;
	padding-bottom:0px;
	height:var(--form-item-input-height);
	line-height:var(--form-item-input-height);
}
.dhxform_obj_material div.dhxform_item_label_top div.dhxform_control,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_control,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_control{
	padding: 0px;
    margin: 4px 0px 0px 16px;
    float: left;
}

.dhxform_obj_material div.dhxform_item_label_top div.dhxform_control.dhxform_control_width_full,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_control.dhxform_control_width_full,
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_control.dhxform_control_width_full{
	width:calc(100% - 16px);
}
.dhxform_item.lowerDiv > .dhxform_control{
	height:calc(100% - 44px);
}
.dhxform_item > .dhxform_control > .dhxform_container{
	height:100%;
}
.dhxform_item > .dhxform_control.dhxform_note_included > .dhxform_container{
	height:calc(100% - 14px);
}
.dhxform_item.dhxform_label_hidden.lowerDiv > .dhxform_control{
	height:calc(100% - 8px);
}

/* label */
.dhxform_obj_material div.dhxform_label{
	height:18px;
	overflow: visible;
    white-space: nowrap;
}
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:visited,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:active,
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:hover{
	overflow: visible;
    white-space: nowrap;
}

.dhxform_obj_material div.dhxform_label, 
.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link, 
.dhxform_obj_material div.dhxform_label span.dhxform_item_required,
.dhxform_obj_material div.disabled div.dhxform_label, 
.dhxform_obj_material div.disabled div.dhxform_label div.dhxform_label_nav_link, 
.dhxform_obj_material div.disabled div.dhxform_label span.dhxform_item_required,
.dhxform_obj_material div.readonly div.dhxform_label,
.dhxform_obj_material div.readonly div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_material div.readonly div.dhxform_label span.dhxform_item_required{
	color:var(--form-item-label-text-color);
	font-size:var(--form-item-label-text-size);
}

.dhxform_obj_material div.dhxform_label span.dhxform_item_required{
	display:none;
}

.dhxform_obj_material .dhxform_custom_required:not(.dhxform_label_blank, .dhxform_item_label_left, .dhxform_item_label_right) .dhxform_label label::after {
	content: "*";
	color: var(--form-item-required-aster-color);
}

.dhxform_obj_material .dhxform_label_hidden > .dhxform_label{
	display:none;
}
.dhxform_obj_material .dhxform_label_blank > .dhxform_label{
	color:transparent !important;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	overflow-x:hidden;
}
/* label - top */
.dhxform_obj_material div.dhxform_item_label_top div.dhxform_label{
	padding:16px 0px 0px 16px;
	margin:0px;
}
.dhxform_obj_material div.dhxform_base > .block_dhxform_item_label_top{
	display:inline-flex;
	clear:both;
	float:left;
}
.dhxform_obj_material div.dhxform_base > .dhxform_item_label_top.label-hidden > .dhxform_label{
	display:none;
}
.dhxform_obj_material div.dhxform_base > .dhxform_item_label_top.label-hidden > .dhxform_control{
	padding-top:16px;
}

/* label - left, right */
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_label,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_label{
	padding:4px 0px 0px 16px;
	margin:0px;
	height:var(--form-item-input-height);
}
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_label{
	padding-left:8px;
}
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_label > *,
.dhxform_obj_material div.dhxform_item_label_left div.dhxform_label > *{
	height:100%;
	line-height:var(--form-item-input-height);
}
.dhxform_obj_material div.dhxform_base > .dhxform_item.dhxform_item_label_left,
.dhxform_obj_material div.dhxform_base > .dhxform_item.dhxform_item_label_right{
	flex-direction:row;
}

/* manual padding */
.dhxform_obj_material div.dhxform_item_label_top.sepoa-form-padding-left-available div.dhxform_label,
.dhxform_obj_material div.dhxform_item_label_right.sepoa-form-padding-left-available div.dhxform_label,
.dhxform_obj_material div.dhxform_item_label_left.sepoa-form-padding-left-available div.dhxform_label{
	padding-left:0px;
}

.dhxform_obj_material div.dhxform_item_label_top.sepoa-form-padding-left-available div.dhxform_control,
.dhxform_obj_material div.dhxform_item_label_right.sepoa-form-padding-left-available div.dhxform_control,
.dhxform_obj_material div.dhxform_item_label_left.sepoa-form-padding-left-available div.dhxform_control{
	margin-left:0px;
}

/* icon */
.dhxform_obj_material .xi-sepoa-dummy-after::after{
	position: absolute;
    line-height: var(--form-item-input-height);
    right: 2px;
    top:0px;
    font-size: 18px;
    color:var(--form-item-text-color);
	pointer-events: none;
}
.dhxform_obj_material input.dhxform_textarea.calendar,
.dhxform_obj_material div.disabled input.dhxform_textarea.calendar,
.dhxform_obj_material .dhxform_select,
.dhxform_obj_material div.disabled .dhxform_select{
	background-image:none;
}

.dhxform_obj_material .dhxform_custom_required input.dhxform_textarea::placeholder,
.dhxform_obj_material .dhxform_custom_required textarea.dhxform_textarea::placeholder{
	font-size:10px;
	color:#999999;
}

/* btn */
.dhxform_obj_material div[class*="btn_"] div.dhxform_label{
	display:inherit;
}
.dhxform_obj_material div[class*="btn_"] div.dhxform_control{ 
	height:var(--form-item-input-height) !important;
	width:var(--form-item-input-height) !important;
	box-sizing:border-box;
}
.dhxform_obj_material div[class*="btn_"] div.dhxform_control > .dhxform_image{
	height:100%;
	width:100%;
    font-size: 16px;
    text-align: center;
    line-height: var(--form-item-input-height);
    display: inline-flex;
    border:1px solid var(--form-item-input-border-color);
    border-radius:var(--form-item-input-border-radius);
    box-sizing:border-box;
    background-color: white;
}
.dhxform_obj_material div[class*="btn_"] div.dhxform_control > .dhxform_image::before{
	width:100%;
	color:var(--form-item-text-color);
	
	display: flex;
    justify-content: center;
    align-items: center;
}

.dhxform_obj_material div[class*="btn_"] div.dhxform_control > .dhxform_image div.dhxform_image_wrap form.dhxform_image_form,
.dhxform_obj_material div[class*="btn_"] div.dhxform_control > .dhxform_image div.dhxform_image_wrap form.dhxform_image_form input.dhxform_image_input{
	width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.dhxform_obj_material div[class*="btn_"].active div.dhxform_control > .dhxform_image::before{
	color:var(--form-item-actvie-color);
}

.dhxform_obj_material div.dhxform_item_label_top[class*="btn_"].dhxform_label_blank div.dhxform_label{
	width:var(--form-item-input-height) !important;
	display: block;
}

.dhxform_obj_material div[class*="btn_"].disabled div.dhxform_control > .dhxform_image{
	background-color: var(--form-item-readonly-background-color);
}

.dhxform_obj_material div.dhxform_item_label_top[class*="btn_"].dhxform_label_hidden div.dhxform_label{
	display: none;
}

/* btn_search */
.dhxform_obj_material div.btn_search div.dhxform_control > .dhxform_image::before{
	content:"\e97a";
}

/* btn_link */
.dhxform_obj_material div.btn_link.dhxform_item_label_left div.dhxform_control{
	margin-left:0px;
}
.dhxform_obj_material div.btn_link div.dhxform_control > .dhxform_image{
	border: unset;
    background: transparent;
}
.dhxform_obj_material div.btn_link div.dhxform_control > .dhxform_image::before{
	content:"\e980";
	color: var(--form-item-focus-border-color);
}


/* required */
.dhxform_obj_material .dhxform_custom_required .dhxform_select,
.dhxform_obj_material .dhxform_custom_required input.dhxform_textarea,
.dhxform_obj_material .dhxform_custom_required div.dhxform_control div.dhxcombo_material{
	border-left-width:1px;
	border-color:var(--form-item-required-border-color);
	color:var(--form-item-required-text-color);
	background-color:var(--form-item-required-background-color);
}

/* focus */
.dhxform_obj_material .dhxform_select:focus,
.dhxform_obj_material input.dhxform_textarea:focus, 
.dhxform_obj_material textarea.dhxform_textarea:focus,
.dhxform_obj_material div.dhxform_control div.dhxcombo_material:focus{
	border-color: #39c;
    border-width: 1px;
    padding-bottom: 0px !important;
}

.dhxform_obj_material .dhxform_select:focus::placeholder,
.dhxform_obj_material input.dhxform_textarea:focus::placeholder, 
.dhxform_obj_material textarea.dhxform_textarea:focus::placeholder,
.dhxform_obj_material .dhxform_custom_required div.dhxform_control div.dhxcombo_material::placeholder{
	color: transparent;
}

/* readonly */
.dhxform_obj_material div.disabled .dhxform_select,
.dhxform_obj_material div.disabled .dhxform_textarea,
.dhxform_obj_material div.disabled div.dhxform_control div.dhxcombo_material,
.dhxform_obj_material div.readonly input.dhxform_textarea,
.dhxform_obj_material div.readonly textarea.dhxform_textarea{
	border-style:solid;
	border-color:var(--form-item-readonly-border-color);
	color: var(--form-item-readonly-text-color);
	cursor:unset;
	background-color: var(--form-item-readonly-background-color);
	
}
.dhxform_obj_material div.disabled > .dhxform_select_back.xi-sepoa-dummy-after::after{
	color:var(--form-item-readonly-text-color);
}
.dhxform_obj_material div.disabled .dhxform_control.xi-sepoa-dummy::before,
.dhxform_obj_material div.readonly .dhxform_control.xi-sepoa-dummy::before{
	color:var(--form-item-readonly-text-color);
}

/* validate */
div.dhxform_obj_material .validate_error input.dhxform_textarea, 
div.dhxform_obj_material .validate_error .dhxform_select, 
div.dhxform_obj_material .validate_error div.dhxform_label_nav_link, 
div.dhxform_obj_material .validate_error div.dhxform_label div.dhxform_label_nav_link:focus{
	border: 1px solid var(--form-item-validate-border-color);
}
div.dhxform_obj_material .validate_error .dhxform_label,
div.dhxform_obj_material .validate_error .dhxform_textarea,
div.dhxform_obj_material .validate_error .dhxform_select,
div.dhxform_obj_material div.disabled.validate_error .dhxform_label,
div.dhxform_obj_material div.disabled.validate_error .dhxform_textarea,
div.dhxform_obj_material div.disabled.validate_error .dhxform_select,
div.dhxform_obj_material .validate_error div.dhxform_label_nav_link,
div.dhxform_obj_material .validate_error div.dhxform_label div.dhxform_label_nav_link:focus{
	color:var(--form-item-validate-text-color);
}


/* form custom design */
.dhxform_obj_material div.disabled.sepoa-dhxform-custom-item-design-primary .dhxform_select,
.dhxform_obj_material div.disabled.sepoa-dhxform-custom-item-design-primary .dhxform_textarea,
.dhxform_obj_material div.disabled.sepoa-dhxform-custom-item-design-primary div.dhxform_control div.dhxcombo_material,
.dhxform_obj_material div.readonly.sepoa-dhxform-custom-item-design-primary input.dhxform_textarea,
.dhxform_obj_material div.readonly.sepoa-dhxform-custom-item-design-primary textarea.dhxform_textarea {
	color: #00a8d9;
	font-size: 15px;
}

/* form item align */
.dhxform_obj_material .sepoa-dhxform-custom-item-align-right input.dhxform_textarea {
	text-align: right;
	padding: 0 5px 0 0 !important;
}

/* form sepoa style */
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-primary .dhxform_control input.dhxform_textarea,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-primary .dhxform_control textarea.dhxform_textarea,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-primary .dhxform_control .dhxform_select,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-primary .dhxform_control div.dhxform_control div.dhxcombo_material {
	color:#FF5252;
	font-weight: 500;
	font-size:16px;
}
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-secondary .dhxform_control input.dhxform_textarea,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-secondary .dhxform_control textarea.dhxform_textarea,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-secondary .dhxform_control .dhxform_select,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-secondary .dhxform_control div.dhxform_control div.dhxcombo_material {
	color:#0288D1;
	font-weight: 500;
	font-size:14px;
}
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-tertiary .dhxform_control input.dhxform_textarea,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-tertiary .dhxform_control textarea.dhxform_textarea,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-tertiary .dhxform_control .dhxform_select,
.dhxform_obj_material .dhxform_item.sepoa-dhxform-custom-item-style-tertiary .dhxform_control div.dhxform_control div.dhxcombo_material {
	color:#0AB169;
	font-weight: 500;
	font-size:14px;
}

.dhxform_obj_material.multi_form_box.block_flex_wrap > .dhxform_base{
	flex-wrap: wrap;
	gap: var(--form-block-gap);
}

.dhxform_obj_material.multi_form_box.flex_direction_row > .dhxform_base{
	flex-direction: row;
	width: 100%;
}

.dhxform_obj_material.multi_form_box.flex_direction_column > .dhxform_base{
	flex-direction: column;
	height: 100%;
}

.dhxform_obj_material.multi_form_box.block_flex_wrap > div.dhxform_base > .block_dhxform_item_label_top{
	border: unset;
	padding: unset;
}

/* fieldset */
.dhxform_obj_material .fs-flex-wrap{
	width: 100%;
}

.dhxform_obj_material .fs-flex-wrap .dhxform_fs .dhxform_fs_nested > .dhxform_base{
	display: flex;
    flex-wrap: wrap;
}
.dhxform_obj_material fieldset.dhxform_fs{
	margin: 25px 0 0 16px;
	padding-bottom: 16px;
}

/* form - masking-input */
.dhxform_obj_material .masking-input {
    background-color: #f8f9fa;
    color: #6c757d;
    font-family: monospace;
    cursor: default;
}

.dhxform_obj_material .masking-input:focus {
    outline: none;
    box-shadow: none;
}

.dhxform_obj_material .readonly .masking-input,
.dhxform_obj_material .disabled .masking-input {
    background-color: #e9ecef;
    color: #adb5bd;
}