table.inner {
  font-family: "Tahoma","MS Sans Serif", "Tahoma","Verdana", "Arial", "Tahoma", "ArialCE", "HelveticaCE", "Helvetica", Sans-serif;  
  font-size: 1.0rem;
  border-collapse: collapse;
}

table.inner thead {
  background: #E5E5E5;
  color: #595959;
}

table.inner th,
table.inner td {
  padding: 1px 2px;
  border: 1px solid #ccc;
}

table.inner tbody tr:nth-child(even) {
  background: WhiteSmoke;
}

table.inner tbody tr:nth-child(odd) {
  background: White;
}

table.inner tfoot {
  background: SeaGreen;
  color: white;
  text-align: right;
}

table.inner tfoot tr th:last-child {
  font-family: monospace;
}

table.inner td {
	font-size: 1.0rem;
}



.logo-animation{
  animation: logoAnimationFrames linear 0.8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: logoAnimationFrames linear 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: logoAnimationFrames linear 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: logoAnimationFrames linear 0.8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: logoAnimationFrames linear 0.8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes logoAnimationFrames{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
    transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  30% {
    transform:  translate(20px,0px)  rotate(3deg) ;
  }
  45% {
    transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  60% {
    transform:  translate(10px,0px)  rotate(2deg) ;
  }
  75% {
    transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-moz-keyframes logoAnimationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
    -moz-transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  30% {
    -moz-transform:  translate(20px,0px)  rotate(3deg) ;
  }
  45% {
    -moz-transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  60% {
    -moz-transform:  translate(10px,0px)  rotate(2deg) ;
  }
  75% {
    -moz-transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes logoAnimationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
    -webkit-transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  30% {
    -webkit-transform:  translate(20px,0px)  rotate(3deg) ;
  }
  45% {
    -webkit-transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  60% {
    -webkit-transform:  translate(10px,0px)  rotate(2deg) ;
  }
  75% {
    -webkit-transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-o-keyframes logoAnimationFrames {
  0% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
    -o-transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  30% {
    -o-transform:  translate(20px,0px)  rotate(3deg) ;
  }
  45% {
    -o-transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  60% {
    -o-transform:  translate(10px,0px)  rotate(2deg) ;
  }
  75% {
    -o-transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-ms-keyframes logoAnimationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
    -ms-transform:  translate(-25px,0px)  rotate(-5deg) ;
  }
  30% {
    -ms-transform:  translate(20px,0px)  rotate(3deg) ;
  }
  45% {
    -ms-transform:  translate(-15px,0px)  rotate(-3deg) ;
  }
  60% {
    -ms-transform:  translate(10px,0px)  rotate(2deg) ;
  }
  75% {
    -ms-transform:  translate(-5px,0px)  rotate(-1deg) ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@keyframes reservationAnimationFrames{
  0% {
    transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
  10% {
    transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  20% {
    transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  40% {
    transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  50% {
    transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  60% {
    transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  70% {
    transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  80% {
    transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  90% {
    transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  100% {
    transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
}

@-moz-keyframes reservationAnimationFrames{
  0% {
    -moz-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
  10% {
    -moz-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  20% {
    -moz-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    -moz-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  40% {
    -moz-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  50% {
    -moz-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  60% {
    -moz-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  70% {
    -moz-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  80% {
    -moz-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  90% {
    -moz-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  100% {
    -moz-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
}

@-webkit-keyframes reservationAnimationFrames {
  0% {
    -webkit-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
  10% {
    -webkit-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  20% {
    -webkit-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    -webkit-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  40% {
    -webkit-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  50% {
    -webkit-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  60% {
    -webkit-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  70% {
    -webkit-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  80% {
    -webkit-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  90% {
    -webkit-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
}

@-o-keyframes reservationAnimationFrames {
  0% {
    -o-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
  10% {
    -o-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  20% {
    -o-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    -o-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  40% {
    -o-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  50% {
    -o-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  60% {
    -o-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  70% {
    -o-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  80% {
    -o-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  90% {
    -o-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  100% {
    -o-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
}

@-ms-keyframes reservationAnimationFrames {
  0% {
    -ms-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
  10% {
    -ms-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  20% {
    -ms-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    -ms-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  40% {
    -ms-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  50% {
    -ms-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  60% {
    -ms-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  70% {
    -ms-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  80% {
    -ms-transform:  rotate(-6deg) scaleX(1.50) scaleY(1.50) ;
  }
  90% {
    -ms-transform:  rotate(6deg) scaleX(1.50) scaleY(1.50) ;
  }
  100% {
    -ms-transform:  rotate(0deg) scaleX(1.50) scaleY(1.50) ;
  }
}

.deliveries-table-outer {
	width: 580px;
	max-width: 580px;
	display: inline-table;
}

.deliveries-table {
	table-layout:fixed;
}

.deliveries-table-waring {
	display: inline-table;
}

.deliveries-table .company {
	width: 200px; min-width: 200px; max-width: 200px;
}
.deliveries-table .warehouse {
	width: 120px; min-width: 120px; max-width: 120px;
}
.deliveries-table .date {
	width: 65px; min-width: 65px; max-width: 65px; text-align: center;
}
.deliveries-table .quantity {
	width: 70px; min-width: 70px; max-width: 70px;
}
.deliveries-table .reservation {
	width: 100px; min-width: 100px; max-width: 100px;
	text-align: center;
}

.deliveries-table .quantity-and-weight {
	width: 50px; min-width: 50px; max-width: 50px;
	text-align: right;
}

.deliveries-table td.quantity {
	text-align: right;
}

.deliveries-table td.quantity-and-weight {
	text-align: right;
}

.deliveries-table td.button {
	width: 25px; min-width: 25px; max-width: 25px;
	padding: 0px;
}

.warehouse-situation {
	margin: 10px;
}

.warehouse-situation-header-hour {
	font-size: 0.8rem;
}

.warehouse-situation-reservation {
	width: 1.8rem;
	text-align: center;
}

.warehouse-situation-box {
	width:13px; height: 13px;
	margin: 1px;
	padding: 1px;
}

.accessibilityBox {
	display: inline-block;
	border: 1px solid #a8a8a8;
	background-color: #ccc;
}

.reservationBox {
	display: inline-block;
	border: 1px solid white;
	cursor: pointer;
	background-position: center;
}

.raw-materials-box {
	background-image: url("/conf/panel_0/images/rawmaterials.png");
	display: inline-block;
	border: 1px solid white;
	cursor: pointer;
	background-position: center;
}

.reservation-POD {
	background-image: url("/conf/panel_0/images/circle.png");
}

.reservation-ZAL {
	background-image: url("/conf/panel_0/images/circle_half.png");
}

.reservation-ZAK {
	background-image: url("/conf/panel_0/images/circle_full.png");
}

.reservation-delivery-type-K {
	border: 1px solid #24b356; background-color: #2fec72; 
}
.reservation-delivery-type-TW {
	border: 4px solid #066aff; background-color: #bae1ff;
	padding: 0px;
	width: 9px;
	height: 9px;
}
.warehouse-situation-box.reservation-priority {
	border: 3px solid #066aff;
	padding: 1px;
	width: 9px;
	height: 9px;
}
.reservation-delivery-type-PZ {
	border: 1px solid #d60504; background-color: #ff5f62; 
}
.reservation-delivery-type-CP {
	border: 1px solid #b764b7; background-color: #ee82ee; 
}
.reservation-delivery-type-PR {
	border: 1px solid #92b1c9; background-color: #bae1ff;
}
.reservation-delivery-type-ZWR {
	border: 1px solid #da7487; background-color: #ffc0cb; 
}
.reservation-delivery-type-DL {
	border: 2px solid #ff5453; background-color: #2fec72;
	padding: 0px;
}
.reservation-delivery-type-LTL {
	border: 1px solid #24b356; background-color: cyan; 
}
.reservation-delivery-type-PAL {
	border: 1px solid #cd8500; background-color: #ffa500;
}
.reservation-carrier-PAL, .reservation-carrier-PAL-137, .reservation-carrier-PAL-12586 {
	border: 1px solid #cd8500; background-color: #a37726;
}

.reservation-delivery-type-SUR {
	border: 1px solid #24b356; background-color: #2fec72; 
}

.reservation-deliv-type-, .reservation-deliv-type-K {
	border: 1px solid #24b356; background-color: #2fec72; 
}

.reservation-deliv-type-Kunloading {
	background-color: #f4c5c8; border: 1px solid #c5565e;
}

.reservation-deliv-type-P {
	background-color: #ee6872; border: 1px solid #c5565e;
}

.reservation-deliv-type-Punloading {
	background-color: #f4c5c8; border: 1px solid #c5565e;
}

.reservation-deliv-type-C {
	background-color: #f4c5c8; border: 1px solid #c5565e;
}

.reservation-deliv-type-Cunloading {
	background-color: #2fec72; border: 2px solid red;
}

.reservation-deliv-type-CP {
	background-color: #f4c5c8; border: 1px solid #c5565e;
}

.reservation-deliv-type-CPunloading {
	background-color: #f4c5c8; border: 1px solid #c5565e;
}

.reservation-deliv-type-S {
	background-color: #ffe761;	border: 1px solid #ffb400;
}

.circle {
	border-radius: 50%;
	padding: 0px;
	margin: 0px;
	width: 8px;
	height: 8px;
	
}

.reservation-hovered, .reservationBox:hover {
	animation-fill-mode:forwards; /*when the spec is finished*/
	-ms-animation-fill-mode:forwards; /*IE 10+*/
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
	animation: reservationAnimationFrames linear 1s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: reservationAnimationFrames linear 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: reservationAnimationFrames linear 1s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: reservationAnimationFrames linear 1s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: reservationAnimationFrames linear 1s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}

.tabela-wartosc {
	font-size: 1.0rem;
}

.zakladka-nieaktywna {
	font-size: 1.0rem;
}

table.inner.cennik-ltl th {
	background-color: white;
	min-width: 35px; max-width:35px;
	text-align: right;
	font-size: 0.9rem;
	text-align: center;
}

table.inner.cennik-ltl td {	
	text-align: right;
}

/**
.pagepaneltitle {display: none;}
.pagepanel {border: none;}
*/

/** HS2 
.pagepanelouter {
	margin-right: 2%;
	width: 98%;
}
**/



span.badge {
	padding: 2px;
	border-spacing: 0px;
	display:inline-table;
	margin: 5px;
}

span.badge-primary {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(24,147,210,1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(24,147,210,1);
	box-shadow: 2px 2px 5px 0px rgba(24,147,210,1);
	background-color: rgba(24,147,210,1);
	color: white;
}

span.badge-secondary {
	-webkit-box-shadow: 2px 2px 5px 0px #fef8d6;
	-moz-box-shadow: 2px 2px 5px 0px #fef8d6;
	box-shadow: 2px 2px 5px 0px #fef8d6;
	background-color: #fef8d6;
	margin: 0px;
}

span.badge-warning {
	-webkit-box-shadow: 2px 2px 5px 0px #df1818;
	-moz-box-shadow: 2px 2px 5px 0px #df1818;
	box-shadow: 2px 2px 5px 0px #df1818;
	background-color: #df1818;
	margin: 0px;
	color: white;
}

span.badge-orange {
	-webkit-box-shadow: 2px 2px 5px 0px #ffd68a;
	-moz-box-shadow: 2px 2px 5px 0px #ffd68a;
	box-shadow: 2px 2px 5px 0px #ffd68a;
	background-color: #ffd68a;
	margin: 0px;
}

#cCennikDOPLStawkaPostoj,
#cCennikDOPLPostojGodzinyBezplatne,
#cCennikDOPLMaksKosztPostoj,
#cCennikDOPLWeekend,
#cCennikDOPLDoladunek,
#cCennikDOPLDrugiRozladunek,
#cCennikDOPLAnulacjaKlient,
#cCennikDOPLAnulacjaPrzerzut,
#cCennikDOPLAnulacjaGodzinyPrzedAwizacja,
#cCennikDOPLZwrotRyczalt,
#cCennikDOPLZwrotRyczaltKM,
#cCennikDOPLZwrotStawkaKM,
#cCennikKMMinFracht,
#cCennikKMMaksFracht,
#cCennikBCHMinLiczbaPalet,
#cCennikBCHMaksLiczbaPalet,
#cCennikBCHMinLiczbaKM,
#cCennikBCHMaksLiczbaKM,
#cCennikBCHRyczalt,
#cCennikBCHStawkaKM
{
	width: 50px;
}

.transport-cost-ZATW {
	color: green;
}
.transport-cost-ODCZ {
	color: red;
}
.transport-cost-OCZEK {
	color: blue;
}

[v-cloak] > * { display:none }
[v-cloak]::before { content: "pobieranie danych…" }

.ui-jqgrid .ui-jqgrid-htable th div {
    height:auto;
    overflow:hidden;
    padding-right:4px;
    padding-top:2px;
    position:relative;
    vertical-align:text-top;
    white-space:normal !important;
}
.pointer {
	cursor: pointer;
}
.color-green {
	color: green;
}

.color-red {
	color: red;
}

.bg-summary {
	background-color: rgb(236, 244, 255);
}

.ui-jqgrid-view .ui-jqgrid-htable th div {
	height: 30px !important;
}

.ui-jqgrid tr.jqgrow.jqgrid-summary-row td {
	font-weight: bold;
	background-color: rgb(236, 244, 255);
}

.browse-printing-btn {
	vertical-align: middle; padding: 0px 5px 0px 5px; margin: 1px 5px 1px 5px;
	font-size: 1.0rem;
}

table.browse-entities-zlectransportowe-podst,
table.browse-entities-zlectransportowerezerwacje-podst {
	border-collapse: collapse;
}

table.browse1-entities-zlectransportowe-podst td.tabela-wartosc,
table.browse1-entities-zlectransportowe-podst td.tabela-link {
	vertical-align: top;
}

.correctReportPosition {
	background-color: #b4ecb4;
}
.incorrectReportPosition td {
	background-color: #ffd9d7;
}

.test-field-expanded {
	position: absolute !important;
	width: 90% !important;
}

.reservation-blinking {
  animation: reservation-blinker 1s linear infinite;
}

@keyframes reservation-blinker {
  30% {
    opacity: 0.3;
  }
}

.plant-version-2 {
	border-bottom: 4px solid blue;
}