:root {
  --p2k-bg-light: #f8f9fa;
  --p2k-bg-green: #198754;
  --p2k-bg-light-green: #dffff0;
  --p2k-bg-orange: #ffc107;
  --p2k-bg-light-orange: #ffde7c;
  --p2k-bg-light-blue: #add8e6;
  --p2k-bg-dark-gray: #595959;
  --p2k-bg-disabled: #595959;
}

@keyframes rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }

/* bootstrap update */
.btn-danger { background-color: #d75461; }

html, body {height:100%; font-size: 1em;}
/* oldmenu: body { background-color: #eee; font-family: Verdana, sans-serif; font-size: 1rem; } */
body { background-color: #eee; font-family: Verdana, sans-serif; padding-top: 140px; }

.p2k-bg-disabled { background-color:var(--p2k-bg-disabled) !important; }
.p2k-bg-light { background-color:var(--p2k-bg-light) !important; }
.p2k-bg-success { background-color:var(--p2k-bg-green) !important; color:white; }
.p2k-bg-warning { background-color:var(--p2k-bg-orange) !important; }
.p2k-bg-secondary { background-color:var(--p2k-bg-dark-gray) !important; }
.p2k-bg-light-blue { background-color:var(--p2k-bg-light-blue) !important; }
.p2k-bg-alert { background-color: #ffdf7f !important; }

.p2k-text-black { color: black !important; }
.p2k-text-danger { color: red !important; }
.p2k-text-right { text-align: right !important; }

.p2k-bg-success > .p2k-toggle-background { background-color: var(--p2k-bg-light-green); }
.p2k-bg-warning > .p2k-toggle-background { background-color: var(--p2k-bg-light-orange); }

.p2k-missing-cancellation-date { background-color:#ffc6c6 !important; }
.p2k-changed label { background-color: #ffdf7f !important; }

.loader {display:none;}
.loader.bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2000; background-color:gray; opacity:0.5;}
.loader.box {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2001;}
.loader>.anim {position:relative; top:40%; margin:0 auto; border:16px solid #f3f3f3; border-top:16px solid #3498db; border-radius:50%; width:120px; height:120px; animation:rotate 2s linear infinite;}
.loader.box .file-progress-box {position:relative; top:40%; width:88px; margin:0 auto;}
.loader.box .file-progress {width:100%}
.small-loader-anim  {position:relative; border:6px solid #3498db; border-top:6px solid #ccc; border-radius:50%; width:30px; height:30px; animation:rotate 2s linear infinite;}

.hide { display: none; }
.hand { cursor:pointer; }
.p2k-nowrap { white-space: nowrap; }

.page {height:100%; margin:65px 10px; padding:0;}
.page-main {display:table; margin:0; width:100%; height:100%; background-color:#ffffff;}
.page-main .alert h3 {margin-top:0;}
.page-menu, .page-body {padding-top:10px; padding-bottom:10px;}
.page-menu {background-color:#fafafa; overflow-y:auto; height:100%;}
.page-menu .btn {display:block;}
.page-menu .btn.active {color:#0162b1;}
.page-middle {position:absolute; top:50%; left:50%; margin:auto; padding:0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.p2k-container { width: auto; margin: 0; border: 1px solid #383838; background-color: white; position: relative; padding-bottom: 20px; max-width: 100%;}
.p2k-container-xl { max-width: 1800px; margin: 0 auto; }
.p2k-large-container { width:99% !important; margin: 0 auto; overflow:hidden; }
h1 { text-align: center; color: #383838; margin-bottom: 0; }
h1+h2 { text-align: center; color: #383838; font-size: 1.5em; }
.p2k-btn-close { position: absolute; right: 15px; top: 5px; width: 1em; height: 1em; padding:0; }
.btn-close { position: absolute; right: 5px; top: 5px; }
.p2k-toolbar { position: relative; background-color: #849ec6; }
.p2k-toolbar-button { color: white; }
.p2k-toolbar-button:hover { color: #214479; }
hr { border: 1px solid #849ec6; }
.p2k-buttons-row { text-align: center; margin-top: 10px; margin-bottom: 10px; }

.p2k-total-box { padding: 0 !important; }

.p2k-main-table-container { overflow: auto; height: 60vh; }
.p2k-main-table-holding-columns { border-collapse: separate; border-spacing: 0; }
.p2k-main-table thead { background-color: #849ec6; color: white; border-color: #383838; }
.p2k-main-table-holding-columns thead { position: relative; }
.p2k-main-table:not(.p2k-without-borders) th, .p2k-main-table:not(.p2k-without-borders) td { border: 1px solid #383838 !important; }
.p2k-main-table.p2k-without-borders tr,.p2k-main-table.p2k-without-borders td { border-color:initial; border-width:0; border-style:initial; }
.p2k-main-table tr.p2k-with-border>td { border-top: 1px solid #383838 !important; }
.p2k-main-table th { background-color: #849ec6; color: white; font-weight: bold; text-align: center; }
.p2k-main-table th>a { color: white; }
.p2k-main-table tr:nth-child(even) { background-color: #ddd; }
.p2k-main-table tr:nth-child(even):hover { background-color: #ffff80; }
.p2k-main-table tr:nth-child(odd) { background-color: #ddd; }
.p2k-main-table tr:nth-child(odd):hover { background-color: #ffff80; }
.p2k-main-table tr.active { background-color: #aaffd8; }
.p2k-hold-column { position: sticky; white-space: nowrap; }
thead > tr:nth-of-type(1) > th.p2k-hold-v { top: 0; }
thead > tr:nth-of-type(2) > th.p2k-hold-v { bottom: 0; }
/*th.p2k-hold-column { background-color: #989898; z-index: 900; top: 0 !important; }*/
th.p2k-hold-column { background-color: #989898; z-index: 900; }
th.p2k-hold-column.p2k-hold-h.p2k-hold-v { z-index: 901; }
td.p2k-hold-column { background-color: #eee; z-index: 900; }

.p2k-button-icon { color: #214479; }
.p2k-button-icon:active { color: #444; }
.p2k-section { background-color: #d3d3d3; border: 1px solid black; }
.p2k-section hr { border: 1px solid white; }
.p2k-section-title { color: black; text-align: center; }
.p2k-form-date > input[type=text]:nth-of-type(1) { display: inline !important; width: calc((100%) / 5); }
.p2k-form-date > input[type=text]:nth-of-type(2) { display: inline !important; width: calc((100%) / 5); }
.p2k-form-date > input[type=text]:nth-of-type(3) { display: inline !important; width: calc((100%) / 3); }
.p2k-form-time > input[type=text]:nth-of-type(1) { display: inline !important; width: calc((100%) / 2.4); }
.p2k-form-time > input[type=text]:nth-of-type(2) { display: inline !important; width: calc((100%) / 2.4); }
.p2k-inline-checkbox { background-color: #849ec6; }
.p2k-badge { font-size:0.5em; }
.p2k-selected-list-item { padding:4px 8px; margin-bottom:1px; list-style:none; background-color:#eee; border-radius:5px; }
.p2k-form-search { position: relative; }
.p2k-search-box { position: absolute; padding: 2em 4px 4px; background-color: #fff; max-height: 200px; overflow-y: auto; border: 1px solid #aaa; box-shadow: 0 0 5px black; z-index: 100; }
.p2k-search-box-row { cursor: pointer; }
.p2k-search-box-row:hover { background-color: #ff9; }
.p2k-form-search-remove { color: #214479; font-size: 1.4em;	position: absolute;	bottom: 2px;	right: 5px;	cursor: pointer; }

.p2k-currency-width { min-width: 200px; }
.p2k-percentage-width { min-width: 150px; }
.p2k-text-width { min-width: 300px; }
.p2k-tiny-width { min-width: 100px; }
.p2k-width-s { min-width: 6em; }
.p2k-width-sm { min-width: 8em; }
.p2k-width-m { min-width: 10em; }
.p2k-width-l { min-width: 15em; }
.p2k-width-xl { min-width: 20em; }

.p2k-color-dropdown { min-width: 0 !important; padding:0; cursor:pointer; }
.p2k-color-dropdown .dropdown-item { background-color:inherit !important; }
.p2k-color-dropdown li.bg-light span { color: black; }
.p2k-color-dropdown li.bg-warning span { color: black; }
.p2k-color-dropdown li.bg-success span { color: white; }
.p2k-folder-structure { background-color: #fff; padding: 5px; border: 1px solid #666; margin-bottom: 10px; }

/****** CARD TABS ******/
.p2k-nav-tabs .p2k-nav-link.active { color:black; }
.p2k-nav-tabs .p2k-nav-link { color:#849ec6; cursor:pointer; }
/*.nav-link {background-color:#eee;}*/
/*.nav-link.active {background-color: white; border:1px solid #eee; border-bottom:1px solid white;}*/
/*.nav-link.modified {color:#f00;}*/

.form-group input[type="checkbox"] {display: none;}

.form-group input[type="checkbox"] + .btn-group > label span {width: 20px;}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {display: none;}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {display: inline-block;}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {display: inline-block;}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {display: none;}

.form-label {color:black;}
.form-label.required:after {content:" *"; color:black;}

.form-group>select~ul>li {background-color:#eee; border:1px solid #ddd; border-radius:5px;}

/****** CARD TABS ******/
.p2k-list {position: absolute; background-color: #fff; width: 200px; border: 1px solid #444;}
.p2k-list-row {cursor: pointer; padding: 0 4px;}
.p2k-list-row:hover {background-color: #c2f7bd;}

/****** MODAL ******/
.p2k-modal-content .modal-body { max-height: 60vh; overflow: auto; }
.p2k-filter-row { position: relative; }
.p2k-filter-checkbox { position: absolute; top: 4px; }
.p2k-filter-label { width: 100%; padding-left: 30px; }

/****** LEGEND BOX ******/
.p2k-legend-box {	max-width: 480px;	border: 1px solid #888;	background-color: white; }
.p2k-legend-title {	font-size: 1.2em;	text-align: center;	font-weight: bold;	margin-bottom: 20px; }
.p2k-legend-label { position: relative; top: 0.4em; }

@media (max-width: 767px) {
  .page-menu .btn {display:inline; background-color:#ddd; margin:5px;}
	.table-title .panel-title small {padding-top:10px;}
	#position [type="submit"] {margin-top:10px;}
}

@media (min-width: 768px) {
	.navbar-header, .navbar-fixed-top .navbar-collapse {padding-left:10px; padding-right:20px;}
	/*.page-menu {display:table; height:100%;}*/
	#info .row .col-md-6:first-child {border-right:1px solid #ddd;}
	#position .panel-footer .form-group {margin-bottom:0; margin-right:6px;}
}

@media print {
  body {padding:0;}
  .p2k-container {width:auto !important; border:0;}
  .p2k-navbar-panel {display: none;}
  .p2k-toolbar {display: none;}
  .p2k-main-table-container {overflow:unset;}
  thead th span[data-filter] {display:none;}

  .p2k-large-container { overflow: visible; }
  .p2k-hold-column { position: static; white-space: nowrap; }

  table { page-break-after:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }
  th    { page-break-inside:avoid; page-break-after:auto }
  td    { page-break-inside:avoid; page-break-after:auto }
  thead { display:table-header-group }
  tfoot { display:table-footer-group }
}