@charset "UTF-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
:root {
	--menu-width: 250px;
	--top-height: 70px;
}


body, html {

	margin: 0;

	padding: 0;

	color: #000000;

	font-family: Helvetica, Arial," sans-serif";

	font-size: 12px;

	font-weight: 500;

	height: 100%;

	width: 100%;

}

form {
	margin-block-end: 0;
}


#HeaderBoxContainer {

	position: fixed;
	top: 0;
	
	display: inline-block !important;

	margin: 0;

	width: 100vw !important;

	padding: 0;

	color: #FFF;

	background: #18191E;

	height: 60px;

	padding-top: 5px;

	padding-bottom: 5px;
	
	z-index: 2000;

}



#MenyBoxConatiner {

	position: fixed;
	display: inline-block;
	top: var(--top-height);
	left: 0;
	
	margin: 0;
	padding: 0;
	
	width: var(--menu-width) !important;
	min-height: 100%;
	height: auto;

	background: #18191E;

	color: #FFF;

	z-index: 2000;
}

#AdminMenuBox {
	padding: 10px;

}

#AdminMenuBox span {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
#AdminMenuBox .icons {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: -5px;
}
#AdminMenuBox a {
	display: block;
	border-radius: 5px;
	overflow: hidden;
	margin: 5px;
}
#AdminMenuBox a img {
	max-width: 100%;
	height: auto;
	width: 100px;
}

#MenyBoxConatiner .information {
	padding: 10px;
	color: red;
	font-weight: bold;
}

#BoxContainer {

	position: relative;
	display: block;

	margin: 0;
	padding: 10px;
	
	padding-top: calc(var(--top-height) + 10px);
	margin-left: var(--menu-width);
	
	width: calc(85vw - var(--menu-width));


}



#HeaderBoxContainerSub{
	padding: 0px;
	color: #FFF;
	background: #3e4049;
	overflow: hidden;
	position: relative;
	padding: 15px;
}

#HeaderBoxContainerSub form {
	margin: 0;
}


#HeaderBoxContainerSub .BoxHeaderText {
	line-height: unset;
}




#BoxLeft {
	position: relative;
	float: left;
	display: block;
}



#BoxRight {

	position: relative;


	text-align: right;

	float: right;

	display: block;

	font-size: 18px;

}



.BoxHeaderText {

	font-size: 20px !important;

	font-weight: bold;
	line-height: 50px;

}



#FloatContainer {

	position: relative;

	margin: 10px;

	padding: 5px;

	display: table-cell;

	font-size: 12px;

	padding-left: 10px;

	vertical-align: top;

	width: auto;

	min-width: 100px;

}



#PageBreak  {

	position: relative;

	width: 100%;

	margin: 0px;

	padding: 5px;

	overflow: visable;

	display: block;

}



input { font-size: 12px; width: 145px; }



#FloatContainerProducts{

	position: relative;

	margin: 0px;

	display: table-cell;

	font-size: 10px;

	vertical-align: bottom;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

}



#FloatContainerProducts2{

	position: relative;

	margin: 0px;

	display: table-cell;

	font-size: 12px;

	overflow: hidden;

	padding: 8px;

	vertical-align: middle;

	line-height: 12px;

	width: 100px;

}



#FloatContainerProducts3{

	position: relative;

	margin: 0px;

	min-width: 120px;

	display: table-cell;

	font-size: 12px;

	overflow: visbale;

	padding: 8px;

	vertical-align: middle;

	line-height: 12px;

}



textarea {

	width: 95%;

	min-width: 560px;

	height: 200px;

	resize: none;

}



.BoxHeaderLink, .BoxHeaderLinkHover{

	background-color: #DEDEDE;

	color: #000;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	padding: 0px;

	margin: 0px;

	width: auto;

	display: block;


	padding: 20px;


	border: 1px solid #DEDEDE;

	

}



.BoxHeaderLinkHover{

	background-color: #FFF;

	color: #000;


}





.BoxHeaderLink:hover, BoxHeaderLinkHover:hover{

	background-color: #FFF;

}



#FooterBox {

	position: relative;
	
	display: inline-block;
	
	margin: 0px 0px;

	width: 100%;

	padding: 0px;

	color: #FFF;
	
	background-color: #18191E;

	padding-top: 10px;

	font-size: 11px;

	text-align: center;

	line-height: 15px;
	

}



.linkWhite {

	color: #FFF;

	text-decoration: none;

}



.linkWhite:hover {

	color: #FFF;

	text-decoration: underline;

}



.BoxHeaderTextRubrik {

	font-size: 16px;

	font-weight: bold;

}



