/*************************************************************** */
/******************* Control classes *************************** */
.efControlClass{
	margin-left: 5px;
	margin-right: 5px;	
	margin-top: auto!important;
	margin-bottom: auto!important;
	border-color: #046ec5;
}

.efControlClass input, .efControlClass input *{
	border-color: #046ec5;
	border-width: 1px;
}

/* Do not display border within a table */
td .efControlClass, td .efControlClass * {
	/* border-width: 0px; */
}

.efControlClass:hover{
	border-width: 1px;
	border-color: gray;
}

.efControlClass input:hover{
	border-width: 1px;
	border-color: gray;
}

.multiSelectComboboxDiv .z-bandbox{
	width: 100%!important;
}


.gridControlHeaderRowStyle .efControlClass{
/* 	border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;  */
}

.efControlInlineClass{
	/* border: none; */
}

.EfComboboxClass{
	/* display: inline; */
}

.EfComboboxClass>input{
 	/* height: 40px; */
/*	width: 150px; */
}
.EfComboboxClass>a{
 	/* height: 40px; */
/*	padding: 0px; */
}

.EfMultiSelectComboClass{
	
}

.EfBooleanComboboxClass{
	/* display: inline; */
}

.EfBooleanComboboxClass>input{
	/* height: 40px; */
	/* width: 50px; */
}

.EfBooleanComboboxClass>a{
	/* height: 40px; */
	/* padding: 0px; */
}

.comboboxDiv{
	/* display: inline; */
	margin-top: auto;
	margin-bottom: auto;
}

.multiSelectComboboxDiv{
	/* display: inline; */
	margin-top: auto;
	margin-bottom: auto;
}

.EfCheckboxClass{
	margin-top: auto;
	margin-bottom: auto;
	display: flex;
}

.EfCheckboxClass input{
	margin: auto;
	border-width: 1px!important;
}

.EfDateboxClass{
	/* display: inline; */
}

.EfDateboxClass>input{
	/* height: 26px; */
	min-width: 106px;
	 /* height: 40px;  */
	/* width: 142px; */
}
.EfDateboxClass>a{
	/* height: 26px; */
	/* padding: 0px; */
 	/* height: 40px; */
	/* padding: 0px; */
}

/* .EfDateboxClass>a>i{
	padding: 0px;
} */


.EfIntboxClass{
	/* height: 26px; */
 	/* height: 40px; */
/*	display: inline;
	width: 100px; */
}

.EfDecimalboxClass{
	/* height: 26px; */
	/* height: 40px; */
/* 	display: inline;
	width: 100px; */
}

.EfTextboxClass {
 	/* height: 40px; */
/*	display: inline;
	width: 200px; */
}

.EfReadonlyTextboxClass {
	display: inline;
	border: none!important;
}

.EfLabelClass {
	border: none!important;
}

.multilineTextbox {
	/* display: inline-block; */
	padding: 5px;
}

/* Χρησιμοποιείται για τα υποχρεωτικά πεδία που εμφανίζονται inline */
.mandatoryFieldinline{
	border-style: solid;
	border-width: 1px;
	border-color: #a036366e;
}

/* Όταν τα υποχρεωτικά πεδία είνα κενά. */
input.redClass {
	/* background: #d99c9c!important; */
	border-color: red!important;
	border-width: 1px;
}
 .redClass>input{
	/* background: #d99c9c; */
	border-color: red;
	border-width: 1px;
} 

.sectionTitleLabel{
	
}

.sectionTitle{
	margin-left: 10px;
	width: 20%;
	min-width: 200px;
}


.showParametersPanelCheckbox{
	
}
/*************************************************************** */

/* ****************** Grid Control classes  ***************  */
.EfControlGridClass{
	/* display: table-cell!important; */
}

/* The class of the inner div used 
	as parent of the child controls*/
