@charset "utf-8";
/* CSS Document */
#avikelse_container{
	max-width: 900px !important;
}

.ck-editor__editable {
    min-height: 300px;
	max-height: 300px;
}

#avikelse_container input{
	margin-left: 10px;
}
#avikelse_owner {
	-border:1px solid yellow;
}
.form_div_input{
	display: inline-block;
	-float: left;
	width: auto;
	margin-right: 10px;
	

}

#avikelse_type_info {
	display: inline-block;
	max-width: 100%;	
	-border:1px solid red;
}

#avikelse_prio_box, #avikelse_motagare_box{
	display: inline-block;	
}
#avikelse_avslutad {
	width:100%;
	-border:1px solid green;
}
.avikelse_skapad {
	-border:1px solid red;
}
#avikelse_type {
	-border:1px solid red;
	display:inline-block;
	width:100%;
}
#avikelse_type label {
	
}

#avikelse_container select{
	width: auto;
	height: 200px !important;
	margin-right: 0px;
	margin-bottom: 10px;
	display: block;
	position: relative;
	
}

.label_Field, #avikelse_type_info label, #avikelse_prio_box label, #avikelse_motagare_box label{
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	
}


.form_div_text textarea, #form_div_text textarea{
	resize: none;
	
}


.form_div_input select{
	height: auto !important;
	max-height: 250px !important;
	display: inline-block;
	max-width: auto !important;
	min-width: 180px !important;
}

#StatusBlocksDiv, #PriorityBlocksDiv{
	display: inline-block;
	position: relative;
	border: 1px solid #999;
	padding: 5px;
	padding-left: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	
}

@media all and (max-width: 950px){
	#StatusBlocksDiv, #PriorityBlocksDiv{
		display: block;
		margin-left: 0;
		margin-right: 0;
		max-width: 90vw;
	}
}

#ShowAllBlocksDiv{
	display: inline-block;
	position: relative;
	border: 1px solid #999;
	background-color: #999;
	padding: 5px;
	cursor: pointer;
	
}

@media all and (max-width: 950px){
	#ShowAllBlocksDiv{
		display: block;
		max-width: 100px;
		text-align: center;
		margin-bottom: 20px;
	}
}

#ShowAllBlocksDiv:hover{
	background-color: #DEDEDE;
	text-decoration: underline;
}

.HeadlineBlocks{
	font-weight: bold;
	font-size: 16px;
	border: 1px solid #999;
	padding: 2px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: white;
	display: inline-block;
	position: relative;
	z-index: 10;
	top: -18px;
	margin-bottom: -20px;
}

#BlocksElements{
	display: inline-block;
	position: relative;
	padding: 5px;
	border: 1px solid #999;
	margin-right: 5px;
	cursor: pointer;
	color: black;
	margin-bottom: 5px;
	
}

#BlocksElements:hover{
	text-decoration: underline;
}

#BlocksElements a{
	color: black;
}

@media all and (max-width: 950px){
	#avikelse_prio_box, #avikelse_motagare_box{
	position: relative;
	display: inline-flex;
	float: none;
	width: 100%;
}
#avikelse_motagare_box{
	margin-left: 0px;
	
	border:1px solid #000;
	
}
#avikelse_type_info{
	min-width: 95vw;
	}
	.form_div_text, #form_div_text{
	display: inline-block;
	width: 90vw;
	float: none;
		
}
}

#avikelse_varchar_info_inside_box_id {
	width:100%;
	display:block;
}
.avikelse_varchar_info_inside_box_id input, #avikelse_varchar_info_inside_box_id input{
	min-width: 250px !important;
	max-width: 250px !important;
	width: 250px !important;		
}

.form_div_input option:checked, #form_div_input option:checked { font-weight: bold; font-size: 110%; padding: 5px; border: 3px solid #000;  }


.form_div_input select, #form_div_input select {
    border: 1px solid #666 !important;
    outline: none !important;
	scrollbar-visibility: hidden;
	scrollbar-width: none;
	padding: 0 !important;
	
}

.form_div_input option:first-child, #form_div_input option:first-child{
	color: #333 !important;
	background-color: #DEDEDE !important;
	padding: 0;
	text-align: center;
	pointer-events: none;
	font-weight: bold;
	font-size: 80%;
	border-bottom: 1px solid #666;
	margin-bottom: 2px;
	
}
/* option:focus { background-color: pink; } * /