/*
== Stylesheet for "avik"-section of Kringom, all selector must use .pluginworkspace 
== to avoid interference with rest of the site
 */

/*
Justeringer på jquery ui
=============
 */

.ui-autocomplete{
	max-height: 400px;
	overflow-y: scroll;
}




/*
Avik
=====
 */
.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform {
	color: #454545;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform fieldset {
	/* border: none; */
}

.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform select {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: none;
	padding: 1rem;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	background-color: transparent;
	background-image: url('https://img1.custompublish.com/getfile.php/3663978.2311.xpysubrsru/down-arrow.png');
	background-repeat: no-repeat;
	background-position: 95% center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	padding-right: 4rem;
	cursor: pointer;
	min-width: 15rem;
}

.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform input {
	-webkit-appearance:none;
	outline: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	background-color: transparent;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	min-width: 15rem;
}

.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform input[type="submit"] {
	background-color: #003A69;
	padding: 1rem 0;
	font-size: 1.4rem;
	height: auto;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.15s ease;
	cursor: pointer;
}

.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform input[type="submit"]:hover {
	box-shadow: 0 4px 10px rgba(0,0,0,0.25), 0 4px 6px rgba(0,0,0,0.22);
}

.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform input[type="file"]{
	border-bottom: 0;
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 0.5rem;
	border-radius: 3px;
}

.pluginworkspace #cpcworkspace #wsxavvikssystem .XXaccordion > form.cpsimpleform input[type="text"]:focus{
	background-color: #fff;
	will-change: background-color;
	transition: background-color 0.2s ease;
}

/*
Aviksrapport
=============
 */
.pluginworkspace #cpcworkspace #wsxavvikssystemrapportering .wsinnertab .XXaccordion .dataTables_wrapper table tr td {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #333;
}

.pluginworkspace #cpcworkspace .wsinnertab .XXaccordion .dataTables_wrapper table tr td {
	border: none;
}

.pluginworkspace #cpcworkspace .wsinnertab .XXaccordion .dataTables_wrapper table tr.avvikny:nth-child(even) td {
	background-color: #fff;
}

.pluginworkspace #cpcworkspace .wsinnertab .XXaccordion .dataTables_wrapper table tr.avvikny:nth-child(odd) td {
	background-color: #f9f9f9;
}

.pluginworkspace #cpcworkspace .wsinnertab .XXaccordion .dataTables_wrapper table tr.avvikmerinfo td {
	background-color: #F9FFBD;
}

.pluginworkspace #cpcworkspace .wsinnertab .XXaccordion .dataTables_wrapper table tr.avvikunderbehandling td {
	background-color: #D7F9F1;
}

.pluginworkspace #cpcworkspace .wsinnertab .XXaccordion .dataTables_wrapper table tr.avvikferdig td {
	background-color: #99FFA2;
}

.pluginworkspace table tr.avvikny img {
	max-width: 2rem;
	transform: translateY(30%);
}


/* Mini-tabell for ruter i avvik */
#divelturnummer {
	position: relative;
}

.valgtrutenrmsg {
	/*display: none;*/
	/*position: absolute;*/
	/*left: 50%;*/
	/*top: 0;*/
	/*transform: translate(-50%, -50%);*/
	background-color: #ededed;
	padding: 2.5rem 2rem 1rem 2rem;
	font-size: 1.1rem;
	min-height: 5rem;
	margin: 2rem 0;
}

.valgtrutenrmsg .plkturnr,
.valgtrutenrmsg .plkavg,
.valgtrutenrmsg .plkrutenamn,
.valgtrutenrmsg .plkavgangstid {
	border-right: 1px solid #333;
}

.valgtrutenrmsg span {
	padding-right: 1rem;
	padding-left: 1rem;
	position: relative;
	float: left;
}


.valgtrutenrmsg span:before {
	font-weight: 700;
}


.valgtrutenrmsg .plkrutenr:before {
	content: 'Rutenr';
	position: absolute;
    top: -1.6rem;
}

.valgtrutenrmsg .plkturnr:before {
	content: 'Turnr';
	position: absolute;
    top: -1.4rem;
}

.valgtrutenrmsg .plkstartholdeplass:before {
	content: 'Fra';
	position: absolute;
    top: -1.4rem;
}

.valgtrutenrmsg .plkrutenamn:before {
	content: 'Fra';
	position: absolute;
    top: -1.4rem;
}

.valgtrutenrmsg .plkankomst:before {
	content: 'Til';
	position: absolute;
    top: -1.4rem;
}

.valgtrutenrmsg .plktid:before {
	content: 'Tid';
	position: absolute;
    top: -1.4rem;
}

.valgtrutenrmsg .plkavgangstid:before {
	content: 'Avg.';
	position: absolute;
    top: -1.4rem;
}

.valgtrutenrmsg .plkankomstid:before {
	content: 'Ankomst';
	position: absolute;
    top: -1.4rem;
}

.valgtrutenrmsg .plkendeholdeplass:before {
	content: 'Til';
	position: absolute;
    top: -1.4rem;
}


@media all and (max-width: 480px) {

	.valgtrutenrmsg span:before,
	.valgtrutenrmsg .plkrutenr:before,
	.valgtrutenrmsg .plkturnr:before,
	.valgtrutenrmsg .plkstartholdeplass:before,
	.valgtrutenrmsg .plkrutenamn:before,
	.valgtrutenrmsg .plkankomst:before,
	.valgtrutenrmsg .plktid:before,
	.valgtrutenrmsg .plkavgangstid:before,
	.valgtrutenrmsg .plkankomstid:before,
	.valgtrutenrmsg .plkendeholdeplass:before {
		position: static;
		padding-right: 0.45rem;
	}

	.valgtrutenrmsg {
		padding: 1rem;
	}

	.valgtrutenrmsg span {
		float: none;
		padding: 0;
		display: block;
	}

}



/*
Aviksrapport - Detaljer om enhet
==================================
 */
#cpcworkspacecontainer .wsinnertab .elementdisplay > tbody > tr > th,
#cpcworkspacecontainer .wsinnertab .elementdisplay > tbody > tr > td {
	text-align: left;
	/*border-bottom: 1px solid #e0e0e0;*/
}