html {
    overflow-y: scroll;
}

body {
  padding-top: 50px;
  padding-bottom: 20px;
}
:root {
  --env-dev: #4CA800;
  --env-test: #FF7400;
}

@media only screen {
	
	body.env-dev .navbar-inverse .navbar-brand {
		background-color: var(--env-dev);
		color: white;
	}
	body.env-dev .content {
		border: 6px solid var(--env-dev);
		background-image: linear-gradient(var(--env-dev), white 2em);
	}
	
	body.env-test .navbar-inverse .navbar-brand {
		background-color: #094C83; /* #007CC7 */ 
		background-image: linear-gradient(#094C83 1.4em, #007CC7);
		color: white;
	}
	body.env-test .content {
		border-x: 6px solid var(--env-test);
		background-image: linear-gradient(#FF7B78 2px, #AF0F0B 0, white 10px); /* D8231E, #AB120E, 840300 */
	}
	
	body.env-live .content {
		background-image: linear-gradient(#245580 1px, white 5px);
	}

}

@media print {
	.print-page-break-after {page-break-after: always;}
	.print-page-break-inside {page-break-inside: avoid;}
}

.navbar-form .form-group {
	margin-right: 1em;
}

.label {
	font-size: 100%;
	font-weight: normal;
}

table {
    table-layout: fixed;
    word-wrap: break-word;
}

code.spz {
	background-color: #F3E395;
	color: black;
	font-weight: bold;
}

code.spzBOX { background-color: #FFA5A5; }
code.spzMRZ { background-color: #7687AD; }
code.spzPLA { background-color: #A6A6A6; }

code.plan-break,
code.plan-time {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 80%
}
code.plan-break-start {
	color: black;
	background-color: #EAEAEA;
}
code.plan-break-24 {
	color: black;
	background-color: #F0AD4E;
}
code.plan-break-45 {
	color: black;
	background-color: #5BC0DE;
}
code.plan-break-0 {
	color: black;
	background-color: #F3E395;
}

col.weekend {
	background-color: #F0F0F0 !important;
}

col.now {
	background-color: #FF0 !important;
}

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
	text-decoration: none;
	font-weight: bold;
}


/** ExportPrestavkyZmenyPage */

#ExportPrestavkyZmenyPageContent h1 {
	font-size: 16pt;
	font-weight: bold;
	margin: 12pt 0;
}

#ExportPrestavkyZmenyPageContent table thead th,
#ExportPrestavkyZmenyPageContent table tbody td {
	border: 1px solid black;
}
#ExportPrestavkyZmenyPageContent table thead th {
	font-size: 7pt;
	font-weight: bold;
	background-color: red;
	color: white;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}
#ExportPrestavkyZmenyPageContent table tbody td {
	font-size: 9pt;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}

tr.reportStampChange {
	background-color: yellow;
}

td.calendarContainer {
	padding: 5px 0px 5px 0px !important; 
	margin: 0px !important;
}
div.calendarContainer {
	position: relative;
	padding: 0px;
	margin: 0px;
	background-color: aqua;
}
.calendarItem {
	position: absolute;
	margin: 0;
	padding: 0px 4px;
	font-size: 10pt;
	text-align: center;
	white-space: nowrap;
	background-color: #A0A0A0;
	border: 1px solid black;
	opacity: 0.9;
	z-index: 700;
}
.calendarTypeWRK {
	background-color: #E0E0E0;
}
.calendarTypeXCH {
	background-color-old: #F3E395;
	background-color: #00CC00;
}
.calendarTypeXPR {
	background-color: #00CCCC;
	background-image: linear-gradient(#00CC00, #00EEEE 80%);
}
.calendarTypeB24 {
	background-color-old: #F0AD4E;
	background-color: #FF0000;
}
.calendarTypeB45 {
	background-color-old: #5BC0DE;
	background-color: #1A60FF;
}
.calendarTypeSTK {
	background-color: #550E7C; /* #A90DFF */
}
.calendarTypeSTK_SOLVED {
	background-image: linear-gradient(#00CC00, #550E7C 80%);
}
.calendarTypeSTKW {
	background-color: #A90DFF; /* 78098D, 68099D - http://paletton.com/#uid=14H0u0kuiiUvNtru4nlwudexs7O */
}
.calendarTypeSRV {
	background-color: #666;
}
.calendarTypeSRV_SOLVED {
	background-image: linear-gradient(#00CC00, #666 80%);
}
.calendarTypeSRV_ACTIVE {
}


.calendarTypeKENT {
	background-color: #CBB5A1;
	border: 3px solid #573719;
	z-index: 100 !important;
	top: -4px !important;
	height: 28px;
	opacity: 0.5;
}
.calendarTypeKENT:hover {
	opacity: 0.7;
	z-index: 900 !important;
}
.calendarTypeDP {
	background-color: #FFAA00;
}
.calendarTypeTTD {
	background-color: #DDD;
}
.calendarTypeTTD1 {
	background-color: black;
}
.calendarTypeTTD0 {
	background-color: #C00;
}

.calendarTypeXCH a,
.calendarTypeXPR a,
.calendarTypeB24 a,
.calendarTypeDP a,
.calendarTypeKENT a,
.calendarTypeTTD a {
	color: black;
}
.calendarTypeB45 a,
.calendarTypeSTK a,
.calendarTypeSRV a,
.calendarTypeTTD1 a {
	color: white;
}
.calendarTypeTTD0 a,
.calendarTypeSTKW a {
	color: yellow;
	font-weight: bold;
}


.calendarTypeNAK,
.calendarTypeVYK {
	opacity: 0.6;
}
.calendarTypeNAK {
	background-color-old: #88CC88;
	background-color: #4EBABA;
}
.calendarTypeVYK {
	background-color-old: #9775AA;
	background-color: #9F59C6;
}
.calendarTypeNAK a,
.calendarTypeVYK a {
	color: black;
}

.calendarItem {
	z-index: 100;
}

.calendarTypeWRK,
.calendarTypeNAK,
.calendarTypeVYK {
	z-index: 200;
}

.calendarHover,
.calendarHoverPair {
	font-weight: bold;
	opacity: 1;
}
.calendarHover {
	z-index: 900;
}
.calendarHoverPair {
	z-index: 800;
}
.calendarHover a,
.calendarHoverPair a {
	text-decoration: underline !important;
	color-old: black !important;
}
	
.calendarErrorFliped {
	border-top: 2px solid red;
	border-bottom: 2px solid red;
}
.calendarErrorSpaceL {
	border-left: 2px solid orange;
}
.calendarErrorSpaceR {
	border-right: 2px solid orange;
}
.calendarErrorOverL {
	border-left: 2px solid red;
}
.calendarErrorOverR {
	border-right: 2px solid red;
}

.legenda a {
	padding: 0.5em;
}

.vague-true {
	color: red;
}

.table-printable th {
	background-color: #F0F0F0;
}

.keep-one-page {
	page-break-inside: avoid;
}

.m7d td.calendarContainer {
	background: white url("../img/meritko.png") repeat;
	background-size: 100% 100%;
}


span.truckTypeVO select {
	width: 10em;
}

span.obdobiVO select {
	width: 10em;
}


table.export-trzby {
	/* tr.headMain */
}

table.export-trzby thead {
	position: sticky;
	top: 50px;
	background: white;
	z-index: 10;
}

table.export-trzby thead th,
table.export-trzby thead td {
	border-top: 0;
	border-bottom: 0;
}
 
table.export-trzby th {
	text-align: center;
}

table.export-trzby tr.headValue1 th.headLabel,
table.export-trzby tr.headSecond th {
	background-color: black;
	color: white;
}

table.export-trzby tr.headMain th.headLabel {
	background-color: #666;
	color: white;
}

table.export-trzby a {
	display: inline-block;
	padding: 0 0.5em;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 3px;
}
table.export-trzby a:hover {
	background-color: rgba(255, 255, 255, 0.9);
}
	
th.number,
td.number {
	text-align: right;
}

th.center,
td.center {
	text-align: center;
}


th.date,
td.date {
	text-align: center;
}

th.nowrap,
td.nowrap {
	white-space: nowrap;
	overflow: hidden;
}

code.tid {
	display: inline-block;
	width: 2em;
	height: 1.5em;
	text-align: center;
}

code.tid,
.repOrderInfo code {
	background-color: #E3E3E3;
	color: black;
}

.repOrderInfo code {
	font-size: 88%;
	font-weight: bold;
}

.list-group-item-info .repOrderInfo code {
	background-color: white;
}

span.servisMode select {
	width: 10em;
}

.repOrderButtons {
	margin-top: 0.5em;
	text-align: right;
}

textarea.autoHeight {
	overflow-y: hidden;
}

.invoiceState {
	display: inline-block;
	padding: 0.1em 0.6em;
	font-size: 80%;
	font-weight: bold;
	color: white;
	border-radius: 0.5em;
}
.invoiceStateNOT {
	background-color: #AA3939;
}
.invoiceStatePENDING {
	background-color: #AA8E39;
}
.invoiceStateINVOICED {
	background-color: #2E882E;
}
.invoiceStateEMPTY {
	background-color: #888888;
}

.orderFile,
.orderCmr {
	display: inline-block;
	margin: 1px 0.3em;
}

.formFiles0 {
	color: #AA3939;
}

.orderEMPTY .formFiles0 {
	color: #888888;
}

.formFiles1 {
	color: #2E882E;
	cursor: pointer;
}

.formFiles1:hover {
	color: #23527c;
}

.orderInfo i {
	font-size: 1.2em;
	line-height: .75em;
	vertical-align: -0.1em;
}
.orderInfo00 {
	color: #AA3939;
}
.orderInfo01{
	color: #582A72; /* AAAA39 yellow */ 
}
/*
AA8439
RED	170	57	57
GREEN	46	136	46
AVG	108	96,5	51,5
	color: #6c6c34; / * AA7939, AA6C39, AA8E39 * /
	color: #6c616c; / * AA7939, AA6C39, AA8E39 * /
*/
.orderInfo10 {
	color: #AA8439;
}
.orderInfo11 {
	color: #2E882E;
}

.orderEMPTY.orderInfo00, 
.orderEMPTY.orderInfo01, 
.orderEMPTY.orderInfo10, 
.orderEMPTY.orderInfo11 {
	color: #AAA;
}

.filterCustomer select {
	width: 23em;
}
.filterReference select {
	width: 19em;
}
.filterPeriod select {
	width: 8em;
}

.customerMatched {
	color: #2E882E;
}
.customerUnknown {
	color: #AA3939;
}


.filterTruck select,
.filterTrailer select {
	width: 12em;
}

.infoSTATE {
}
.infoACTIVE {
	color: #FFFF22;
}
.infoSOLVED {
	color: #22FF22;
}
.infoREMOVED {
	color: #FF2222;
}