.TableRowLink{

	color: #000;

	text-decoration: none;

}



.TableRowLink:hover{

	color: #7B96CD;

}



.divHover:hover{

	background: #999;

	color: #FFF;

}

#rma_form_v2{
	border: none;
	display: inline-block;
	overflow:visible;
	padding: 0;
}

#rma_form_v2 .container {
	background: #eaeaea;
	margin-bottom: 20px;
	padding: 10px;
}

#rma_form_v2 .container-register {
	background: #d9e7ec;
}

#rma_form_v2 .container h1 {
	margin-top: 0;
}

#rma_form_v2 tbody tr:hover {
	background: #ffffff36;
}

#rma_form_v2 tbody td[ondblclick] {
	cursor: pointer;
}

#rma_form_v2 tbody td[ondblclick]:hover {
	background: #ffffffc2;
}

#save_button{
	border: 1px solid #666;
	background-color: #7b96cd;
	font-size: 16px;
	margin-left: 10px;
	font-weight: 700;
	color: fff;
}

#save_button:hover{
	color: white;
	background-color: black;
}

#rma_form_v2 label{
	position: relative;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	width: auto;
	margin-right: 20px;
	vertical-align: top;
	min-width: 220px;
}

#rma_form_v2 input{
	font-size: 14px;
	padding: 4px;
	border: 1px solid #999999;
	display: block;
	min-width: 200px;
	width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}


#rma_form_v2 select{
	max-height: 200px;
	display: block;
	border: 1px solid #999999;
    outline: none !important;
	padding: 3px;
	width: 100%;
	font-size: 14px;
}

#rma_form_v2 option{
	font-size: 14px;	
}

#rma_form_v2 textarea{
	font-size: 14px;
	padding: 4px;
	border: 1px solid #999999;
	display: block;
	min-width: 800px;
	max-width: 800px;
}


#upload_attachmentbox{
	border: 1px solid #999999;
	padding: 4px;
	max-width: 800px;
}

#upload_attachmentbox input {
	height: 150px;
    background: #fff;
    text-indent: -200;
	position: relative;
	margin-bottom: 10px;
}

#upload_attachmentbox input::after {
	content: " ";
	display: block;
	position: absolute;

	width: 100px;
	height: 100px;

	/*Old school center*/
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px; 

	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAISSURBVHic7Zq/SlxBFMZ/xwiCpY1NRKziA9gEsUiR0sbGd7ANWFnmCQSfQR/ALoVICAGfYAOCnWKh2KbxWDiai6h7/8ycb8PODwZ29547852Pu/ecvTvm7igwsy/A9/R2z91PJDoUBpjZBvADmEsf/QW+uvvPcC3RBpjZKvALWHhx6BZYd/dRqJ5IA8xsEfgNrLwRcgF8dvfrKE0zUQuZ2TxwzNvJk44dp9gQQgwwsw/AEbDWInwNOErnFCfqCtgHNjvEb6ZzyuPuRQewC3jPsVtcX+Hkt4H7AQbcA9slNRarAq/U+r4U7RGKGPBOre9LsR4huwEtan1fivQIWatAy1rflyI9QjYDOtb6vuTvETLe8Q/of7fvOg4mqgwyrNZLe4QcyW8xrNYP6RG25H2AmY2AT4Mm6c8fd18dMkHYr8FJJYcBO8B5hnm6cp7WHkTYAxEz67SQu1spLU3qV0AtQE01QC1ATTVALUBNNUAtQE01QC1ATTVALUBNNUAtQE01QC1ATTVALUBNNUAtQE01QC1AzdQbMPv0Ytxz+6jn9Llom8/UXwGRBpwVih1EpAHfaJfYWYoN4fm/wXoPmFKqAWoBaqoBagFqqgFqAWpmx4c80nWPz//C1F8B1QC1ADVNA65kKuJ5zrVpwKlAiIp/uTZ2fX8Ebojf9R097oDlV7fLA0vAIXA5AUJzj8uU23Iz5wf7/cKsKTOYWAAAAABJRU5ErkJggg==");
	background-position: center;
    background-repeat: no-repeat;
}

#rma_form_v2 fieldset {
	border: 0;
	padding: 0;
	margin: 0 0 30px 0;
}

#rma_form_v2 fieldset > legend {
	font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.rma_form_label_v2, .rma_row_label{
	padding: 5px 10px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #999999;
	border-bottom: none;
	margin-bottom: -1px;
	margin-top: 10px;
	text-overflow: ellipsis;
}

.rma_form_select_v2{
	display: block;
	z-index: 200;
	
}

.rma_form_div_v2{
	display: block;
}

