body{

	font-family: 'Lato', sans-serif; 

	color:#000;

	margin:0; padding:0;

	background-color:#eee;

}



header{

	

}



main{

	overflow: auto;

}



h1{

	margin-top:0;

	padding-top:0;

}



main ul{

	padding:0;

	list-style-position:inside;

}



/* Fix för Chromes black boarder */

*,*:focus,*:hover{

    outline:none;

}



a:link, a:visited, a:hover, a:active{

	color:#009933;

}



#container{

	position:relative;

	margin:auto;

	margin-top:130px;

	margin-bottom:50px;

	max-width:800px;

	padding:20px;

	/* Gör att bredden blir rätt trots padding */

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

@media only screen and (max-width: 1024px){

	#container{

		margin-top:60px;

	}

}



fieldset{

	border:0;

	padding:0;

}



fieldset legend{

	font-weight:600;

}



fieldset div{

	display:block;

	margin:20px 0;

}



select, input{display:block;}

input[type="date"],input[type="datetime-local"]{font-family: 'Lato', sans-serif;}



select, input, button, textarea{

	font-family: 'Lato', sans-serif; 

	padding:10px;

	width:100%;

	border-radius:5px;

	border:solid 1px #666;

	/* Gör att bredden blir rätt trots padding */

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

select option.clsGreen{

	background-color:#009933;

	color:#fff;

}

select option.clsYellow{

	background-color:#cc9900;

	color:#fff;

}



input[type="checkbox"]{

	width:auto;

	display:inline;

}



button{

	cursor:pointer;

	width:auto;

	border-radius:5px;

	color:#fff;

	border-color:transparent;

	transition: all 0.2s ease;

}

button:hover, button:disabled{

	border:solid 1px #333;

	background-color:#fff;

	color:#000;

}

button:disabled{

	cursor:default;

}



.column-2{

	-webkit-column-count: 2;

	-moz-column-count: 2;

	column-count: 2;

}

.column-3{

	-webkit-column-count: 3;

	-moz-column-count: 3;

	column-count: 3;

}

.column-2 div, .column-3 div{

	margin-top:0;

	margin-bottom:0;

}

.column-2 div:first-child{

}

.column-2 div:nth-child(2){

}





@media only screen and (max-width: 615px){

	

	.column-2, .column-3{

		-webkit-column-count: 1;

		-moz-column-count: 1;

		column-count: 1;

	}

	.column-2 div:first-child{

		margin-bottom:20px;

	}

	

	button{

		width:100%;

	}

}



table{

	margin-top:20px;

	width:100%;

	min-width:600px;

	border-collapse:collapse;

	/* Gör att bredden blir rätt trots padding */

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

table caption{

	text-align:left;

	margin-top:10px;

	margin-bottom:10px;

	border-bottom:solid 1px #333;

}

table th{

	text-align:left;

}

table tr:nth-last-child(even){

	background-color:#eee;

}

table th, td{

	padding:10px 0;

	font-size:11px;

}

table tfoot{

	border-top:solid 1px #eee;

}

table .align-right{

	text-align:right;

}

table .align-center{

	text-align:center;

}





.block{

	position:relative;

	background-color:#fafafa;

	border-radius:5px;

	margin-bottom:20px;

	padding:20px;

	overflow:auto;

	width:100%;

	/* Gör att bredden blir rätt trots padding */

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}





/* Beskrivning som visas i mobilt läge för kod */

.form_desc{

	display:none;

	font-size:11px;

	padding:5px;

	border:solid 1px #666666;

	background-color:#fff;

}

@media only screen and (min-width: 616px){

	.form_desc{

		display:none !important;

	}

}





/* Olika knappar */

.btn-confirm{

	background-color:#009933;

}

.btn-undo{

	background-color:#333;

}

.btn-action{

	background-color:#4db871;

}

.btn-delete{

	background-color:#990000;

}





/* Aktiverad användare */

#user_activated{

	display:none;

}

#user_activated .activated_user, #user_activated .activated_pass{

	color:#009933;

}	





/* Inloggningsformulär */

#user_login_form{

	display:none;

}

#user_login_form a#login_renew_password{

	float:right;

	padding:10px 0;

}

#user_login_form #user_login_renew_password{

	display:none;

}



/* Om projekttid.se */

#info_projekttid{

	display:none;

}



/* Mitt konto */

#user_account{

	display:none;

}

#user_account button{

	position:absolute;

	right:20px;

	bottom:20px;

}

#user_account ul{

	list-style-type:none;

}

