/*@import http://fonts.googleapis.com/css?family="Roboto Slab",sans-serif;*/
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/

/*

SSAM

color: #0a6987;
background-color: #cfdee3;
	
*/	

body
{
	font-family: Roboto, sans-serif;
}
	
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
width:300px;
float:left;
border-radius:10px;

border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:70px
}
input[type=text],input[type=password] {
width:99.5%;
padding:2px;
/*margin-top:8px;*/
border:1px solid #ccc;
padding-left:5px;
font-size: 22px;

}
input[type=submit] {
width:100%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px
}

#headline-area {
padding:5px;
/*border:1px dashed grey;*/
font-size:20px;
/*background-color:#0a6987;*/
padding-left: 3rem;
}

#headline-area img
{
height: 5.625rem;
}

#mainlist, #recipientslist {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#eeeeee;
margin-top:10px;
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray
}

a {
text-decoration:none;
color: #9fbec9;
}

.sum-area a:hover {
color: #fff;
text-decoration: underline;
}

.introtextarea a {
text-decoration:none;
color: #26667b;
}

.introtextarea a:hover {
color: #000;
text-decoration: underline;
}

i {
color:#6495ed
}
#sendmailformarea, #uploadfileformarea
{
	width: 50%;
    max-width: 50%;
	padding: 10px;
}
#controlsarea
{
    display: flex;
}

h1 
{
color: black;	
font-weight: 500;
}


.calc-container:not(.advanced-mode)  .advanced {
  display:none!important;
}

#output_returpapper_avfall_area{background-color:#0082be;}
#output_fargatglas_avfall_area{background-color:#1daf8e;}
#output_ofargatglas_avfall_area{background-color:#1daf8e;}
#output_papper_avfall_area{background-color:#bea064}
#output_plast_avfall_area{background-color:#961e82;}
#output_metall_avfall_area{background-color:#5a6e78;}
#output_rest_avfall_area{background-color:#141414}
#output_mat_avfall_area{background-color:#00a04b;}
#output_paketval_area h2{background-color:#004c64;}

.flex-grid
{
	display:flex; 
	justify-content:flex-start;
	align-content: flex-start;
	flex-direction:column; 
	margin:11px 0; 
	flex-flow:row wrap;
	align-items: center;
	 
}
.flex-grid-col
{
	flex: 1;
	font-size: 16px;
	border-bottom: 1px solid lightgray;
}
.flex-grid-date
{
	max-width: 10%;
}
.flex-grid-not-date
{
	
}
.flex-break {
  flex-basis: 100%;
  height: 0;
}
.input-areas
{
	flex-flow: row;
	min-width: 300px;
}
.input-area
{
	/*background-color: #cfdee3;*/
	align-items: flex-start;
	/*padding: 10px;*/
	line-height: normal;
}
.input-area p
{
	
}
.input-area input
{
	width: auto;
	max-width: 6.0rem;
	vertical-align: baseline;
}
.input-area input[type=radio] 
{
	height: 20px;
    width: 20px;
    margin-right: 15px;
}

.input-field
{
	padding: 0px;
	padding-right: 26px;
	/*min-width: 400px;*/
}
.input-field label
{
	
	padding-right: 10px;
	min-width: 330px;
}
.Distance .input-field .input-radio label
{
	min-width: 160px;
}
.input-radio
{
	display: inline-block;
}

.inline
{
	display: inline-block;
}
.output-area
{
	margin-top: 10px;
	margin-bottom: 10px;
	
}

@media print 
{
	.output-area
	{
		margin-top: 0px;
		margin-bottom: 0px;
		border: none;
		border-top: none;
	}
	.print_not
	{
		visibility:hidden;
	}
}

.print-button
{
	position: fixed;
    top: 20px;
    right: 2vw;
	z-index: 1000;
	color: white;
    background-color: #e76e25;
    border: none;
}

.fraktion-result-area .output_inner
{
	background-color: #f8f9fa;
}

.fargforklaring-block
{	
	display: inline-block;
	
}

.fargforklaring
{
	display: inline-block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    margin-left: 0px;
	vertical-align: top;
	margin-top: 10px;
}

.fargforklaring_text
{
	display: inline-block;
    margin-left: 4px;
    margin-top: 2px;
    margin-right: 12px;
    margin-top: 12px;
    min-width: 200px;
}

#AntalLagenheter_blandat
{
    border: 2px solid #e76e25;
}

#output_utrymme_orientering_forklaring
{
	 margin-top: 10px;
}

#output_utrymme_basdata, #output_utrymme_orientering
{
   /* display: flex;
    align-content: flex-start;
    justify-content: flex-start;*/
}

#output_utrymme_size, #output_utrymme_karl, #output_utrymme_langsida, #output_utrymme_kortsida
{
	/*width: 50%;*/
}
#introarea img 
{
	width:100%;
}
.kommunvalarea label
{
	padding-right: 10px;
	
}
.kommunvalarea select
{
	min-width: 200px;
    border: 2px solid #e76e25;
   
    padding: 0;
    margin-left: 4px;
    height: 34px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px)
{
	.kommunvalarea select
	{
		height: 46px;
	}
	.input-area.imgage
	{
		display: none !important;
	}
}
.fraktion-result-area, .today-fraktion-area, .today-area
{
	margin-top: 20px;
	/*padding: 20px;
	border: 1px solid black;*/
	
}

.output-area h2, .output-area label
{
	color:white;
	font-size: 20px;
    padding: .625rem;
	
}

.output-area .output-today
{
	color:white;
	background-color: #004c64;
}


#output_paketval_area h2
{
	color:white;
}

.collect_select_area, .fraktion-result-area h2
{
	display: inline-block;
	padding-left: 10px;
    margin-bottom: 0px;
}

.collect_select_area
{
	float: right;
}


.collect_select_area select
{
	margin-right: 10px;
	margin-left: 10px;
}

.sum-area
{
	margin-top: 20px;
	background-color: #004c64;
    color: white;
	
}
	
table.resultat-karl 
{
	width: calc(100% - 100px);
	min-width: calc(100% - 100px);
}
table.resultat-karl-selected 
{
	width: 100px;
	min-width: 100%;
}
td.col-change  
{
	background-color: #0a6987;
    color: #ffffff;
	cursor: pointer;
	width: 100px;
	min-width: 100px;
}
td 
{
	border: 1px solid black;
	padding: 3px;
	font-size: 1.2rem;
}


td:not(.advanced) 
{
	width: 200px;
}




.resultat-karl
{
	display: none;
}
.resultat-karl.open
{
	display: table;
}
.resultat-karl-selected
{
	display: none;
}
.resultat-karl-selected.open
{
	display: table;
}

.resultat-karl tr:hover 
{
	background-color: #e9ecef;
}
.resultat-karl .highlight 
{
	background-color: #cfdee3;;
}
.resultat-karl tr 
{
    cursor: pointer;
}

.explanation.hide
{
	display: none;
}


.today-subarea {
  display: table;
  width: 100%;
}

.today-subarea > * {
  display: table-row;
}
.today-row
{
}
.today-subarea .today-col {
  display: table-cell;
  padding-top: 5px;
  padding-bottom: 5px;
}

.today-col {
	padding-right: 5px;
}

.today-col.compared
{
	background-color: #cfdee3;
}

.today-col.show-error
{
	color: red;
}

#today-col-error, .resultat-karl-area-error
{
	color: red;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px)
{
.today-col select {
    font-size: 20px;
	}
}

.prettyprint 
{
    page-break-before: always;
    margin-top:0;
}