.EfControlGridInnerClass{
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-bottom: 5px;
	border-style: solid;
    border-width: 1px;
    border-color: #bfb7b7;
}

.EfControlGridInnerClass_EMZS{
	border-style: none;
}

.gridControlHeaderRowStyle{
	display: flex;
	flex-direction: row;
	gap: 5px;
	flex-wrap: wrap;
	border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: gray;
    font-weight: bolder;
    background: #d3d4d7;
    padding: 5px;
}

.gridControlHeaderRowStyle_EMZS{
    background: none;
    border-bottom-style: none;
}

.gridControlHeaderRowStyleVertical{
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex-wrap: wrap;
	border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: gray;
    font-weight: bolder;
    background: #eaebef;
}

.gridControlFooterRowStyle{
	display: flex;
	flex-direction: row;
	gap: 5px;
	flex-wrap: wrap;
	padding: 10px;
	border-style: solid;
    border-width: 1px;
    border-color: #bfb7b7;
    background: #eaebef;
    margin-bottom: 10px;
}

.gridControlFooterRowStyleVertical{
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 5px;
	border-style: solid;
    border-width: 1px;
    border-color: #bfb7b7;
    background: #eaebef;
}

.gridControlRowStyle{ 
	display: flex;
	flex-direction: row;
	gap: 5px;
	flex-wrap: wrap;
	border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #bfb7b7;
}

/* Platform Specific style */
.gridControlRowStyle_EMZS{ 
	border-bottom-style: none;
}

.gridControlRowStyleVertical{
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex-wrap: wrap;
	border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #bfb7b7;
}

/* used when the grid control is displayed in vertical mode to display label - control*/
.gridControlColumnCellStyle{
	display: flex;
	flex-direction: column;
	/* gap: 10px; */
	width: 100%;
}

.gridControlDisplayButtons{
	width: 40px;
	height: 40px;
	padding-left: 11px;
	margin-top: auto;
	margin-bottom: auto;
}

.gridControlButtons{
	max-height: 30px;
	margin: auto;	
}


.gridControlParametersContainer{
	display: flex; 
	flex-direction: column; 
	gap: 10px;width: 100%;
	overflow-y: auto;
	height: 95%; 
	margin-top: 20px;
	padding-bottom: 35px;
}

.gridControlInitializationContainer{
	display: flex; 
	flex-direction: column; 
	gap: 10px;width: 100%;
	overflow-y: auto;
	height: 95%; 
	margin-top: 20px;
	padding-bottom: 35px;
	height: 420px;
}

.gridControlRowClass{
	display: flex;
	gap: 10px;
}

.gridControlParamsGroupbox{
	margin-bottom: 10px;
	width: 90%;
}

/* ****************** Grid Control classes END  ***************  */


.userFillSectionTitleContainer{
	width: 100%;
	/* max-width: 710px; */
	display: flex;
	margin-bottom: 10px;
	/* border-bottom: #d1cccc;
	border-bottom-style: solid;
	border-bottom-width: 1px; */
}


.userFillSectionTitle{
	font-size: 26px;
	margin: 10px;
	font-weight: 700;
	color: #046ec5;
}

.userFillSectionContainer{
/* 	border-style: solid;
	border-width: 1px;
	border-color: #dddada; */
	margin-bottom: 10px;
	padding: 10px;
}

.userFillControlSubSectionContainer{
	margin-bottom: 30px;
	max-width: 710px;
	/* background: #f3f3f3; */
	padding: 10px;
	display: initial;
}
.userFillHtmlSubSectionContainer{
	margin-bottom: 30px;
	max-width: 710px;
	/* background: #f3ede4; */
	padding: 10px;
	display: initial;
}

.efControlGroupContainerStyle{
	display: flex;
	flex-wrap: wrap;
	column-gap:2%;
	justify-content: normal;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	padding: 10px;
}

@media (max-width: 800px) {
	.labeled-form-element{
		 width: 100%!important;
	}
}