#user_account ul li{

	display:inline-block;

	margin-right:15px;

}

@media only screen and (max-width: 800px){

	#user_account button{

		position:relative;

		right:0;

		bottom:0;

	}

	#user_account ul li{

		display:block;

		margin:0;

	}

}



/* Ny rapport */

#user_new_report{

	display:none;

}

#user_new_report .block{

	min-height:80px;

}

#user_new_report button[name="form_btn_new_report"]{

	position:absolute;

	right:20px;

	top:20px;

}

#user_new_report #form_new_report{

	display:none;

}

@media only screen and (max-width: 800px){

	#user_new_report button[name="form_btn_new_report"]{

		position:relative;

		right:0;

		top:0;

		margin-top:20px;

	}

}



/* Ny traktamente */

#user_new_tr{

	display:none;

}

#user_new_tr .block{

	min-height:80px;

}

#user_new_tr button[name="form_btn_new_tr"]{

	position:absolute;

	right:20px;

	top:20px;

}

#user_new_tr #form_new_tr{

	display:none;

}

@media only screen and (max-width: 800px){

	#user_new_tr button[name="form_btn_new_tr"]{

		position:relative;

		right:0;

		top:0;

		margin-top:20px;

	}

}



/* Redigera rapport */

#user_edit_report{

	display:none;

}

#user_edit_report .block{

	min-height:80px;

}

#user_edit_report button[name="form_btn_edit_report"]{

	position:absolute;

	right:20px;

	top:20px;

}

#user_edit_report #form_edit_report{

	display:block;

}

@media only screen and (max-width: 800px){

	#user_edit_report button[name="form_btn_edit_report"]{

		position:relative;

		right:0;

		top:0;

		margin-top:20px;

	}

}



/* Lista med rapporter */

#user_report_list{

	display:none;

}

.user_report_list_block{

	position:relative;

	clear:both;

	float:none;

}

table td.table-long{

	min-width:100px;

	max-width:100px;

	overflow:hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	cursor:default;

}

table td.table-long-open{

	overflow:visible;

	white-space: normal;

	text-overflow: ellipsis;

}

table tr.new-report{

	background-color:#d5ecdc;

}

table tr.rejected-report{

	background-color:#ecd5d5;

}

.form_btn_confirm_report, .form_btn_confirm_attest{

	margin:10px 0;

	float:right;

}

@media only screen and (max-width: 800px){

	button.form_btn_confirm_report, button.form_btn_confirm_attest{

		width:auto;

		margin-right:20px;

	}

}



.rejected_message{

	text-align:right;

	color:#990000;

	font-weight:400;

}



/* radera, redigera, kommentera, flagga rapport-knapp */

.btn-report-delete, .btn-report-edit, .btn-report-comment, .btn-report-flag{

	margin:0;

	color:#333;

	background-color:transparent;

	border-color:transparent;

}

.btn-report-flag:disabled{

	border-color:transparent;

	background-color:transparent;

}



/* Rapport status (knapp) */

.report_status{

	transition: all 0.5s ease;

}

.report_status.status_started{

	color:#998c00;

	border-color:transparent;

	background-color:transparent;

}

.report_status.status_waiting{

	color:#009933;

	border-color:transparent;

	background-color:transparent;

}

.report_status.status_rejected{

	color:#990000;

	border-color:transparent;

	background-color:transparent;

}

.report_status.status_confirmed{

	color:#000;

	border-color:transparent;

	background-color:transparent;

}





/* Attestera rapporter */

#user_attest{

	display:none;

}

#user_attest_list{

	display:none;

}





/* Underleverantörer */

#user_new_ul{

	display:none;

}

#user_new_ul .block{

	min-height:80px;

}

#user_new_ul button[name="form_btn_new_ul"]{

	position:absolute;

	right:20px;

	top:20px;

}

#user_new_ul #form_new_ul{

	display:none;

}

@media only screen and (max-width: 800px){

	#user_new_ul button[name="form_btn_new_ul"]{

		position:relative;

		right:0;

		top:0;

		margin-top:20px;

	}

}



#user_ul{

	display:none;

}

#user_edit_ul{

	display:none;

}

#user_edit_ul .block{

	min-height:80px;

}

#user_edit_ul button[name="form_btn_edit_ul"]{

	position:absolute;

	right:20px;

	top:20px;

}

@media only screen and (max-width: 800px){

	#user_edit_ul button[name="form_btn_edit_ul"]{

		position:relative;

		right:0;

		top:0;

		margin-top:20px;

	}

}