.country_block{
	display: block;
	overflow:hidden;
}

.country_block label{
	float: left;
	display: inline-block;
}

#rma_headline{
	display: block;
	min-width: 60vw;
}

#rma_headline input{
	min-width: 800px;
}

#rma_descriptionofclaim, #rma_assessmentnotes, #rma_administrattionnotes, #rma_measures_description, #rma_additionalcost_notes{
	display: block;
	min-width: 60vw;
}



#rma_attachments, #rma_attachmentsfromassessmentoradministration, #rma_measures_attachedfiles, #rma_additionalcost_attachment{
	display: block;
	min-width: 100%;
	float: none;
	
}

#rma_deliveryaddress, #rma_invoiceaddress{
	display: inline-block !important;
}

#rma_deliveryaddress textarea, #rma_invoiceaddress textarea{
	width: 200px !important;
	min-width: 100% !important;
	max-width: 200px !important;
	height: 150px !important;
	max-height: 150px !important;
	min-height: 150px !important;
}

#rma_art_block, .rma_art_block, #rma_measure_rows_block, .rma_measure_rows_block{
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

#rma_measure_input_box, .rma_measure_input_box{
	max-width: 60vw;
}

#rma_art_rows_block, .rma_art_rows_block, #rma_measure_rows_block, .rma_measure_rows_block{
	display: block;
	border: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 80vw;
	min-width: 80vw;
	max-width: 80vw;
}

#rma_art_rows_block table, .rma_art_rows_block table, #rma_measure_rows_block table, .rma_measure_rows_block table{
	width: 100%;
}

#rma_art_rows_block input[type=submit], .rma_art_rows_block input[type=submit], #rma_art_rows_block input[type=submit], .rma_art_rows_block input[type=submit]{
	min-width: auto;
	max-width: auto;
	width: auto;
	font-size: 80%;
	margin: 0;
}


#save_button, .save_button{
	margin: 10px 0 0 0;
}

#rma_art_rows_block th, .rma_art_rows_block th, #rma_measure_rows_block th, .rma_measure_rows_block th{
	font-size: 60%;
}

#rma_art_rows_block td, .rma_art_rows_block td, #rma_measure_rows_block td, .rma_measure_rows_block td{
	font-size: 90%;
}

#rma_art_rows_block input[type=text], .rma_art_rows_block input[type=text], #rma_art_rows_block input[type=number], .rma_art_rows_block input[type=tnumber], #rma_art_rows_block select, .rma_art_rows_block select, #rma_art_rows_block option, .rma_art_rows_block option {
	max-width: 100% !important;
	width: 100% !important;
	min-width: 100px !important;
	font-size: 80%;
	border: none;
}

#rma_art_rows_block th, .rma_art_rows_block th, #rma_art_rows_block td, .rma_art_rows_block td, #rma_measure_rows_block th, .rma_measure_rows_block th, #rma_measure_rows_block td, .rma_measure_rows_block td
{
	border: 1px solid #999;
	white-space: break-word;
	overflow-wrap: break-word;
	max-width: 50px;
	vertical-align: top;
}


#rma_art_rows_block td:last-child, .rma_art_rows_block td:last-child, #rma_measure_rows_block td:last-child, .rma_measure_rows_block td:last-child{
	border: none;
}
.edit_td_box {
	border: 2px solid #666 !important; 	
	white-space: break-word;
	overflow-wrap: break-word;
	max-width: 50px;
	vertical-align: top;
	position: absolute;
	max-height:50px;
	background-color: lightcyan;
}
#show_hidden_box{
	position: fixed;
	display: none;
	border: 1px solid #000;
	background-color: lightcoral;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	top: auto;
	left: auto;
	right: 20px;
	bottom: 10px;
	z-index: 400;
	width: 80px;
	text-align: center;
}

#chat_box {
	position: fixed;
	margin: auto auto 0 0;
	top: auto;
	bottom: 40px;
	left: auto;
	right: 20px;
	display: inline-block;
	height: 600px;
	width:300px;
	border: 1px solid #333;
	background-color: rgba(255,255,255, 0.8);
	color: black;
	padding: 0;
	z-index: 200;
	pointer-events: auto;
	display: none;
}
#chat_box_toggle {
	position: fixed;
	display: inline-block;
	border: 1px solid #000;
	background-color: lightblue;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	top: auto;
	left: auto;
	right: 20px;
	bottom: 10px;
	width: 80px;
	z-index: 400;
	text-align: center;
}

