/*-----------------------------------------------------------------------------------------------------------------------------*/
/* FIELD CSS Library for Enterprise Framework                                                                                  */
/*-----------------------------------------------------------------------------------------------------------------------------*/
/* 15.02.21 PR: guiButton HOVER to orange #ff8800                                                                              */
/* 17.10.18 PR: Change grey colors tro darker value - 3 dig for each 3 colores old: #FAFCFC new: #F8FAFA                       */
/*-----------------------------------------------------------------------------------------------------------------------------*/


/* SPECIFIC FIELD CONTROL =====================================================================================================*/

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    	border: 1px solid #CCC; 
    	border-radius: 3px; 
    	padding: 2px;
}
	
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #CCC; 
    	border-radius: 3px; 
    	padding: 2px
}
	
input[readonly] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #CCC; 
    	border-radius: 3px; 
	background-color: #EEE;
    	padding: 2px
}

.xxxxxxdisp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px transparent; 
    	border-radius: 3px; 
	background-color: #EEE;
    	padding: 2px
}
	
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    	border: 1px solid #CCC; 
    	border-radius: 3px; 
    	padding: 2px
}

textarea[readonly] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #CCC; 
    	border-radius: 3px; 
	background-color: #EEE;
    	padding: 2px
}

.searchitem {
	background-image: url("../../images/twotone-search-24px.svg");
	background-repeat: no-repeat;
	background-position: 2px center;
	background-size: 16px;
	padding-left: 20px;
}



/* Special field appearence ==============================================================================================================*/

.followingRowInForm{
    margin-top: 5px; 
}

.input-icon-wrap {
  border: 1px solid #ccc;    
  border-radius: 3px;
  display: flex;
  flex-direction: row;  
}

.input-icon {
  background: #ccc;
}

.input-with-icon {
  border: none;
  flex: 1;
  padding: 0px;
}

.input-icon, .input-with-icon {
  padding-left: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Ausblenden =================================================================================================================*/
.noDisplay{
    display: none;
    visibility: collapse;
}

/* Doppelete Listboxen =================================================================================================================*/
.doubleListBox{
    border: 1px solid lightgrey; 
    border-radius: 3px; 
    padding: 5px; 
    min-width: 200px
}



/* BUTTONS and IMAGES ====================================================================================================================*/


.guiButton{
    	border: 1px solid #CCC;
    	border-radius: 3px;
    	background: #F3F3F3;
    	padding: 4px 18px;
}

.guiButton:hover{
	color: #ffffff;
    	background: #FFE680;
}

.guiButtona{
    	border: 1px solid #CCC;
    	border-radius: 3px;
    	color: #ffffff;
    	background: #3b74c4;
    	padding: 4px 18px;
}

.guiButtona:hover{
	color: #ffffff;
    	background: #FFE680;
}


.imageAsButton{
    border: 1px solid #021a40; 
    border-radius: 3px; 
    background: white
}




/* EOF =======================================================================================================================*/