.page-container{display:grid;width:100%;grid-template-columns:250px 1fr;grid-template-rows:60px 0 auto 50px}.page-container .navbar-logo-container{grid-column:1;grid-row:1;width:100%;height:100%;box-sizing:border-box}img.navbar-logo-image{width:200px;height:57px;margin-left:25px}.page-container .navbar-search-container{grid-column:2;grid-row:1;width:100%;height:100%;box-sizing:border-box;display:inline-flex;align-items:center}input[type=text].navbar-searchbox{margin-left:55px;margin-right:6px;padding:8px 20px 8px 20px;width:min(300px,calc(100% - 200px));border-radius:6px;border:1px solid transparent}.dropdown-container{position:absolute;top:9px;right:25px;width:42px;height:42px}img.navbar-system-user{width:42px;height:42px}.page-container .side-bar-container{grid-row:3;grid-column:1;width:100%;height:auto!important;box-sizing:border-box;display:block;margin-left:15px;margin-top:15px;border-right:solid 2px #d3d3d3;display:block}.side-bar-header{padding:15px;color:#fff}.side-bar-container a.side-bar-menu{display:block;padding:13px 23px 13px 15px;background-color:#f5f5f5;border-left:solid 8px #337ab7;border-bottom:solid 1px #d4e9f1;text-decoration:none;color:#000}.side-bar-container .side-bar-menu:hover{background-color:#d3d3d3}.page-container .main-container{grid-row:3;grid-column:1/span 3;width:100%;height:100%;box-sizing:border-box}.page-container .main-container-user{grid-row:3;grid-column:2/span 2;width:100%;height:auto!important;margin-top:15px;padding-left:50px;padding-right:15px;box-sizing:border-box}#footer{grid-row:4;grid-column:1/span 3;width:100%;height:100%;box-sizing:border-box}@media(max-width:767px){.page-container{grid-template-columns:1fr;grid-template-rows:60px 60px auto 50px}.page-container .side-bar-container{display:none}.page-container .main-container-user{grid-column:1/span 3;padding-left:8px;padding-right:8px}.page-container .navbar-logo-container{grid-column:1;grid-row:1}.page-container .navbar-search-container{grid-column:1/span 3;grid-row:2}.page-container .account-container{grid-column:3;grid-row:1}input[type=text].navbar-searchbox{margin-left:8px;width:calc(100% - 150px)}#footer{display:none}}.loader{margin:auto;border:10px solid #b7b7b7;border-radius:50%;border-top:10px solid #285cae;width:50px;height:50px;animation:spinner 4s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dropdown-button{position:relative;display:inline-block;padding:10px}.dropdown-button:hover{color:#06d85f}.dropdown-button .dropdown-panel{display:none;position:absolute;right:10px;background-color:#f1f1f1;min-width:160px;width:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-button:hover .dropdown-panel{display:block}.dropdown-panel a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-panel a:hover{background-color:#ddd;text-decoration:none}.overlay{display:flex!important;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;background:rgba(0,0,0,.7);transition:opacity 250ms;visibility:hidden;opacity:0}.overlay:target{visibility:visible;opacity:1}.popup{display:inline-block;padding:20px;background:#fff;border:solid 2px gray;max-width:80%;max-height:80%;width:auto;height:auto;position:relative;transition:all 3s ease-in-out;overflow:auto}.popup .close-popup{}a.close-popup-link{position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333;z-index:1000}a.close-popup-link:hover{color:#06d85f;text-decoration:none}.popup .popup-content{max-height:30%;overflow:auto}@media screen and (max-width:700px){.popup{width:80%}}.table-std{display:table;padding:15px;border-spacing:0;white-space:pre-wrap;word-wrap:break-word;border-collapse:collapse}.table-std tr{padding:10px;height:auto}.table-std th{background-color:#7cc6d7;border-bottom:solid 2px #000;border-top:solid 2px #000;border-right:solid 1px #000;border-collapse:collapse;text-align:center;padding:10px}.table-std td{border-right:solid 1px #000;border-collapse:collapse;text-align:center;vertical-align:top;padding:10px}.table-std th:first-child,.table-std td:first-child{border-left:solid 2px #000}.table-std th:last-child,.table-std td:last-child{border-right:solid 2px #000}.table-std tr:last-child td{border-bottom:solid 2px #000}div.grid-cell-a1{grid-column:1;grid-row:1}div.grid-cell-a2{grid-column:1;grid-row:2}div.grid-cell-a3{grid-column:1;grid-row:3}div.grid-cell-a4{grid-column:1;grid-row:4}div.grid-cell-b1{grid-column:2;grid-row:1}div.grid-cell-b2{grid-column:2;grid-row:2}div.grid-cell-b3{grid-column:2;grid-row:3}div.grid-cell-b4{grid-column:2;grid-row:4}div.grid-cell-c1{grid-column:3;grid-row:1}div.grid-cell-c2{grid-column:3;grid-row:2}div.grid-cell-c3{grid-column:3;grid-row:3}div.grid-cell-c4{grid-column:3;grid-row:4}div.grid-cell-d1{grid-column:4;grid-row:1}div.grid-cell-d2{grid-column:4;grid-row:2}div.grid-cell-d3{grid-column:4;grid-row:3}div.grid-cell-d4{grid-column:4;grid-row:4}div.grid-cell-e1{grid-column:5;grid-row:1}div.grid-cell-e2{grid-column:5;grid-row:2}div.grid-cell-e3{grid-column:5;grid-row:3}div.grid-cell-e4{grid-column:5;grid-row:4}.font0{font-size:28px;font-weight:900}.font1{font-size:24px;font-weight:900}.font2{font-size:22px;font-weight:600}.font3{font-size:16px;font-weight:600}.font4{font-size:14px;font-weight:600}.font-bigger{font-size:14px;font-weight:500}.font-regular{font-size:12px;font-weight:500}.font-bold{font-size:12px;font-weight:600}.font-smaller{font-size:10px;font-weight:500}.back-color{background-color:#337ab7}.color-black{color:#000}.color-white{color:#fff}.color-gray{color:#a9a9a9}.color-red{color:red}.color-orange{color:#ffa500}.color-green{color:green}.color-blue{color:blue}.color-darkblue{color:#00008b}.status-color-21,.status-color-22,.status-color-23,.status-color-24,.status-color-25{color:blue}.status-color-29{color:green}.status-color-31{color:#639c06}.status-color-50{color:#bd0bb4}.status-color-4{color:red}body,html{height:100%;width:100%;margin:0;font-family:sans-serif}a{text-decoration:none;color:#09c}a:hover{text-decoration:underline}input[type=password]{padding:3px 10px 3px 10px}input[type=text]{padding:3px 10px 3px 10px}input[type=text].error-border{border:5px dashed red}input[type=number]:out-of-range{border:5px solid red}.space-above{margin-top:20px}.space-below{margin-top:20px}.has-border{border:solid 2px gray}.centered-content{text-align:center}.left-aligned-content{text-align:left;padding-left:15px;padding-right:15px}.right-aligned-content{text-align:right;padding-left:15px;padding-right:15px}.shadowed{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.hidden-container{display:none!important}hr{height:3px;box-sizing:border-box;padding-top:0;padding-bottom:0}.button-std{padding:6px 15px 6px 15px;width:auto;border-radius:6px;border:1px solid #06c;background-color:#09c;color:#fff}.button-std:hover{background-color:#0ac}.button-std:disabled{border:1px solid #999;background-color:#ccc;color:#666}.button{font-size:18px;font-weight:bold;color:#fff;height:40px;box-sizing:border-box;background-color:#337ab7;border:1px solid #000;border-radius:4px}.button:hover{color:#fff;background-color:#286090;border-color:#204d74}.centered-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.name-value-pair{display:grid;grid-template-columns:100%;grid-template-rows:auto auto;grid-row-gap:5px;justify-items:center}.name-value-pair:first-child{justify-items:left}.name-value-pair:last-child{justify-items:right}.name-value-pair .name{grid-row:1;display:flex}.name-value-pair .value{grid-row:2;display:flex}