#chat_box_messages {
	position: relative;
	width: calc(100% - 10px);
	height: 550px;
	overflow: auto;
	padding: 5px;
	z-index: 500;
	display: flex;
    flex-direction: column-reverse;
	font-size: 120%;
}

#chat_msg {	
	position: relative;
	display: block;
	padding: 8px;
	margin-bottom: 5px;
	border: 1px #333 solid;
	border-radius: 4px;
	max-width: 200px;
	margin-left: 50px;
}

#chat_msg:hover {
	background-color:green;
}
#chat_msg h3 {
	margin:0px;
	font-size: 10px;
	margin-top:-3px;
	margin-left:-2px;
	margin-bottom:0px;
	font-style: italic;
}


#chat_avatar {
	position: absolute !important;
	display: block !important;
	border-radius: 50px !important;
	border: 1px solid #333 !important;
	text-align: center !important;
	background-color:lightgreen;
	font-size: 20px !important;
	font-weight: bold;
	padding: 7px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	line-height: 20px !important;
	vertical-align: middle !important;
	margin-left: -55px !important;
	margin-top: -10px !important;
	font-family: 'Roboto Mono', monospace;	
}

button.status_list {
	min-width: 100px;
	margin-right: 5px;
	border-width: 1px;
	cursor: pointer;
}

.system_msg {
	background-color: lightgray !important;
}

.other_msg{
	background-color: lightblue !important;
}

.own_msg {
	background-color: lightgreen !important;
}

#chat_submit_box {
	position: relative;
	display: inline-block;
	height: 30px;
	width: 300px;
	padding: 0;
	margin: 0;
	z-index: 500;
	border-top: 1px solid #333;
	
}

#msg_post {
	width: 225px;
	height: 30px;
	padding: 10px;
	font-size: 18px;
	margin-top: 5px;
	margin-left: 10px;
	
}
#msg_submit_post {
	width:50px;
	height:30px;
	padding:0px;
	font-size: 18px;
	margin-left: 5px;
}


details {
    -border: 1px solid #aaa;
    border-radius: 4px;
    padding: .5em .5em 0;
}

summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

details[open] {
    padding: .5em;
	overflow-x: auto;
	background-color:white;
}

details[open] summary {
    -border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
	background-color:lightgrey;
}
	

	
#abort_button {
	background-color: orange;
	border:1px solid #666;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.35) -2px 0px 5px;	
	padding:5px;
	position:absolute;
	margin-left:0px;
	margin-top:-30px;
	cursor: pointer;
}
	
#abort_button:hover{
	background-color: lightgray;
	border: 1px solid #333;
}

#img_box_list {
	height:20px;
	display:inline-block;
	margin:10px;
	border:1px solid #000;
	padding:5px;
	box-shadow: rgba(0, 0, 0, 0.35) -2px 0px 5px;	
}
.img_box_list:hover {
	background-color:lightgrey;
}
.modal {
	display: none; 
	position: fixed; 
	z-index: 3000; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4);	
}
.modal-content {
	background-color: #fefefe;
	-margin: 15% auto; 
	margin:20px;
	padding: 20px;
	border: 1px solid #888;
	-width: 80%; 
}
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
#column_toggle {
	z-index: 1000;
}
#column_selector {
	position:absolute;
	z-index: 1000;
	border:1px solid #000;
	padding:10px;
	background-color: lightgrey;
	box-shadow: 5px 2px 2px #686868;
	margin-top:10px;
	display:none;
	max-width: 80vw;
}

#column_selector .col_selector_block {
	display:inline-block;
	border:1px solid #000;
	padding:5px;
	margin:10px;
	cursor: pointer;
	background-color:white;
}

#column_selector .col_selector_block:hover{
	background-color:lightgreen;
}

#column_selector .col_selector_block input {
	width: auto;
	min-width: 0;
	display: inline-block;
	margin-left: 20px;
}

#list_rma {
    border-spacing: 0;
    border-collapse: collapse;
	margin-bottom: 10px;
}
#list_rma th {
	border:1px solid #000;
	padding:5px;
	background-color:#ccc;
}
#list_rma td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	padding:5px;
	cursor: pointer;
}
#list_rma tr:hover {
	background-color:lightblue;
	
}
#create_group_col {
	min-width:250px;
	min-height:30px;
	padding:20px;
	border:1px solid #000;
	margin: 10px 0;
}
.create_group_col_class {
	float:right;
	right:0px;
	padding:5px;
}
#create_group_col label {
	font-weight: bold;
	float:left;
}
#create_group_col li {	
 	list-style-position: outside;
	list-style-type: none;
	margin:0px;
	padding:0px;
}
	#optionEditInput {
		padding:10px;
		margin-bottom:10px;
	}