@font-face {
   font-family: 'fontawesome';
   font-style: normal;
   font-weight: 900;
   font-display: block;
   src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
}

body, html {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-color: rgba(212,226,236,0.5);
 font-family: Verdana, sans-serif;
 font-size: 11pt;
 text-align: center;
 cursor: default;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

body, .tooltip {
 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

a {
 text-decoration: none;
 color: #000000;
}

a:link a:active a:checked a:visited {
 text-decoration: none;
 color: #000000;
}

.left {
 float: left;
}

.right {
 float: right;
}

.uppercase {
  text-transform: uppercase;
}

.editlink {
  cursor: pointer;
}

.print {
  margin-top: 1.5vh;
}

.karo_middleinfo h3 {
 margin-bottom: 0.25vh;
}

.karo_rightinfo h3 {
 margin-bottom: 0.25vh;
}

.statsLeft {
 float: left;
 display: inline-block;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 1.75vh;
}

.statsRight {
 float: right;
 display: inline-block;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 1.75vh;
 text-align: right;
}

.statsLeft2 {
 float: left;
 display: inline-block;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 1.75vh;
 margin-bottom: 0.75vh;
}

.statsRight2 {
 float: right;
 display: inline-block;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 1.75vh;
 margin-bottom: 0.75vh;
 text-align: right;
}

.statsLeft3 {
 float: left;
 display: inline-block;
 min-width: 40%;
 width: 40%;
 max-width: 40%;
 line-height: 1.75vh;
 margin-bottom: 0.75vh;
}

.statsCenter3 {
 float: left;
 display: inline-block;
 min-width: 30%;
 width: 30%;
 max-width: 30%;
 line-height: 1.75vh;
 margin-bottom: 0.75vh;
 text-align: right;
}

.statsRight3 {
 float: right;
 display: inline-block;
 min-width: 30%;
 width: 30%;
 max-width: 30%;
 line-height: 1.75vh;
 margin-bottom: 0.75vh;
 text-align: right;
}

#stats2 {
 background-color: rgba(212,226,236,0.5);
}

.clear {
 clear: left;
}

.header {
 z-index: 100;
 display: block;
 position: fixed;
 width: 100vw;
}

.header_left {
 z-index: 81;
 position: fixed;
 top: 0;
 left: 0;
 float: left;
 display: block;
 min-width: 45vw;
 width: 45vw;
 max-width: 45vw;
 text-align: left;
 min-height: 5vh;
 height: 5vh;
 max-height: 5vh;
 padding-left: 1vh;
 background-color: #ffffff;
 border: 1px solid transparent;
 border-left: 1px solid rgba(0, 0, 0, 0.15);
 border-top: 1px solid rgba(0, 0, 0, 0.15);
 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.module_head {
  position: relative;
  line-height: 5vh;
  min-height: 5vh;
  height: 5vh;
  max-height: 5vh;
}

.title {
  float: left;
  display: inline-block;
  min-width: 17vw;
  width: 17vw;
  max-width: 17vw;
}

.birthday-notification {
  position: absolute;
  z-index: 1000!important;
  float: left;
  display: inline-block;
  min-width: 1vw;
  width: 1vw;
  max-width: 1vw;
  text-align: right;
}

.birthdate-tooltip {
   position: relative;
   z-index: 1000!important;
   cursor: default;
   display: block;
}

.birthdate-content {
  position: absolute;
  z-index: 1000!important;
  background-color: rgba(255, 255, 255, 1);
  color: #000000;
  padding: 1vw;
  border-top: 0.75vh solid #0a253f;
  border-radius: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  line-height: 1vw;
  white-space: pre-line;
  visibility: hidden;
  opacity: 0;
  font-size: 0.8vw;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  min-width: 10vw;
  width: 10vw;
  max-width: 10vw;
  margin-left: -5vw;
  margin-top: -1.5vh;
}

.birthdate-tooltip:hover .birthdate-content {
  position: absolute;
  z-index: 1000!important;
  visibility: visible;
  opacity: 1;
}

.header_center {
 z-index: 90;
 position: fixed;
 top: 0;
 left: 45vw;
 float: left;
 display: block;
 min-width: 35vw;
 width: 35vw;
 max-width: 35vw;
 text-align: center;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 line-height: 8vh;
 background-color: #ffffff;
 font-size: 0.9vw;
 border-bottom-left-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.header_right {
 z-index: 101;
 position: fixed;
 top: 0;
 left: 80vw;
 float: right;
 display: block;
 position: fixed;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 text-align: right;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 background-color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.maintenanceservice {
 z-index: 102;
 position: fixed;
 top: 5.25vh;
 left: 26vw;
 font-size: 0.75vw;
 color: #ffffff;
 line-height: 2.5vh;
 display: inline-block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 background-color: #0a253f;
 border: none;
 text-decoration: none;
 border-radius: 0px;
 border-radius: 0px;
}

.logo {
 z-index: 102;
 position: absolute;
 top: 1.5vh;
 right: 2vw;
}

.logo img {
 min-height: 5vh;
 height: 5vh;
 max-height: 5vh;
}

.logo_print {
 float: right;
 display: inline-block;
 margin-right: 2vw;
 margin-top: 0.5vh;
 margin-bottom: -0.5vh;
}

.logo_print img {
 min-height: 7vh;
 height: 7vh;
 max-height: 7vh;
}

.optional_modules {
 font-size: 1vw;
 color: #ffffff;
 line-height: 3vh;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 cursor: pointer;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.optional_modules:hover {
 font-size: 1vw;
 color: #ffffff;
 line-height: 3vh;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 cursor: pointer;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.optional_modules-content {
 display: none;
 position: absolute;
 margin-left: -1vw;
 background-color: #0a2564;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 padding: 12px 16px;
 z-index: 104;
 font-size: 0.83vw;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 white-space: nowrap;
 overflow: hidden;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.optional_modules-content a {
 display: block;
 padding-left: 0.5vw;
 color: #ffffff;
}

.optional_modules-content a:hover {
 display: block;
 color: #ffffff;
 background-color: #0a253f;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.optional_modules:hover .optional_modules-content {
 display: block;
}

.profile {
 font-size: 1vw;
 position: relative;
 z-index: 102;
 top: -3vh;
 display: inline-block;
 margin-right: 2vw;
 padding: 12px 16px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}

.profile:hover {
 color: #ffffff;
 z-index: 102;
 background-color: #0a253f;
 padding: 12px 16px;
}

.profile-content {
 display: none;
 position: absolute;
 background-color: #0a253f;
 color: #ffffff;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 padding: 12px 16px;
 z-index: 102;
 right: 0;
 min-width: 15vw;
 width: 15vw;
 max-width: 15vw;
 font-size: 0.83vw;
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.profile-content a {
 display: block;
 width: 100%;
 line-height: 3vh;
 color: #ffffff;
 padding-right: 0.5vw;
}

.profile-content a:hover {
 display: block;
 width: 100%;
 line-height: 3vh;
 color: #ffffff;
 padding-right: 0.5vw;
 background-color: #0a2564;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.profile:hover .profile-content {
 display: block;
 z-index: 102;
}

.currentOnline {
 display: inline-block;
 font-size: 0.5vw;
 position: relative;
 top: 2.5vh;
 right: 25vw;
 z-index: 102;
 margin-right: 0.1vw;
}

.initials-wrapper {
  z-index: 103;
  display: inline-block;
  position: relative;
}

.initial-circle {
  z-index: 103;
  min-width: 1vw;
  width: 1vw;
  max-width: 1vw;
  min-height: 1vw;
  height: 1vw;
  max-height: 1vw;
  border: 0.15vw solid;
  border-radius: 50%;
  text-align: center;
  font-size: 0.6vw;
  line-height: 1vw;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.initial-circle2 {
  z-index: 103;
  min-width: 8vw;
  width: 8vw;
  max-width: 8vw;
  min-height: 8vw;
  height: 8vw;
  max-height: 8vw;
  border: 0.5vw solid;
  border-radius: 50%;
  text-align: center;
  font-size: 5vw;
  line-height: 8vw;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.initial-circle3 {
  z-index: 103;
  display: inline-block;
  min-width: 1vw;
  width: 1vw;
  max-width: 1vw;
  min-height: 1vw;
  height: 1vw;
  max-height: 1vw;
  border: 0.15vw solid;
  border-radius: 50%;
  text-align: center;
  font-size: 0.6vw;
  line-height: 1vw;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.stats_name {
  display: inline-block;
  margin-left: 0.5vw;
  line-height: 1vw;
}

.return_time {
  width: 100%;
   display: none;
}

.settings {
 font-size: 2vw;
 position: absolute;
 z-index: 100;
 top: 0.8vh;
 right: 11.5vw;
 display: inline-block;
 margin-right: 2vw;
 padding: 12px 16px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}

.settings:hover {
 position: absolute;
 background-color: #0a253f;
 z-index: 999;
 padding: 12px 16px;
 color: #ffffff;
}

.settings-content {
 display: none;
 position: absolute;
 background-color: #0a253f;
 color: #ffffff;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 padding: 12px 16px;
 z-index: 99999;
 right: 0;
 font-size: 0.83vw;
 min-width: 15vw;
 width: 15vw;
 max-width: 15vw;
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.settings:hover .settings-content {
 position: absolute;
 display: block;
 z-index: 99999;
}

.settings-content a {
 display: block;
 z-index: 999;
 width: 100%;
 line-height: 2.5vh;
 color: #ffffff;
 padding-right: 0.5vw;
}

.settings-content a:hover {
 display: block;
 z-index: 999;
 width: 100%;
 line-height: 2.5vh;
 padding-right: 0.5vw;
 color: #ffffff;
 background-color: #0a2564;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.menue {
 display: block;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 margin-top: 5vh;
 background-color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.modules {
  margin-top: 1px;
}

.modules1 {
 font-size: 1vw;
 color: #ffffff;
 line-height: 3vh;
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 cursor: pointer;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.modules1:hover {
 font-size: 1vw;
 color: #ffffff;
 line-height: 3vh;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 cursor: pointer;
}

.modules2 {
 font-size: 1vw;
 color: #ffffff;
 line-height: 3vh;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 cursor: pointer;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.modules2:hover {
 font-size: 1vw;
 color: #ffffff;
 line-height: 3vh;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 cursor: pointer;
}

.content {
 display: block;
 position: absolute;
 top: 8vh;
 min-width: 100vw;
 width: 100vw;
 max-width: 100vw;
 min-height: 92vh;
 height: 92vh;
 max-height: 92vh;
 overflow: hidden!important;
}

.main_content {
 z-index: 80;
 display: block;
 position: absolute;
 overflow: hidden;
 left: 0.5vw;
 top: 1vh;
 padding: 1vw;
 background-color: #ffffff;
 min-width: 97vw;
 width: 97vw;
 max-width: 97vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.scrollable-main_content {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(83vh - 1px);
}

.scrollable-main_content::-webkit-scrollbar {
    width: 0.1vw;
}

.scrollable-main_content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-main_content::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-main_content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.blend {
 z-index: 9;
 position: fixed;
 top: 0vh;
 left: 0;
 display: block;
 background-color: rgba(212,226,236,0.5);
 min-width: 100vw;
 width: 100vw;
 max-width: 100vw;
 min-height: 15vh;
 height: 15vh;
 max-height: 15vh;
}

.faktura_blend {
 z-index: 9;
 position: fixed;
 top: 0vh;
 left: 0;
 display: block;
 background-color: rgba(212,226,236,0.5);
 min-width: 100vw;
 width: 100vw;
 max-width: 100vw;
 min-height: 47.5vh;
 height: 47.5vh;
 max-height: 47.5vh;
}

.customers_blend {
 z-index: 90;
 position: fixed;
 top: 0vh;
 left: 0;
 display: block;
 background-color: rgba(212,226,236,0.5);
 min-width: 100vw;
 width: 100vw;
 max-width: 100vw;
 min-height: 17vh;
 height: 17vh;
 max-height: 17vh;
}

.customers {
 z-index: 70;
 display: block;
 position: fixed;
 left: 0.5vw;
 top: 9vh;
 background-color: #ffffff;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.customer_options {
 min-height: 5vh;
 height: 5vh;
 max-height: 5vh;
}

.new_customer {
 float: right;
 display: inline-block;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 padding-top: 0.6vh;
}

.customer_number_head {
 float: left;
 display: block;
 min-width: 3vw;
 width: 3vw;
 max-width: 3vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.customer_name_head {
 float: left;
 display: block;
 min-width: 12.5vw;
 width: 12.5vw;
 max-width: 12.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.customer_location_head {
 float: left;
 display: block;
 min-width: 26vw;
 width: 26vw;
 max-width: 26vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.customer_target_head {
 float: left;
 display: block;
 min-width: 26vw;
 width: 26vw;
 max-width: 26vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.customer_type_head {
 float: left;
 display: block;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.customer_cyclic_head {
 float: left;
 display: block;
 min-width: 6vw;
 width: 6vw;
 max-width: 6vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.customer_cycle_head {
 float: left;
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.customer_edit_head {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

.users_list {
  z-index: 80;
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0.5vw;
  top: 11vh;
  background-color: #ffffff;
  min-width: 99vw;
  width: 99vw;
  max-width: 99vw;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 0.75vh solid #0a253f;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.customers_list {
 z-index: 80;
 display: block;
 position: absolute;
 overflow: hidden;
 left: 0.5vw;
 top: 11vh;
 background-color: #ffffff;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.customer_number {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 3vw;
 width: 3vw;
 max-width: 3vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.customer_number li {
 margin-top: -1.5vh;
}

.customer_name {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 12.5vw;
 width: 12.5vw;
 max-width: 12.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.customer_location {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 26vw;
 width: 26vw;
 max-width: 26vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.customer_target {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 26vw;
 width: 26vw;
 max-width: 26vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.customer_type {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.customer_cyclic {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 6vw;
 width: 6vw;
 max-width: 6vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.customer_cycle {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.customer_edit {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 0px solid #cccccc;
}

.empty_customers {
 display: block;
 font-size: 3vh;
 line-height: 20vh;
}

.hospitalisation {
 display: block;
 position: absolute;
 left: 1vw;
 top: 2vh;
 background-color: #ffffff;
 min-width: 96vw;
 width: 96vw;
 max-width: 96vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.hospitalisation_options {
 min-height: 5vh;
 height: 5vh;
 max-height: 5vh;
}

.hospitalisation_number_head {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.hospitalisation_location_head {
 float: left;
 display: block;
 min-width: 40vw;
 width: 40vw;
 max-width: 40vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.hospitalisation_from_head {
 float: left;
 display: block;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.hospitalisation_to_head {
 float: left;
 display: block;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.hospitalisation_service_head {
 float: left;
 display: block;
 min-width: 24vw;
 width: 24vw;
 max-width: 24vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.hospitalisation_edit_head {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

.hospitalisation_number {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.hospitalisation_number li {
 margin-top: -1.5vh;
}

.hospitalisation_location {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 40vw;
 width: 40vw;
 max-width: 40vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.hospitalisation_from {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.hospitalisation_to {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.hospitalisation_service {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 24vw;
 width: 24vw;
 max-width: 24vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.hospitalisation_edit {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 0px solid #cccccc;
}

.empty_hospitalisation {
 display: block;
 font-size: 3vh;
 line-height: 20vh;
}

.empty_vehicles {
 display: block;
 font-size: 3vh;
 line-height: 20vh;
}

.staff {
 z-index: 70;
 display: block;
 position: fixed;
 left: 0.5vw;
 top: 9vh;
 background-color: #ffffff;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.staff_options {
  min-height: 7vh;
  height: 7vh;
  max-height: 7vh;
}

.new_staff {
 float: right;
 display: inline-block;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 padding-top: 0.6vh;
}

.shiftblock1 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(125, 50, 225, 1);
 background-color: rgba(125, 50, 225, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.staff_block {
  display: inline-block;
  float: left;
  min-width: 22vw;
  width: 22vw;
  max-width: 22vw;
  min-height: 20vh;
  height: 20vh;
  max-height: 20vh;
  transition: all 0.3s ease;
  margin-left: 1vw;
  margin-right: 1vw;
  margin-bottom: 2vh;
  border-radius: 0px;
  border-top: 0.75vh solid rgba(10,37,63, 1);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
  flex: 1;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.staff_block:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}

.staff_image {
  display: inline-block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 6vw;
  width: 6vw;
  max-width: 6vw;
  min-height: 20vh;
  height: 20vh;
  max-height: 20vh;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-align: center;
  color: #ffffff;
  font-size: 2.5vw;
  line-height: 20vh;
}

.staff_infos {
  display: inline-block;
  float: right;
  min-width: 15.5vw;
  width: 15.5vw;
  max-width: 15.5vw;
  padding-left: 0.25vw;
  padding-right: 0.25vw;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
}

.staff_name {
  display: inline-block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 12vw;
  width: 12vw;
  max-width: 12vw;
  margin-top: -1vh;
  font-size: 0.9vw;
  font-weight: bold;
  text-align: left;
}

.staff_id {
  display: inline-block;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 3.5vw;
  width: 3.5vw;
  max-width: 3.5vw;
  margin-top: -1vh;
  font-size: 0.6vw;
  line-height: 0.9vw;
  text-align: right;
}

.staff_contact {
  display: block;
  margin-top: 3vh;
  text-align: left;
}

.staff_contact i {
  color: rgba(10,37,63, 1);
}

.staff_icon {
  float: left;
  min-width: 10%;
  width: 10%;
  max-width: 10%;
}

.staff_content {
  float: left;
  min-width: 80%;
  width: 80%;
  max-width: 80%;
}

.staff_option {
  position: relative;
  top: 17.75vh;
  font-size: 0.5vw;
  line-height: 0.5vw;
  text-align: right;
}

.vehicleType_block {
  display: block;
  float: left;
  min-width: 25%;
  width: 25%;
  max-width: 25%;
}

.vehicle_block {
  display: inline-block;
  float: left;
  min-width: 22vw;
  width: 22vw;
  max-width: 22vw;
  min-height: 7vh;
  height: 7vh;
  max-height: 7vh;
  margin-left: 1vw;
  margin-right: 1vw;
  margin-bottom: 2vh;
  border-radius: 0px;
  border-top: 0.75vh solid rgba(10,37,63, 1);
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.vehicle_image {
  display: inline-block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 6vw;
  width: 6vw;
  max-width: 6vw;
  min-height:7vh;
  height: 7vh;
  max-height: 7vh;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-align: center;
  color: #ffffff;
  font-size: 2vw;
  line-height: 7vh;
}

.vehicle_infos {
  display: inline-block;
  float: right;
  min-width: 15.5vw;
  width: 15.5vw;
  max-width: 15.5vw;
  padding-left: 0.25vw;
  padding-right: 0.25vw;
}

.vehicle_name {
  display: inline-block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 12vw;
  width: 12vw;
  max-width: 12vw;
  font-size: 1.1vw;
  font-weight: bold;
  line-height: 7vh;
  text-align: left;
}

.vehicle_id {
  display: inline-block;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 3.5vw;
  width: 3.5vw;
  max-width: 3.5vw;
  font-size: 0.6vw;
  line-height: 7vh;
  text-align: right;
}

.vehicle_icon {
  float: left;
  min-width: 10%;
  width: 10%;
  max-width: 10%;
}

.vehicle_content {
  float: left;
  min-width: 80%;
  width: 80%;
  max-width: 80%;
}

.vehicle_option {
  position: relative;
  top: -1.5vh;
  font-size: 0.5vw;
  line-height: 0.5vw;
  text-align: right;
}

.vehicle_content {
  float: left;
  min-width: 80%;
  width: 80%;
  max-width: 80%;
}

.personal_name {
  font-size: 1.25vw;
  font-weight: bold;
  text-align: left;
}

.personal_image {
  display: inline-block;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 15%;
  width: 15%;
  max-width: 15%;
  min-height: 19.5h;
  height: 19.5vh;
  max-height: 19.5vh;
  text-align: center;
  color: #ffffff;
  font-size: 2.5vw;
  line-height: 19.5vh;
}

.staffPhoto {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}

.personal_leftBlock {
  display: block;
  float: left;
  min-width: 85%;
  width: 85%;
  max-width: 85%;
}

.personal_leftBlock2 {
  display: block;
  float: left;
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}

.personal_rightBlock2 {
  display: block;
  float: left;
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}

.personal_informationsLeft {
  float: left;
  text-align: left;
  min-width: 40%;
  width: 40%;
  max-width: 40%;
}

.personal_informationsRight {
  float: right;
  font-weight: bold;
  text-align: left;
  min-width: 60%;
  width: 60%;
  max-width: 60%;
}

.shiftblock2 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(125, 50, 225, 1);
 background-color: rgba(125, 50, 225, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock3 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(125, 50, 225, 1);
 background-color: rgba(125, 50, 225, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock4 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(0, 125, 0, 1);
 background-color: rgba(0, 125, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock5 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(0, 125, 0, 1);
 background-color: rgba(0, 125, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock6 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(0, 125, 0, 1);
 background-color: rgba(0, 125, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock7 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(0, 125, 0, 1);
 background-color: rgba(0, 125, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock8 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(0, 125, 0, 1);
 background-color: rgba(0, 125, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock9 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(150, 100, 0, 1);
 background-color: rgba(150, 100, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock10 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(150, 100, 0, 1);
 background-color: rgba(150, 100, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock11 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(150, 100, 0, 1);
 background-color: rgba(150, 100, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock12 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(150, 100, 0, 1);
 background-color: rgba(150, 100, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock13 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(150, 100, 0, 1);
 background-color: rgba(150, 100, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock14 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(150, 0, 0, 1);
 background-color: rgba(150, 0, 0, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shiftblock15 {
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 12vh;
 height: 12vh;
 max-height: 12vh;
 margin: 0 auto;
 border-radius: 0px;
 border-top: 0.75vh solid rgba(125, 125, 125, 1);
 background-color: rgba(125, 125, 125, 0.10);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.shift_time {
 display: block;
 min-width: 6vw;
 width: 6vw;
 max-width: 6vw;
 margin: 0 auto;
 border-radius: 0px;
 color: rgba(255, 255, 255, 1);
 background-color: rgba(50, 150, 255, 1);
}

.days {
 background-color: #eeeeee;
 display: block;
 min-width: 98vw;
 width: 98vw;
 max-width: 98vw;
 min-height: 1.45vh;
 height: 1.45vh;
 max-height: 1.45vh;
 line-height: 1.45vh;
 padding: 0;
 margin: 0;
}

.schedule {
 display: block;
 min-width: 98vw;
 width: 98vw;
 max-width: 98vw;
 padding: 0;
 margin: 0;
}

.staff_list {
  display: block;
  margin-top: 20vh;
  margin-left: 0.5vw;
  background-color: #ffffff;
  min-width: 97vw;
  width: 97vw;
  max-width: 97vw;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 0.75vh solid #0a253f;
  padding: 1vw;
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.5vw;
  min-height: calc(74vh - 1px);
  height: calc(74vh - 1px);
  max-height: calc(74vh - 1px);
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.staff_list::-webkit-scrollbar {
    width: 0.25vw;
}

.staff_list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.staff_list::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.staff_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.changesList {
  display: block;
  background-color: #ffffff;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  flex-grow: 1;
  overflow-y: auto;
  min-height: calc(45vh - 1px);
  height: calc(45vh - 1px);
  max-height: calc(45vh - 1px);
}

.changesList::-webkit-scrollbar {
    width: 0.25vw;
}

.changesList::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.changesList::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.changesList::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.special_state0 {
 background-color: rgba(0, 125, 25, 0.1);
}

.special_state1 {
 background-color: rgba(255, 200, 0, 0.1);
}

.special_state2 {
 background-color: rgba(115, 150, 150, 0.1);
}

.special_state3 {
 background-color: rgba(255, 0, 0, 0.1);
}

.small_qualification {
 float: right;
 display: inline-block;
 min-width: 1vw;
 width: 1vw;
 max-width: 1vw;
 min-height: 1vw;
 height: 1vw;
 max-height: 1vw;
 font-size: 0.6vw;
 line-height: 1vw;
 color: rgba(190, 0, 255, 1);
 border: 0.15vw solid;
 border-radius: 50%;
 text-align: center;
 margin-right: 0.25vw;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.small_contract_type {
 float: right;
 display: inline-block;
 min-width: 1vw;
 width: 1vw;
 max-width: 1vw;
 min-height: 1vw;
 height: 1vw;
 max-height: 1vw;
 font-size: 0.6vw;
 line-height: 1vw;
 border: 0.15vw solid;
 border-radius: 50%;
 text-align: center;
 margin-right: 0.25vw;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.color_vz {
 color: rgba(190, 0, 255, 1);
 background-color: rgba(255, 255, 255, 1);
}

.color_tz {
 color: rgba(255, 190, 0, 1);
 background-color: rgba(255, 255, 255, 1);
}

.color_ah {
 color: rgba(255, 0, 0, 1);
 background-color: rgba(255, 255, 255, 1);
}

.color_s {
 color: rgba(255, 0, 0, 1);
 background-color: rgba(255, 255, 255, 1);
}

.color_rh {
 color: rgba(255, 190, 0, 1);
 background-color: rgba(255, 255, 255, 1);
}

.color_rs {
 color: rgba(15, 100, 0, 1);
 background-color: rgba(255, 255, 255, 1);
}

.color_ra {
 color: rgba(15, 100, 0, 1);
 background-color: rgba(255, 255, 255, 1);
}

.color_ns {
 color: rgba(15, 100, 0, 1);
 background-color: rgba(255, 255, 255, 1);
}

.empty_staff {
 display: block;
 font-size: 3vh;
 line-height: 20vh;
}

.btn2-active {
 display: inline-block;
 background-color: rgba(212,226,236,0.75);
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 line-height: 5vh;
 border: 0;
}

.btn2-active:hover {
 display: inline-block;
 background-color: #ffffff;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 line-height: 5vh;
 border: 0;
}

.acp_btn {
 display: block;
 background-color: #eeeeee;
 min-width: 100%;
 width: 100%;
 max-width: 100%;
 line-height: 5vh;
 border: 0;
}

.acp_btn:hover {
 display: block;
 background-color: #cccccc;
 min-width: 100%;
 width: 100%;
 max-width: 100%;
 line-height: 5vh;
 border: 0;
}

.btn-active {
 display: block;
 background-color: #cccccc;
 min-width: 100%;
 width: 100%;
 max-width: 100%;
 line-height: 5vh;
 border: 0;
}

.btn-active:hover {
 display: block;
 background-color: #bbbbbb;
 min-width: 100%;
 width: 100%;
 max-width: 100%;
 line-height: 5vh;
 border: 0;
}

.faktura_btn {
 display: inline-block;
 background-color: #dddddd;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 5vh;
 border: 0;
 font-size: 1.25vw;
 color: #aaaaaa;
}

.faktura_btn:hover {
 display: inline-block;
 background-color: #eeeeee;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 5vh;
 border: 0;
}

.faktura_btn-active {
 display: inline-block;
 background-color: #eeeeee;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 5vh;
 border: 0;
}

.faktura_btn-active:hover {
 display: inline-block;
 background-color: #eeeeee;
 min-width: 50%;
 width: 50%;
 max-width: 50%;
 line-height: 5vh;
 border: 0;
}

#faktura_btn1 {
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
}

#faktura_btn2 {
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
}

.faktura_specs {
 display: none;
 white-space: nowrap;
 overflow: hidden;
}

.faktura_specs.active {
 display: block;
 white-space: nowrap;
 overflow: hidden;
}

.acp_overflow {
 overflow: hidden;
 overflow-y: auto;
 min-height: 78vh;
 height: 78vh;
 max-height: 78vh;
}

.acp_settings_left {
 float: left;
 display: block;
 background-color: #ffffff;
 min-width: 17vw;
 width: 17vw;
 max-width: 17vw;
 min-height: 86vh;
 height: 86vh;
 max-height: 86vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 margin-top: 1vh;
 margin-left: 1vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_settings {
 float: left;
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 86vh;
 height: 86vh;
 max-height: 86vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 margin-top: 1vh;
 margin-left: 1vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_settings.active {
 float: left;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 86vh;
 height: 86vh;
 max-height: 86vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 margin-top: 1vh;
 margin-left: 1vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_company {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 70vw;
 width: 70vw;
 max-width: 70vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_company.active {
 display: block;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 70vw;
 width: 70vw;
 max-width: 70vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.company_left {
 float: left;
 display: block;
 min-width: 40%;
 width: 40%;
 max-width: 40%;
 padding-left: 0.5vw;
 text-align: left;
}

.company_right {
 float: right;
 display: block;
 min-width: 55%;
 width: 55%;
 max-width: 55%;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_disposition_features {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_disposition_features.active {
 display: block;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_disposition_features_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_disposition_features_rows {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: right;
}

.acp_disposition_types {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_disposition_types.active {
 display: block;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}


.acp_disposition_types_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_disposition_types_rows {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: right;
}

.acp_order_types {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_order_types_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_order_types_numbers {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.acp_order_types_id {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 15vw;
 width: 15vw;
 max-width: 15vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.acp_order_types_name {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 71vw;
 width: 71vw;
 max-width: 71vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.acp_order_types_edit {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 3vw;
 width: 3vw;
 max-width: 3vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

.acp_order_types2 {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_order_types2_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
 white-space: nowrap;
 overflow: hidden;
}

.acp_order_types2_rows {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: right;
 white-space: nowrap;
 overflow: hidden;
}

.acp_transport_types {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_transport_types_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_transport_types_rows {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: right;
}

.acp_mappings_location {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_mappings_location_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_mappings_location_rows {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: right;
}

.acp_mappings_payer {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_mappings_payer_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_mappings_payer_rows {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: right;
}

.acp_operation_costs {
 display: none;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 min-width: 80vw;
 width: 80vw;
 max-width: 80vw;
 min-height: 80vh;
 height: 80vh;
 max-height: 80vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.acp_operation_costs_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.acp_operation_costs_rows {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: right;
}

.shift_plans_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.shift_plans_numbers {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.shift_plans_name {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 22vw;
 width: 22vw;
 max-width: 22vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.shift_plans_time {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 7vw;
 width: 7vw;
 max-width: 7vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.shift_plans_days {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 40vw;
 width: 40vw;
 max-width: 40vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.shift_plans_edit {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

.shift_teams_row {
 display: block;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 text-align: left;
}

.shift_teams_numbers {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.shift_teams_name {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 19vw;
 width: 19vw;
 max-width: 19vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.shift_teams_employees {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 50vw;
 width: 50vw;
 max-width: 50vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.shift_teams_edit {
 float: left;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

.profile_left {
  float: left;
  margin-top: 1vh;
  margin-left: 25vw;
  margin-right: 1.5vw;
  min-width: 16vw;
  width: 16vw;
  max-width: 16vw;
}

.profile_right {
  float: left;
  margin-top: 1vh;
  min-width: 31vw;
  width: 31vw;
  max-width: 31vw;
}

.dprofile {
 display: inline-block;
 background-color: #ffffff;
 min-width: 100%;
 width: 100%;
 max-width: 100%;
 min-height: 26vh;
 padding-top: 1vh;
 padding-left: 0.5vw;
 padding-bottom: 1vh;
 padding-right: 0.5vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.dprofile_left {
 float: left;
 display: block;
 min-width: 30%;
 width: 30%;
 max-width: 30%;
 padding-top: 0.5vh;
 padding-left: 0.5vw;
 padding-bottom: 0.5vh;
 text-align: left;
}

.dprofile_right {
 float: right;
 display: block;
 min-width: 65%;
 width: 65%;
 max-width: 65%;
 padding-top: 0.5vh;
 padding-right: 0.5vw;
 padding-bottom: 0.5vh;
 text-align: left;
}

.dprofile_statistic {
  display: inline-block;
  background-color: #ffffff;
  margin-top: 1vh;
  margin-left: -0.5vw;
  min-width: 48.5vw;
  width: 48.5vw;
  max-width: 48.5vw;
  min-height: 26vh;
  padding-top: 1vh;
  padding-left: 0.5vw;
  padding-bottom: 1vh;
  padding-right: 0.5vw;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 0.75vh solid #0a253f;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.statistics {
  float: left;
  display: inline-block;
  background-color: #ffffff;
  margin-top: 1vh;
  margin-left: 0.5vw;
  min-width: 48vw;
  width: 48vw;
  max-width: 48vw;
  min-height: 87vh;
  height: 87vh;
  max-height: 87vh;
  padding-top: 1vh;
  padding-left: 0.5vw;
  padding-bottom: 1vh;
  padding-right: 0.5vw;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 0.75vh solid #0a253f;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.switch {
  display: inline-block;
  height: 1.25vw;
  position: relative;
  width: 3vw;
}

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 0.5vh;
  content: "";
  height: 1vw;
  left: 0.25vw;
  position: absolute;
  transition: .4s;
  width: 1vw;
}

input:checked + .slider {
  background-color: #0a253f;
}

input:checked + .slider:before {
  transform: translateX(1.5vw);
}

.slider.round {
  border-radius: 1vw;
}

.slider.round:before {
  border-radius: 50%;
}

.dcp {
 display: block;
 position: absolute;
 left: 0.5vw;
 top: 1vh;
 background-color: #ffffff;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.dcp_number {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.dcp_id {
 float: left;
 display: block;
 min-width: 25vw;
 width: 25vw;
 max-width: 25vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.dcp_username {
 float: left;
 display: block;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.dcp_name {
 float: left;
 display: block;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.dcp_level {
 float: left;
 display: block;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.dcp_lastactivity {
 float: left;
 display: block;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.dcp_edit {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

#dcp_list {
 text-align: left;
}

.profile_name {
  font-size: 1vw;
  font-weight: bold;
}

.profile_level {
  margin-top: -1vh;
}

.toggle-container {
 display: none;
 min-width: 99%;
 width: 99%;
 max-width: 99%;
 margin-left: 1vw;
 padding-bottom: 1vh;
}

.toggleFlex {
  display: flex;
  flex-direction: row;
}

.toggleLabel {
 font-family: Verdana, sans-serif;
 font-size: 0.65vw;
 font-weight: normal;
 text-align: center;
 cursor: pointer;
 margin-left: -7.5vw;
 margin-right: 1vw;
 padding-left: 0.5vw;
 padding-right: 1.5vw;
 line-height: 3.2vh;
 padding-bottom: 0.9vh;
 border-bottom: 2px solid #0a253f;
}

.maintenance {
 z-index: 100;
 position: fixed;
 left: 0.5vw;
 top: 41vh;
 min-width: 98vw;
 width: 98vw;
 max-width: 98vw;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 line-height: 6vh;
 display: block;
 background-color: #ffffff;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.license_container {
  min-width: 85vw;
  width: 85vw;
  max-width: 85vw;
  margin: 0 auto;
  margin-top: 5vh;
  margin-bottom: 5vh;
  padding: 2vw;
  display: block;
  background-color: #ffffff;
  border-radius: 0px;
  border-top: 0.75vh solid #0a253f;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.license_left {
  float: left;
  min-width: 20vw;
  width: 20vw;
  max-width: 20vw;
  text-align: left;
}

.license_center {
  float: left;
  min-width: 45vw;
  width: 45vw;
  max-width: 45vw;
  text-align: center;
}

.license_right {
  float: right;
  min-width: 20vw;
  width: 20vw;
  max-width: 20vw;
  text-align: right;
}

.disposition {
 z-index: 9;
 position: fixed;
 left: 25vw;
 top: 9vh;
 min-width: 74.5vw;
 width: 74.5vw;
 max-width: 74.5vw;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 display: block;
 background-color: #ffffff;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.infections {
 z-index: 9;
 position: fixed;
 left: 0.5vw;
 top: 9vh;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 min-height: 89vh;
 height: 89vh;
 max-height: 89vh;
 display: block;
 background-color: #ffffff;
 border-radius: 0px;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.faktura {
 z-index: 9;
 position: fixed;
 left: 0.5vw;
 top: 40.5vh;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 display: block;
 background-color: #ffffff;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.week-navigation {
  z-index: 9;
  position: fixed;
  left: 0.5vw;
  top: 9vh;
  min-width: 97vw;
  width: 97vw;
  max-width: 97vw;
  padding: 1vw;
  min-height: 3vh;
  height: 3vh;
  max-height: 3vh;
  display: block;
  background-color: #ffffff;
  border-radius: 0px;
  border-top: 0.75vh solid #0a253f;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.week-navigation h3 {
  margin-top: 0.5vh;
}

.shift-schedule {
  z-index: 80;
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0.5vw;
  top: 9.5vh;
  background-color: #ffffff;
  min-width: 99vw;
  width: 99vw;
  max-width: 99vw;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 0.75vh solid #0a253f;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.scrollable-shift {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: -0.25vh;
  margin-bottom: -2vh;
  padding-right: 0.5vw;
  min-height: calc(83vh - 1px);
  height: calc(83vh - 1px);
  max-height: calc(83vh - 1px);
}

.scrollable-shift::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-shift::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-shift::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-shift::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.disposition_print {
 margin-left: 0.5vw;
 margin-top: 1vh;
 min-width: 98vw;
 width: 98vw;
 max-width: 98vw;
 min-height: 10vh;
 height: 10vh;
 max-height: 10vh;
 display: block;
 background-color: #ffffff;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.disposition_print h3 {
 display: inline-block;
 float: left;
 margin-left: 2vw;
}

.disposition_options {
 z-index: 1;
 display: block;
 position: fixed;
 left: 25vw;
 top: 9vh;
 min-width: 74.5vw;
 width: 74.5vw;
 max-width: 74.5vw;
 min-height: 5vh;
 height: 5vh;
 max-height: 5vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
}

.disposition_head {
 z-index: 900;
 display: block;
 position: fixed;
 left: 25vw;
 top: 14vh;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 min-width: 74.5vw;
 width: 74.5vw;
 max-width: 74.5vw;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.operation {
 z-index: 9;
 position: fixed;
 left: 0.5vw;
 top: 9vh;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 display: block;
 background-color: #ffffff;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operation_options {
 z-index: 1;
 display: block;
 position: fixed;
 left: 0.5vw;
 top: 9vh;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 min-height: 5vh;
 height: 5vh;
 max-height: 5vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-top: 0.75vh solid #0a253f;
}

.operation_head {
 z-index: 900;
 display: block;
 position: fixed;
 left: 0.5vw;
 top: 14vh;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.faktura_head {
z-index: 10;
display: block;
position: fixed;
left: 0.5vw;
top: 45.5vh;
min-height: 3vh;
height: 3vh;
max-height: 3vh;
min-width: 99vw;
width: 99vw;
max-width: 99vw;
}

.disposition_head_print {
 display: block;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 min-width: 98vw;
 width: 98vw;
 max-width: 98vw;
 margin-top: 2vh;
 margin-left: 0.5vw;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

.disposition_list {
 display: block;
 position: absolute;
 left: 25vw;
 top: 15vh;
 padding-top: 2vh;
 min-width: 74vw;
 width: 74vw;
 max-width: 74vw;
 font-size: 0.8vw;
 flex-grow: 1;
 overflow-y: auto;
 padding-right: 0.5vw;
 min-height: calc(83vh - 1px);
 height: calc(83vh - 1px);
 max-height: calc(83vh - 1px);
}

.disposition_list::-webkit-scrollbar {
    width: 0.25vw;
}

.disposition_list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.disposition_list::-webkit-scrollbar-thumb {
    background-color: #0a253f;
}

.disposition_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.operation_list {
 display: block;
 position: absolute;
 left: 0.5vw;
 top: 15vh;
 padding-top: 2vh;
 min-width: 98vw;
 width: 98vw;
 max-width: 98w;
 font-size: 0.8vw;
 flex-grow: 1;
 overflow-y: auto;
 padding-right: 0.5vw;
 min-height: calc(83vh - 1px);
 height: calc(83vh - 1px);
 max-height: calc(83vh - 1px);
}

.operation_list::-webkit-scrollbar {
    width: 0.25vw;
}

.operation_list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.operation_list::-webkit-scrollbar-thumb {
    background-color: #0a253f;
}

.operation_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.operation_time_head {
 float: left;
 display: block;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.operation_time {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.operation_type2_head {
 float: left;
 display: block;
 min-width: 12vw;
 width: 12vw;
 max-width: 12vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.operation_type2 {
 float: left;
 display: inline-block;
 white-space: nowrap;
 min-width: 12vw;
 width: 12vw;
 max-width: 12vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.operation_name_head {
  float: left;
  display: block;
  min-width: 20vw;
  width: 20vw;
  max-width: 20vw;
  min-height: 3vh;
  height: 3vh;
  max-height: 3vh;
  line-height: 3vh;
  border-right: 1px solid #cccccc;
}

.operation_name {
  float: left;
  display: inline-block;
  white-space: nowrap;
  min-width: 20vw;
  width: 20vw;
  max-width: 20vw;
  min-height: 3.6vh;
  height: 3.6vh;
  max-height: 3.6vh;
  line-height: 3.6vh;
  text-align: center;
  border-right: 1px solid #cccccc;
}

.operation_location_head {
  float: left;
  display: block;
  min-width: 30vw;
  width: 30vw;
  max-width: 30vw;
  min-height: 3vh;
  height: 3vh;
  max-height: 3vh;
  line-height: 3vh;
  border-right: 1px solid #cccccc;
}

.operation_location {
  float: left;
  display: inline-block;
  white-space: nowrap;
  min-width: 30vw;
  width: 30vw;
  max-width: 30vw;
  min-height: 3.6vh;
  height: 3.6vh;
  max-height: 3.6vh;
  line-height: 3.6vh;
  text-align: center;
  border-right: 1px solid #cccccc;
}

.duration_head {
 float: left;
 display: block;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.duration {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.operation_edit_head {
 float: left;
 display: inline-block;
 white-space: nowrap;
 min-width: 12vw;
 width: 12vw;
 max-width: 12vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 padding-left: 0.25vw;
 border-right: 0px solid #cccccc;
}

.operation_edit {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 12vw;
 width: 12vw;
 max-width: 12vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 0px solid #cccccc;
}

.btn-ops {
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 3vh;
 cursor: pointer;
 border-radius: 0px;
}

.btn-ops:hover {
 display: inline-block;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 3vh;
 cursor: pointer;
 border-radius: 0px;
}

.operations-low {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(254,39,18,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-normal {
 margin-top: 0.5vh;
 background-color: #ffffff!important;
 border-top: 0.375vh solid rgba(255,165,0,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-hight {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(30,144,255,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-critical {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-5 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid #eeeeee;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-6 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.ors {
 display: block;
 margin-left: 1vw;
 min-width: 97vw;
 width: 97vw;
 max-width: 97vw;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 line-height: 8vh;
 background-color: #ffffff;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.ors_list {
 display: block;
 margin-left: 1vw;
 margin-top: 1vh;
 min-width: 97vw;
 width: 97vw;
 max-width: 97vw;
 white-space: nowrap;
 overflow: hidden;
 background-color: #ffffff;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.ors_list_column {
 float: left;
 line-height: 5vh;
 border-right: 1px solid #cccccc;
 padding-left: 2vw;
 padding-right: 2vw;
}

.ors_address {
 text-align: left;
 min-width: 40vw;
 width: 40vw;
 max-width: 40vw;
 white-space: nowrap;
 overflow: hidden;
}

.ors_state {
 color: #ffffff;
 font-weight: bold;
}

.ors_date {
 white-space: nowrap;
 overflow: hidden;
 margin-left: -87px;
}

.ors_end {
 border-right: 0px solid #cccccc!important;
}

.custom-tooltip {
   position: relative;
   cursor: default;
   display: block;
}

.tooltip-content {
  position: absolute;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 1);
  color: #000000;
  padding: 1vw;
  border-top: 0.75vh solid #0a253f;
  border-radius: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  white-space: pre-line;
  visibility: hidden;
  opacity: 0;
  font-size: 0.8vw;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  min-width: 16vw;
  width: 16vw;
  max-width: 16vw;
}

.custom-tooltip:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}

.default_tooltip {
 font-family: Verdana, sans-serif;
 font-size: 0.75vw!important;
 font-weight: normal;
}

.vehicleState_info {
 fonz-size: 1vw;
 font-family: Arial, Helvetica, sans-serif;
 text-transform: none;
 font-weight: normal;
}

.small {
 font-size: 0.6vw;
}

.small2 {
 font-size: 0.4vw;
}

.disposition_list_print {
 display: block;
 margin-left: 0.5vw;
 margin-top: 1vh;
 min-width: 98vw;
 width: 98vw;
 max-width: 98vw;
}

.operations-1 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(254,39,18,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-2 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(255,165,0,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-3 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(30,144,255,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-4 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-5 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid #eeeeee;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations-6 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.operations_print {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(153,153,153,1.0);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-1 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(178,34,34,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-2 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(255,165,0,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-3 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(138,43,226,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-4 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(30,144,255,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-4a {
 margin-top: 0.5vh;
 background-color: rgba(255,165,0,0.25);
 border-top: 0.375vh solid rgba(30,144,255,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-4b {
 margin-top: 0.5vh;
 background-color: rgba(138,43,226,0.25);
 border-top: 0.375vh solid rgba(30,144,255,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-4c {
 margin-top: 0.5vh;
 background-color: rgba(238,238,238,0.25);
 border-top: 0.375vh solid rgba(238,238,238,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-5 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(10,37,63,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karo-6 {
 margin-top: 0.5vh;
 background-color: #ffffff;
 border-top: 0.375vh solid rgba(238,238,238,0.5);
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.content_head {
 display: block;
 float: left;
 background-color: #505050;
 min-width: 47vw;
 width: 47vw;
 max-width: 47vw;
 margin-left: 1vw;
 margin-top: 1vh;
 padding: 1vh;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}

.content_head:hover {
 background-color: #707070;
}

.modules_content {
 font-size: 2vh;
 color: #ffffff;
 line-height: 4vh;
}

.content_block {
 display: block;
 float: left;
 background-color: #ffffff;
 min-width: 47vw;
 width: 47vw;
 max-width: 47vw;
 min-height: 8vh;
 height: 8vh;
 max-height: 8vh;
 margin-left: 1vw;
 padding: 1vh;
 text-align: left;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

#map-container {
 z-index: 1;
 position: fixed;
 left: 0.5vw;
 top: 9vh;
 float: left;
 min-width: 24vw;
 width: 24vw;
 max-width: 24vw;
 min-height: 30vh;
 height: 30vh;
 max-height: 30vh;
 border-radius: 0px;
 overflow: hidden;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.current_map {
 left: 0vw;
 z-index: 2;
 display: block;
 float: left;
 min-width: 24vw;
 width: 24vw;
 max-width: 24vw;
 min-height: 30vh;
 height: 30vh;
 max-height: 30vh;
 margin-top: 0vh;
 border: 0px solid #333333;
 border-radius: 0px;
 background-color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#current_map {
 width: 34vw;
 height: 100vh;
 margin: 0;
 padding: 0;
}

#map-container-large {
 z-index: 1;
 position: fixed;
 left: 0.5vw;
 top: 1vh;
 float: left;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 min-height: 97vh;
 height: 97vh;
 max-height: 97vh;
 border-radius: 0px;
 overflow: hidden;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.current_map_large {
 left: 0vw;
 z-index: 2;
 display: block;
 float: left;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
 min-height: 97vh;
 height: 97vh;
 max-height: 97vh;
 margin-top: 0vh;
 border: 0px solid #333333;
 border-radius: 0px;
 background-color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.custom-popup .leaflet-popup-content-wrapper {
   border-top: 0.75vh solid #0a253f;
   background: rgba(255, 255, 255, 1);
   color: rgba(0, 0, 0, 1);
   border-radius: 0px;
   padding-top: 0.5vw;
   padding-bottom: 0.5vw;
   padding-left: 0.25vw;
   padding-right: 0.25vw;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   text-align: left;
   white-space: pre-line;
   font-family: Verdana, sans-serif;
   font-size: 0.7vw!important;
   font-weight: normal;
}
.custom-popup .leaflet-popup-content {
   line-height: 1.5vw;
}
.custom-popup .leaflet-popup-tip-container {
}
.custom-popup .leaflet-popup-tip {
   background: rgba(255, 255, 255, 1);
}

.current_large_map a {
 color: #0a253f;
 text-shadow: 2px 2px 5px white;
}

#current_map_large {
 width: 100vw;
 height: 100vh;
 margin: 0;
 padding: 0;
}

.current_large_map_close {
 z-index: 200;
 position: fixed;
 right: 1vw;
 top: 2.5vh;
 font-size: 1.5vw;
}

.current_large_map_close a {
 color: #0a253f;
 text-shadow: 2px 2px 5px white;
}

.open_large_map {
 z-index: 200;
 position: fixed;
 left: 22vw;
 top: 11vh;
 font-size: 1.5vw;
}

.open_large_map a {
 color: #0a253f;
 text-shadow: 2px 2px 5px white;
}

.status {
 z-index: 10;
 position: fixed;
 left: 0.5vw;
 top: 40.5vh;
 float: right;
 display: block;
 min-width: 23vw;
 width: 23vw;
 max-width: 23vw;
 min-height: 56vh;
 height: 56vh;
 max-height: 56vh;
 margin-top: 0vh;
 margin-right: 1vw;
 padding: 1vh;
 border: 0px solid #333333;
 border-radius: 0px;
 background-color: #ffffff;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 text-align: left;
}

.status {
 z-index: 10;
 position: fixed;
 left: 0.5vw;
 top: 40.5vh;
 float: right;
 display: block;
 min-width: 23vw;
 width: 23vw;
 max-width: 23vw;
 min-height: 56vh;
 height: 56vh;
 max-height: 56vh;
 margin-top: 0vh;
 margin-right: 1vw;
 padding: 1vh;
 border: 0px solid #333333;
 border-radius: 0px;
 background-color: #ffffff;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 text-align: left;
}

.operational {
 float: left;
 display: inline-block;
 min-width: 21.75vw;
 width: 21.75vw;
 max-width: 21.75vw;
 min-height: 53vh;
 max-height: 53vh;
 background-color: rgba(212,226,236,0.25);
 margin-left: 0.2vw;
 margin-right: 0.3vw;
 margin-top: 0.25vh;
 margin-bottom: 0.25vh;
 padding: 0.5vw;
 border-radius: 0px;
}

.operational h3 {
 text-align: center;
 margin-top: 0.5vh;
}

.vehicle_type_1 {
 float: left;
 display: inline-block;
 min-width: 7.25vw;
 width: 7.25vw;
 max-width: 7.25vw;
 position: relative;
}

.vehicle_type_1 i {
  font-size: 0.7vw;
}

.vehicle_type_2-3 {
 float: left;
 display: inline-block;
 min-width: 7.25vw;
 width: 7.25vw;
 max-width: 7.25vw;
}

.vehicle_type_2-3 i {
  font-size: 0.7vw;
}

.vehicle_type_4 {
 float: left;
 display: inline-block;
 min-width: 7.25vw;
 width: 7.25vw;
 max-width: 7.25vw;
}

.vehicle_type_4 i {
  font-size: 0.7vw;
}

.stateBlock {
  display: inline-block;
  min-width: 6.75vw;
  width: 6.75vw;
  max-width: 6.75vw;
  margin-bottom: 0.5vh;
  border-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.vehicle_state_icon {
 display: inline-block;
 min-width: 1.75vw;
 width: 1.75vw;
 max-width: 1.75vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 text-align: center;
 color: #ffffff;
 line-height: 3vh;
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
}

.vehicle_state {
 display: inline-block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 text-align: center;
 line-height: 3vh;
 background-color: rgba(212,226,236,0.6);
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
}

.vehicle_state:hover {
 background-color: rgba(212,226,236,1);
}

.color-0 {
 color: #ffa500;
}

.color-1 {
 color: #006b3c;
}

.color-2 {
 color: #04AA6D;
}

.color-3 {
 color: #00b7eb;
}

.color-4 {
 color: #1E90FF;
}

.color-5 {
 color: #fdff00;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.color-6 {
 color: #B22222;
}

.color-7 {
 color: #000080;
}

.color-8 {
 color: #8A2BE2;
}

.color-9 {
 color: #cccccc;
}

.color-10 {
 color: #eeeeee;
}

.color-11 {
 color: #ffa500;
}

.color-12 {
 color: #fe2712;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

#color-1 {
 background-color: #006b3c;
}

#color-2 {
 background-color: #04AA6D;
}

#color-3 {
 background-color: #00b7eb;
}

#color-4 {
 background-color: #1E90FF;
}

#color-5 {
 background-color: #fdff00;
}

#color-6 {
 background-color: #B22222;
}

#color-7 {
 background-color: #000080;
}

#color-8 {
 background-color: #8A2BE2;
}

#color-9 {
 background-color: #cccccc;
}

#color-10 {
 background-color: rgba(10,37,63, 0.20);
}

#color-11 {
 background-color: #ffa500;
}

#color-12 {
 background-color: #fe2712;
}

#color-1b {
 background-color: #006b3c;
}

#color-2b {
 background-color: rgba(10,37,63, 0.50);
}

#color-3b {
 background-color: #00b7eb;
}

#color-4b {
 background-color: #1E90FF;
}

#color-5b {
 background-color: #fdff00;
}

#color-6b {
 background-color: rgba(178, 34, 34, 0.50);
}

#color-7b {
 background-color: #000080;
}

#color-8b {
 background-color: #8A2BE2;
}

#color-9b {
 background-color: #cccccc;
}

#color-10b {
 background-color: #eeeeee;
}

#color-11b {
 background-color: #ffa500;
}

#color-12b {
 background-color: #fe2712;
}

.background-color-0 {
 background-color: #ffa500;
}

.background-color-1 {
 background-color: #006b3c;
}

.background-color-2 {
 background-color: #04AA6D;
}

.background-color-3 {
 background-color: #00b7eb;
}

.background-color-4 {
 background-color: #1E90FF;
}

.background-color-5 {
 background-color: #fdff00;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.background-color-6 {
 background-color: #B22222;
}

.background-color-7 {
 background-color: #000080;
}

.background-color-8 {
 background-color: #8A2BE2;
}

.background-color-9 {
 background-color: #cccccc;
}

.background-color-10 {
 background-color: #eeeeee;
}

.background-color-11 {
 background-color: #ffa500;
}

.background-color-12 {
 background-color: #fe2712;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.inf_key {
  display: block;
  text-align: left;
  font-size: 1vw;
  min-width: 55vw;
  width: 50vw;
  max-width: 50vw;
  line-height: 5vh;
  padding: 1vw;
  margin: 0 auto;
  margin-top: 1vw;
  border: 0.5px solid #eeeeee;
}

.inf_bgcolor-1 {
  background-color: rgba(10,37,63, 0.05);
}

.inf_bgcolor-2 {
  background-color: rgba(253, 255, 0, 0.05);
}

.inf_bgcolor-3 {
  background-color: rgba(178, 34, 34, 0.05);
}

@keyframes blink-animation {
 to {
   visibility: hidden;
 }
}

@-webkit-keyframes blink-animation {
 to {
   visibility: hidden;
 }
}

.karo_status {
 z-index: 10;
 position: fixed;
 left: 0.5vw;
 top: 9vh;
 float: right;
 display: block;
 min-width: 98vw;
 width: 98vw;
 max-width: 98vw;
 min-height: 28vh;
 height: 28vh;
 max-height: 28vh;
 margin-top: 0vh;
 margin-right: 1vw;
 padding: 1vh;
 border: 0px solid #333333;
 border-radius: 0px;
 background-color: #ffffff;
 border-top: 0.75vh solid #0a253f;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 text-align: left;
}

.karo_leftinfo {
 float: left;
 display: inline-block;
 min-width: 25vw;
 width: 25vw;
 max-width: 25vw;
 min-height: 24vh;
 height: 24vh;
 max-height: 24vh;
 background-color: rgba(212,226,236,0.25);
 margin-left: 0.3vw;
 margin-right: 0.3vw;
 margin-top: 0.25vh;
 margin-bottom: 0.25vh;
 padding: 0.5vw;
 border-radius: 0px;
}

.karo_leftinfo h3 {
 text-align: center;
 margin-top: 0.5vh;
}

.karo_middleinfo {
 float: left;
 display: inline-block;
 min-width: 25vw;
 width: 25vw;
 max-width: 25vw;
 min-height: 24vh;
 height: 24vh;
 max-height: 24vh;
 background-color: rgba(212,226,236,0.25);
 margin-left: 0.3vw;
 margin-right: 0.3vw;
 margin-top: 0.25vh;
 margin-bottom: 0.25vh;
 padding: 0.5vw;
 border-radius: 0px;
}

.karo_middleinfo h3 {
 text-align: center;
 margin-top: 0.5vh;
}

.karo_rightinfo {
 float: left;
 display: inline-block;
 min-width: 25vw;
 width: 25vw;
 max-width: 25vw;
 min-height: 24vh;
 height: 24vh;
 max-height: 24vh;
 background-color: rgba(212,226,236,0.25);
 margin-left: 0.3vw;
 margin-right: 0.3vw;
 margin-top: 0.25vh;
 margin-bottom: 0.25vh;
 padding: 0.5vw;
 border-radius: 0px;
}

.karo_rightinfo h3 {
 text-align: center;
 margin-top: 0.5vh;
}

.chart {
 z-index: 100;
 position: absolute;
 left: 80vw;
 padding: 1vw;
}

.karo_leftinfo2 {
 float: left;
 display: inline-block;
 min-width: 30.75vw;
 width: 30.75vw;
 max-width: 30.75vw;
 min-height: 24vh;
 height: 24vh;
 max-height: 24vh;
 background-color: rgba(212,226,236,0.25);
 margin-left: 0.3vw;
 margin-right: 0.3vw;
 margin-top: 0.25vh;
 margin-bottom: 0.25vh;
 padding: 0.5vw;
 border-radius: 0px;
}

.karo_leftinfo2 h3 {
 text-align: center;
 margin-top: 0.5vh;
}

.karo_middleinfo2 {
 float: left;
 display: inline-block;
 min-width: 30.75vw;
 width: 30.75vw;
 max-width: 30.75vw;
 min-height: 24vh;
 height: 24vh;
 max-height: 24vh;
 background-color: rgba(212,226,236,0.25);
 margin-left: 0.3vw;
 margin-right: 0.3vw;
 margin-top: 0.25vh;
 margin-bottom: 0.25vh;
 padding: 0.5vw;
 border-radius: 0px;
}

.karo_middleinfo2 h3 {
 text-align: center;
 margin-top: 0.5vh;
}

.karo_rightinfo2 {
 float: left;
 display: inline-block;
 min-width: 30.75vw;
 width: 30.75vw;
 max-width: 30.75vw;
 min-height: 24vh;
 height: 24vh;
 max-height: 24vh;
 background-color: rgba(212,226,236,0.25);
 margin-left: 0.3vw;
 margin-right: 0.3vw;
 margin-top: 0.25vh;
 margin-bottom: 0.25vh;
 padding: 0.5vw;
 border-radius: 0px;
}

.karo_rightinfo2 h3 {
 text-align: center;
 margin-top: 0.5vh;
}

.karo_state_caption {
 font-size: 1vh;
 padding-top: 25vh;
}

.pie-container {
 display: flex;
 justify-content: space-around;
 align-items: center;
}
.pie {
 position: relative;
 width: 200px;
 height: 200px;
 border-radius: 50%;
 overflow: hidden;
 margin: 10px;
}
.slice {
 position: absolute;
 width: 100%;
 height: 100%;
 clip-path: polygon(50% 50%, 50% 100%, 0 100%);
}

.leaflet-div-icon {
 background: transparent !important;
 border: none !important;
 padding: 0;
 margin: 0;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
 background-color: #0a253f !important;
 color: #ffffff !important;
}

.leaflet-control-zoom-in a,
.leaflet-control-zoom-out a {
 color: #ffffff !important;
}

.leaflet-touch .leaflet-control-zoom-in:hover,
.leaflet-touch .leaflet-control-zoom-out:hover {
   background-color: #0a2564 !important;
   color: #ffffff !important;
   border-color: #ffffff;
}

.leaflet-control-attribution a {
 color: #000000 !important;
}

.leaflet-control-attribution a:hover {
 text-decoration: none !important;
 width: 0 !important;
 height: 0 !important;
}

.leaflet-attribution-flag {
 display: none !important;
}

.state_caption {
 position: absolute;
 bottom: 1vh;
 font-size: 1vh;
}

.change_reference {
 float: left;
 display: inline-block;
 background-color: #ffffff;
 min-width: 14vw;
 width: 14vw;
 max-width: 14vw;
 margin-left: 1vw;
 margin-top: 0.5vh;
}

.change_date {
 float: left;
 display: inline-block;
 background-color: #ffffff;
 min-width: 13vw;
 width: 13vw;
 max-width: 13vw;
 margin-left: 1vw;
 border-bottom: 2px solid #0a253f;
}

.change_date2 {
 float: left;
 display: inline-block;
 background-color: #ffffff;
 min-width: 94%;
 width: 94%;
 max-width: 94%;
 margin-left: 1vw;
 border-bottom: 2px solid #0a253f;
}

.change_vehicle {
 float: left;
 display: inline-block;
 background-color: #ffffff;
 min-width: 14vw;
 width: 14vw;
 max-width: 14vw;
 margin-left: 1vw;
 margin-top: 0.5vh;
 border-bottom: 2px solid #0a253f;
}

#display_ordertypes {
  min-width: 12.5vw;
  width: 12.5vw;
  max-width: 12.5vw;
}

#display_types {
  min-width: 12.5vw;
  width: 12.5vw;
  max-width: 12.5vw;
}

#display_status {
  min-width: 12.5vw;
  width: 12.5vw;
  max-width: 12.5vw;
}

#date1 {
  min-width: 11vw;
  width: 11vw;
  max-width: 11vw;
}

#date2 {
  min-width: 11vw;
  width: 11vw;
  max-width: 11vw;
}

.change_display {
 float: left;
 display: inline-block;
 background-color: #ffffff;
 min-width: 14vw;
 width: 14vw;
 max-width: 14vw;
 margin-left: 1vw;
 margin-top: 0.5vh;
 border-bottom: 2px solid #0a253f;
}

.change_toggle {
 float: left;
 display: inline-block;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 margin-left: 8vw;
 margin-top: 0.7vh;
 line-height: 3.2vh;
 border-bottom: 0px solid #0a253f;
}

.new_disposition {
 float: right;
 display: inline-block;
 margin-top: -1.5vh;
 margin-left: -2vw;
}

.new_operation {
 float: right;
 display: inline-block;
 margin-top: 0.5vh;
 margin-right: 0.5vw;
}

.new_state {
 float: right;
 display: inline-block;
 min-width: 12vw;
 width: 12vw;
 max-width: 12vw;
 margin-right: 1vw;
 margin-top: 0.5vh;
 border-bottom: 2px solid #0a253f;
}

.change_success {
 position: absolute;
 left: 42.5vw;
 top: -5vh;
 background-color: rgba(0, 150, 0, 0.25);
 min-width: 15vw;
 width: 15vw;
 max-width: 15vw;
 padding: 1vw;
 line-height: 1vw;
 border-radius: 0px;
 border-top: 2px solid #009600;
 color: #000000;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.change_error {
 position: absolute;
 left: 35vw;
 top: -5vh;
 background-color: rgba(255, 0, 0, 0.25);
 min-width: 30vw;
 width: 30vw;
 max-width: 30vw;
 padding: 1vw;
 line-height: 1vw;
 border-radius: 0px;
 border-top: 2px solid #ff0000;
 color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.content-row {

}

.content-row_print {

}

.inf_number {
  display: block;
  float: left;
  min-width: 2vw;
  width: 2vw;
  max-width: 2vw;
  padding: 0.25vw;
  border-top: 0.5px solid #eeeeee;
}

.inf_name {
  display: block;
  float: left;
  min-width: 8vw;
  width: 8vw;
  max-width: 8vw;
  text-align: left;
  padding: 0.25vw;
  border-top: 0.5px solid #eeeeee;
}

.inf_description {
  display: block;
  float: left;
  min-width: 44vw;
  width: 44vw;
  max-width: 44vw;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  padding: 0.25vw;
  border-top: 0.5px solid #eeeeee;
}

.inf_measures {
  display: block;
  float: left;
  min-width: 20vw;
  width: 20vw;
  max-width: 20vw;
  text-align: left;
  padding: 0.25vw;
  border-top: 0.5px solid #eeeeee;
}

.inf_edit {
  display: block;
  float: left;
  min-width: 3vw;
  width: 3vw;
  max-width: 3vw;
  padding: 0.25vw;
  border-top: 0.5px solid #eeeeee;
}

.inf_number2 {
  display: block;
  float: left;
  min-width: 2vw;
  width: 2vw;
  max-width: 2vw;
  min-height: 12vh;
  height: 12vh;
  max-height: 12vh;
  padding: 0.25vw;
  border-bottom: 0.5px solid #eeeeee;
  border-right: 0.5px solid #eeeeee;
}

.inf_name2 {
  display: block;
  float: left;
  min-width: 10vw;
  width: 10vw;
  max-width: 10vw;
  min-height: 12vh;
  height: 12vh;
  max-height: 12vh;
  text-align: left;
  padding: 0.25vw;
  border-bottom: 0.5px solid #eeeeee;
  border-right: 0.5px solid #eeeeee;
}

.inf_description2 {
  display: block;
  float: left;
  min-width: 52vw;
  width: 52vw;
  max-width: 52vw;
  min-height: 12vh;
  height: 12vh;
  max-height: 12vh;
  text-align: justify;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  padding: 0.25vw;
  border-bottom: 0.5px solid #eeeeee;
  border-right: 0.5px solid #eeeeee;
}

.inf_exposureTime2 {
  display: block;
  float: left;
  min-width: 3vw;
  width: 3vw;
  max-width: 3vw;
  min-height: 12vh;
  height: 12vh;
  max-height: 12vh;
  padding: 0.25vw;
  border-top: 0.5px solid #eeeeee;
}

.inf_rapidDisinfection2 {
  display: block;
  float: left;
  min-width: 3vw;
  width: 3vw;
  max-width: 3vw;
  min-height: 12vh;
  height: 12vh;
  max-height: 12vh;
  padding: 0.25vw;
  border-top: 0.5px solid #eeeeee;
}

.inf_measures2 {
  display: block;
  float: left;
  min-width: 25vw;
  width: 25vw;
  max-width: 25vw;
  min-height: 12vh;
  height: 12vh;
  max-height: 12vh;
  text-align: left;
  padding: 0.25vw;
  border-bottom: 0.5px solid #eeeeee;
  border-right: 0.5px solid #eeeeee;
}

.inf_head {
  min-height: 2vh;
  height: 2vh;
  max-height: 2vh;
}

.highlight {
 background-color: rgba(212,226,236,0.5) !important;
 border-radius: 0px;
}

.status1_color {
 background-color: rgba(255, 128, 0, 0.03);
 color: rgba(0, 0, 0, 1.00);
}

.status2_color {
 background-color: rgba(255, 255, 0, 0.03);
 color: rgba(0, 0, 0, 1.00);
}

.status3_color {
 background-color: rgba(0, 255, 0, 0.03);
 color: rgba(0, 0, 0, 1.00);
}

.status4_color {
 background-color: rgba(0, 255, 0, 0.03);
 color: rgba(0, 0, 0, 0.25);
}

.status5_color {
 background-color: rgba(255, 0, 0, 0.03);
 color: rgba(0, 0, 0, 0.25);
}

.status6_color {
 background-color: rgba(30, 144, 255, 0.03);
 color: rgba(0, 0, 0, 1.00);
}

.status7_color {
 background-color: rgba(138, 43, 226, 0.03);
 color: rgba(0, 0, 0, 1.00);
}

.status8_color {
 background-color: rgba(255, 0, 0, 0.03);
 color: rgba(0, 0, 0, 1.00);
}

.badge1 {
 display: inline-block;
 border-radius: 0px;
 background-color: #3278ad;
 color: #ffffff;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
}

.badge2 {
 display: inline-block;
 border-radius: 0px;
 background-color: #c51a22;
 color: #ffffff;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
}

.badge3 {
 display: inline-block;
 border-radius: 0px;
 background-color: #c51a22;
 color: #ffffff;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
}

.badge4 {
 display: inline-block;
 border-radius: 0px;
 background-color: #f9ae00;
 color: #ffffff;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
}

.addwindow .btn {
 display: inline-block;
 min-width: 15vw;
 width: 15vw;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 4vh;
 cursor: pointer;
 border-radius: 0px;
}

.addwindow .btn:hover {
 display: inline-block;
 min-width: 15vw;
 width: 15vw;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 4vh;
 cursor: pointer;
 border-radius: 0px;
}

.editwindow .btn {
 display: inline-block;
 min-width: 15vw;
 width: 15vw;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 4vh;
 cursor: pointer;
 border-radius: 0px;
}

.editwindow .btn:hover {
 display: inline-block;
 min-width: 15vw;
 width: 15vw;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 4vh;
 cursor: pointer;
 border-radius: 0px;
}

.savebtn {
  position: absolute;
  top: 7px;
  right: 36px;
  background-color: #ffffff;
  color: #0a253f;
  border: none;
  font-size: 1.5vw;
  text-decoration: none;
  cursor: pointer;
}

.savebtn:hover {
  background-color: none;
  color: #0a253f;
  border: none;
  font-size: 1.5vw;
  text-decoration: none;
  cursor: pointer;
}

.savebtn2 {
  position: absolute;
  top: 1px;
  right: 15px;
  background-color: #ffffff;
  color: #0a253f;
  border: none;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

.savebtn2:hover {
  background-color: none;
  color: #0a253f;
  border: none;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

.hospitalisation .btn {
  display: inline-block;
  color: #0a2564;
  border: none;
  text-decoration: none;
  cursor: pointer;
}

.hospitalisation .btn:hover {
 display: inline-block;
 min-width: 22vw;
 width: 22vw;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 3vh;
 margin-top: 0.5vh;
 cursor: pointer;
 border-radius: 0px;
}

.btn {
 display: inline-block;
 min-width: 10vw;
 width: 10vw;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 3vh;
 cursor: pointer;
 border-radius: 0px;
}

.btn:hover {
 display: inline-block;
 min-width: 10vw;
 width: 10vw;
 padding-left: 1vw;
 padding-right: 1vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 3vh;
 cursor: pointer;
 border-radius: 0px;
}

.startStopBtn {
  display: inline-block;
  min-width: 6vw;
  width: 6vw;
  max-width: 6vw;
  min-height: 6vw;
  height: 6vw;
  max-height: 6vw;
  background-color: #0a253f;
  border: none;
  color: white;
  text-decoration: none;
  line-height: 2vh;
  font-size: 2vw;
  cursor: pointer;
  border-radius: 50%;
}

.startStopBtn:hover {
 background-color: #0a2564;
}

.timestat_name {
  float: left;
  display: inline-block;
  min-width: 50%;
  width: 50%;
  max-width: 50%;
  border-right: 0.1vw solid #eeeeee;
  border-bottom: 0.1vw solid #eeeeee;
  padding: 0.5vw;
}

form.timestat_range-form {
  margin-bottom: 20px;
}

form.timestat_range-form button {
  padding: 6px 12px;
  margin-right: 10px;
  border: 1px solid #aaa;
  background: #eee;
  border-radius: 4px;
  cursor: pointer;
}

form.timestat_range-form .active {
  background: #0a253f;
  color: white;
}

.timestat_table {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.timestat_row {
  display: flex;
  padding: 8px 4px;
  border-bottom: 1px solid #ccc;
}

.timestat_header {
  font-weight: bold;
  background: #f0f0f0;
}

.timestat_cell-name {
  flex: 2;
}

.timestat_cell {
  flex: 1;
  text-align: center;
}

.fa-circle-xmark {
 position: absolute;
 top: 1vh;
 right: 1vw;
 display: inline-block;
 background-color: none;
 border: none;
 font-size: 1.5vw;
 text-decoration: none;
 cursor: pointer;
}

.fa-circle-xmark:hover {
 display: inline-block;
 background-color: none;
 color: #0a2564;
 border: none;
 font-size: 1.5vw;
 text-decoration: none;
 cursor: pointer;
}

.xmark2 {
 position: absolute;
 top: 3px;
 right: 5px;
 display: inline-block;
 background-color: none;
 border: none;
 font-size: 14px;
 text-decoration: none;
 cursor: pointer;
}

.xmark2:hover {
 display: inline-block;
 background-color: none;
 color: #0a2564;
 border: none;
 font-size: 14px;
 text-decoration: none;
 cursor: pointer;
}

fieldset {
 border: 1px solid #cccccc;
 min-width: 50%;
 max-width: 100%;
 border-radius: 0px;
}

.approval {
  min-height: 14.5vh;
  height: 14.5vh;
  max-height: 14.5vh;
}

.files {
  min-height: 27.5vh;
  height: 27.5vh;
  max-height: 27.5vh;
}

.legend-icon {
  position: absolute;
  bottom: 1vh;
  right: 1vw;
  cursor: pointer;
}

.legend-icon2 {
  position: relative;
  top: 0vh;
  left: 0vw;
  cursor: pointer;
}

.th_type {
  min-width: 12vw;
  width: 12vw;
  max-width: 12vw;
}

.th_uploader {
  min-width: 13vw;
  width: 13vw;
  max-width: 13vw;
}

.th_datetime {
  min-width: 13vw;
  width: 13vw;
  max-width: 13vw;
}

.th_type2 {
  min-width: 25vw;
  width: 25vw;
  max-width: 25vw;
}

.th_uploader2 {
  min-width: 25vw;
  width: 25vw;
  max-width: 25vw;
}

.th_datetime2 {
  min-width: 25vw;
  width: 25vw;
  max-width: 25vw;
}

.originator {
 min-height: 13vh;
}

.payer {
 min-height: 13vh;
}

.payer2 {
 min-height: 19vh;
}

.invoice {
 min-height: 13vh;
}

.files {
 min-height: 13vh;
}

.fieldsetleft {
 float: left;
 width: 50%;
}

.fieldsetright {
 float: right;
 width: 50%;
}

.fakturafieldsetleft {
 float: left;
 width: 40%;
}

.fakturafieldsetright {
 float: right;
 width: 30%;
}

.toggle_originator {
 float: left;
 width: 30%;
}

.fieldOriginator {
 min-height: 6.25vh;
}

.fieldsetleft_toggle {
 float: left;
 width: 33%;
}

.fieldsetmiddle_toggle {
 float: left;
 width: 4%;
 margin-top: 2vh;
 font-size: 2vw;
 color: #0a253f;
}

.fieldsetright_toggle {
 float: right;
 width: 33%;
}

.fieldsetleft_s {
 float: left;
 width: 47%;
}

.fieldsetmiddle_s {
 float: left;
 width: 6%;
 margin-top: 6vh;
 font-size: 2vw;
 color: #0a253f;
}

.fieldsetmiddle_s2 {
 float: left;
 width: 6%;
 margin-top: 2vh;
 font-size: 2vw;
 color: #0a253f;
}

.fieldsetright_s {
 float: right;
 width: 47%;
}

.inputfield {
 display: inline-block;
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
 font-size: 1.25vw;
}

.fieldOriginator {
  min-height: 7vh;
  height: 7vh;
  max-height: 7vh;
  overflow-x: hidden;
}

.fieldOriginator::-webkit-scrollbar {
    width: 0.1vw;
}

.fieldOriginator::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.fieldOriginator::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.fieldOriginator::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.fieldStartlocation {
  min-height: 7vh;
  height: 7vh;
  max-height: 7vh;
  overflow-x: hidden;
}

.fieldStartlocation::-webkit-scrollbar {
    width: 0.1vw;
}

.fieldStartlocation::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.fieldStartlocation::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.fieldStartlocation::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.fieldDestination {
  min-height: 7vh;
  height: 7vh;
  max-height: 7vh;
  overflow-x: hidden;
}

.fieldDestination::-webkit-scrollbar {
    width: 0.1vw;
}

.fieldDestination::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.fieldDestination::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.fieldDestination::-webkit-scrollbar-thumb:hover {
    background: #555;
}

input[type=text] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

input[type=text]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

input:hover {
 position: relative;
}

.username input[type=text] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

.username input[type=text]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

input[type=password] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

input[type=password]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

input[aria-label]:hover:after {
 content: attr(aria-label);
 padding: 10px;
 position: absolute;
 left: 10;
 top: 100%;
 white-space: nowrap;
 z-index: 20px;
 background-color: #0a253f;
}

.costs .smallerfield {
 width: 20%;
}

.smallerfield {
 width: 25%;
}

.smallfield2 {
 width: 33%;
}

.smallfield {
 width: 50%;
}

.largefield {
 width: 75%;
}

.largerfield {
 width: 100%;
}

.special_features_field {
 min-width: 100%;
 width: 100%;
 max-width: 100%;
}

.special_features {
 min-height: 16.5vh;
}

.special_features.no-empty-fix:empty::before {
 content: none;
}

#special_features {
 min-height: 16.6vh;
}

.special_features2 {
 min-height: 11.3vh;
}

#special_features2 {
 min-height: 11.4vh;
}

.toggle_special_features {
 text-align: left;
}

#toggle_special_features {
 flex: 1;
}

.special_btn {
 min-width: 96%;
 width: 96%;
 max-width: 96%;
}

.addwindow input[type=date] {
 padding: 1vh 0.5vw;
 box-sizing: border-box;
 vertical-align: middle;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
 font-size: 0.6vw;
 line-height: 0.8vw;
 height: 3.5vh;
}

.addwindow input[type=date]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

.editwindow input[type=date] {
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 padding: 0.75vh 1vw;
}

.editwindow input[type=date]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

.newcustomer input[type=date] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

.newcustomer input[type=date]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

.list input[type=date] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 0px solid #0a253f !important;
}

.list input[type=date]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

.changedate {
  min-width: 14vw;
  width: 14vw;
  max-width: 14vw;
  padding: 1vh 1vw;
  box-sizing: border-box;
  border: none;
  border-bottom: 0px solid #0a253f !important;
  text-align: cennter;
}

.changedate:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

.changedatebtn {
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  border-radius: 0px;
  border: 0;
  background-color: #0a253f;
  color: #ffffff;
}

.addhospitalisation input[type=date] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

.addhospitalisation input[type=date]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

input[type=time] {
  padding: 1vh 0.5vw;
 box-sizing: border-box;
 vertical-align: middle;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 font-size: 0.6vw;
 line-height: 0.8vw;
 height: 3.5vh;
}

input[type=datetime-local] {
  padding: 1vh 0.5vw;
 box-sizing: border-box;
 vertical-align: middle;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 font-size: 0.6vw;
 line-height: 0.8vw;
 height: 3.5vh;
}

.timesmall {
  padding: 1vh 0.5vw;
 box-sizing: border-box;
 vertical-align: middle;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 font-size: 3vw!important;
 line-height: 12.5vw!important;
 height: 12.5vh!important;
}

.timesmall2 {
 padding: 1vh 0.5vw;
 box-sizing: border-box;
 vertical-align: middle;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 font-size: 1vw!important;
 line-height: 3.75vw!important;
 height: 3.75vh!important;
}


input[type=time]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

input[type=tel] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

input[type=tel]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

input[type=email] {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

input[type=email]:focus {
 outline: none;
 border: none;
 border-bottom: 2px solid #0a253f;
}

input[type="file"]{
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: -1px;
  left: 0;
  width: 0.1px;
  height: 0.1px;
  user-select: none;
}

label[for="files"]{
  display: inline-block;
  min-width: 25vw!important;
  width: 25vw!important;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 4vh;
  padding-bottom: 4vh;
  background-color: #0a253f;
  border: none;
  color: white;
  text-decoration: none;
  font-size: 3vw;
  line-height: 3vh;
  cursor: pointer;
  border-radius: 0px;
}

label[for="files"]:hover{
  display: inline-block;
  min-width: 25vw!important;
  width: 25vw!important;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 4vh;
  padding-bottom: 4vh;
  background-color: #0a2564;
  border: none;
  color: white;
  text-decoration: none;
  font-size: 3vw;
  line-height: 3vh;
  cursor: pointer;
  border-radius: 0px;
}

.send_btn {
 display: inline-block;
 min-width: 25vw!important;
 width: 25vw!important;
 padding-left: 1vw;
 padding-right: 1vw;
 padding-top: 3vh;
 padding-bottom: 3vh;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 font-size: 3vw;
 line-height: 3vh;
 cursor: pointer;
 border-radius: 0px;
}

.send_btn:hover {
 display: inline-block;
 min-width: 25vw!important;
 width: 25vw!important;
 padding-left: 1vw;
 padding-right: 1vw;
 padding-top: 3vh;
 padding-bottom: 3vh;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 font-size: 3vw;
 line-height: 3vh;
 cursor: pointer;
 border-radius: 0px;
}

.addwindow select {
 padding: 1vh 0.5vw;
 vertical-align: middle;
 border: none;
 outline: none;
 border-radius: 0px;
 background-color: #ffffff;
 border-bottom: 2px solid #0a253f;
 -webkit-appearance: none;
 -moz-appearance: none;
 text-indent: 1px;
 text-overflow: '';
 font-size: 0.6vw;
 line-height: 0.8vw;
 height: 3.5vh;
}

select[multiple] {
  min-width: 5vw;
  padding: 1vh 1vw;
  border: none;
  border-radius: 0px;
  background-color: #ffffff;
  outline: none;
  border-bottom: 2px solid #0a253f;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

select[multiple] option {
  padding: 1vh 1vw;
  margin: 2px 0;
}

select[multiple] option:checked {
  background-color: #e0e0e0;
}

.editwindow select {
 padding: 1vh 1vw;
 border: none;
 border-radius: 0px;
 background-color: #ffffff;
 outline: none;
 border-bottom: 2px solid #0a253f;
 -webkit-appearance: none;
 -moz-appearance: none;
 text-indent: 1px;
 text-overflow: '';
}

.list, select {
 padding: 1vh 1vw;
 border: none;
 border-radius: 0px;
 background-color: #ffffff;
 outline: none;
 border-bottom: 0px solid #0a253f;
 -webkit-appearance: none;
 -moz-appearance: none;
 text-indent: 1px;
 text-overflow: '';
}

.newcustomer select {
 padding: 1vh 1vw;
 border: none;
 border-radius: 0px;
 background-color: #ffffff;
 outline: none;
 border-bottom: 2px solid #0a253f;
 -webkit-appearance: none;
 -moz-appearance: none;
 text-indent: 1px;
 text-overflow: '';
}

.addhospitalisation select {
 padding: 1vh 1vw;
 border: none;
 border-radius: 0px;
 background-color: #ffffff;
 outline: none;
 border-bottom: 2px solid #0a253f;
 -webkit-appearance: none;
 -moz-appearance: none;
 text-indent: 1px;
 text-overflow: '';
}

textarea {
 padding: 1vh 1vw;
 box-sizing: border-box;
 border: none;
 border-bottom: 2px solid #0a253f;
 border-radius: 0px;
}

textarea:focus {
 outline: none;
 border: none;
 overflow: auto;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 resize: none;
 border-bottom: 2px solid #0a253f;
}

input[type=submit] {
 display: inline-block;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 background-color: #0a253f;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 2.8vh;
 cursor: pointer;
}

input[type=submit]:hover {
 display: inline-block;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 background-color: #0a2564;
 border: none;
 color: white;
 text-decoration: none;
 line-height: 2.8vh;
 cursor: pointer;
}

.vehicletype_head {
 float: left;
 display: block;
 min-width: 1vw;
 width: 1vw;
 max-width: 1vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 0px solid #cccccc;
}

.operations_number_head {
 float: left;
 display: block;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 padding-right: 0.5vw;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.operation_type_head {
 float: left;
 display: block;
 min-width: 7vw;
 width: 7vw;
 max-width: 7vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.vehicle_head {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.scheduled_time_head {
 float: left;
 display: block;
 min-width: 3vw;
 width: 3vw;
 max-width: 3vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.name_head {
 float: left;
 display: block;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.location_head {
 float: left;
 display: block;
 min-width: 19vw;
 width: 19vw;
 max-width: 19vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.target_head {
 float: left;
 display: block;
 min-width: 19vw;
 width: 19vw;
 max-width: 19vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.scheduled_end_time_head {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.edit_head {
 float: left;
 display: inline-block;
 white-space: nowrap;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 padding-left: 0.25vw;
 border-right: 0px solid #cccccc;
}

.vehicletype {
  float: left;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  min-width: 1vw;
  width: 1vw;
  max-width: 1vw;
  min-height: 3.6vh;
  height: 3.6vh;
  max-height: 3.6vh;
  border-right: 1px solid #cccccc;
  box-sizing: border-box;
}

.vehicletype span {
  position: absolute;
  left: 0;
  top: 0;
  height: 1vw;
  width: 3.6vh;
  transform-origin: 0 0;
  transform: rotate(-90deg) translateX(-100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.6vw;
  text-transform: uppercase;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.vehicletype .background-color-0 {
 background-color: #ffa500;
}

.vehicletype .background-color-1 {
 background-color: rgba(0, 107, 60, 0.4);
}

.vehicletype .background-color-2 {
 background-color: rgba(10,37,63, 0.4);
}

.vehicletype .background-color-3 {
 background-color: rgba(0, 183, 235, 0.4);
}

.vehicletype .background-color-4 {
 background-color: rgba(30, 144, 255, 0.4);
}

.vehicletype .background-color-5 {
 background-color: #fdff00;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.vehicletype .background-color-6 {
 background-color: #B22222;
}

.vehicletype .background-color-7 {
 background-color: #000080;
}

.vehicletype .background-color-8 {
 background-color: #8A2BE2;
}

.vehicletype .background-color-9 {
 background-color: #cccccc;
}

.vehicletype .background-color-10 {
 background-color: #eeeeee;
}

.vehicletype .background-color-11 {
 background-color: rgba(255, 165, 0, 0.4);
}

.vehicletype .background-color-12 {
 background-color: #fe2712;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.vehicletype2 {
  float: left;
  position: relative;
  left: -1vw;
  top: -3.6vh;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  min-width: 1vw;
  width: 1vw;
  max-width: 1vw;
  min-height: 50vh;
  height: 50vh;
  max-height: 50vh;
  margin-bottom: -5.5vh;
  border-right: 1px solid #cccccc;
  box-sizing: border-box;
}

.vehicletype2 span {
  position: absolute;
  left: 0;
  top: 0;
  height: 1vw;
  width: 50vh;
  transform-origin: 0 0;
  transform: rotate(-90deg) translateX(-100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.6vw;
  text-transform: uppercase;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.vehicletype2 .background-color-0 {
 background-color: #ffa500;
}

.vehicletype2 .background-color-1 {
 background-color: rgba(0, 107, 60, 1);
}

.vehicletype2 .background-color-2 {
 background-color: rgba(10,37,63, 1);
}

.vehicletype2 .background-color-3 {
 background-color: rgba(0, 183, 235, 1);
}

.vehicletype2 .background-color-4 {
 background-color: rgba(30, 144, 255, 1);
}

.vehicletype2 .background-color-5 {
 background-color: #fdff00;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.vehicletype2 .background-color-6 {
 background-color: #B22222;
}

.vehicletype2 .background-color-7 {
 background-color: #000080;
}

.vehicletype2 .background-color-8 {
 background-color: #8A2BE2;
}

.vehicletype2 .background-color-9 {
 background-color: #cccccc;
}

.vehicletype2 .background-color-10 {
 background-color: #eeeeee;
}

.vehicletype2 .background-color-11 {
 background-color: rgba(255, 165, 0, 1);
}

.vehicletype2 .background-color-12 {
 background-color: #fe2712;
 animation: blink-animation 1s steps(5, start) infinite;
 -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.operations_number {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: right;
 padding-right: 0.5vw;
 border-right: 1px solid #cccccc;
}

.operation_type {
 float: left;
 display: inline-block;
 white-space: nowrap;
 min-width: 7vw;
 width: 7vw;
 max-width: 7vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.vehicle_proposal {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.scheduled_time {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 3vw;
 width: 3vw;
 max-width: 3vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.name {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 11vw;
 width: 11vw;
 max-width: 11vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.location {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 19vw;
 width: 19vw;
 max-width: 19vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 1.8vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.target {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 19vw;
 width: 19vw;
 max-width: 19vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 1.8vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.scheduled_end_time {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.edit {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 0px solid #cccccc;
}

.edit .action_btn_main {
 line-height: 3.6vh;
 font-size: 3vh;
}

.special_icon {
 display: block;
 min-width: 5.5vw;
 width: 5.5vw;
 max-width: 5.5vw;
 line-height: 3vh;
 font-size: 0.75vw;
 color: #ffffff;
 border-radius: 0px;
 margin-top: 0.25vh;
 margin-bottom: -0.75vh;
 margin-left: 1vw;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.special_icon2 {
 display: inline-block;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 font-size: 0.75vw;
 color: #ffffff;
 border-radius: 0px;
 padding-top: 0.25vw;
 padding-bottom: 0.25vw;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.special_icon_bg {
  background-color: rgba(10,37,63, 0.50);
}

.special_icon_bg2 {
  background-color: #ff0000;
}

.special_icon_bg3 {
  background-color: #cccccc;
}

.hint {
  font-size: 0.75vw;
  color: #888888;
}

.karo_number_head {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.karo_reference_head {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_date_head {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_name_head {
 float: left;
 display: block;
 min-width: 13vw;
 width: 13vw;
 max-width: 13vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_location_head {
 float: left;
 display: block;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_target_head {
 float: left;
 display: block;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_costcenter_head {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_invoiceamount_head {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_reminder_head {
 float: left;
 display: block;
 min-width: 7vw;
 width: 7vw;
 max-width: 7vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_billingamount_head {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_edit_head {
 float: left;
 display: inline-block;
 white-space: nowrap;
 min-width: 9vw;
 width: 9vw;
 max-width: 9vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

.karo_number {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_reference {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_date {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_name {
 float: left;
 display: block;
 min-width: 13vw;
 width: 13vw;
 max-width: 13vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.karo_location {
 float: left;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.karo_target {
 float: left;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.karo_costcenter {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_invoiceamount {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_reminder {
 float: left;
 display: block;
 min-width: 7vw;
 width: 7vw;
 max-width: 7vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_billingamount {
 float: left;
 display: block;
 min-width: 5vw;
 width: 5vw;
 max-width: 5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.karo_edit {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3.6vh;
 height: 3.6vh;
 max-height: 3.6vh;
 line-height: 3.6vh;
 text-align: center;
 border-right: 0px solid #cccccc;
}

.karo_edit .action_btn_main {
 line-height: 3.6vh;
 font-size: 3vh;
}

.operations_number_head_print {
 float: left;
 display: block;
 min-width: 1.5vw;
 width: 1.5vw;
 max-width: 1.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.operation_type_head_print {
 float: left;
 display: block;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.scheduled_time_head_print {
 float: left;
 display: block;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.scheduled_end_time_head_print {
 float: left;
 display: block;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.name_head_print {
 float: left;
 display: block;
 min-width: 16vw;
 width: 16vw;
 max-width: 16vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.location_head_print {
 float: left;
 display: block;
 min-width: 27.5vw;
 width: 27.5vw;
 max-width: 27.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.target_head_print {
 float: left;
 display: block;
 min-width: 27.5vw;
 width: 27.5vw;
 max-width: 27.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 0px solid #cccccc;
}

.vehicle_head_print {
 float: left;
 display: block;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.operations_number_print {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 1.5vw;
 width: 1.5vw;
 max-width: 1.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: right;
 padding-right: 0.5vw;
 border-right: 1px solid #cccccc;
}

.operation_type_print {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.scheduled_time_print {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 4vw;
 width: 4vw;
 max-width: 4vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.scheduled_end_time_print {
 float: left;
 display: block;
 min-width: 2vw;
 width: 2vw;
 max-width: 2vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 border-right: 1px solid #cccccc;
}

.name_print {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 16vw;
 width: 16vw;
 max-width: 16vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.location_print {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 27.5vw;
 width: 27.5vw;
 max-width: 27.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 1px solid #cccccc;
}

.target_print {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 27.5vw;
 width: 27.5vw;
 max-width: 27.5vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: left;
 border-right: 0px solid #cccccc;
}

.vehicle_proposal_print {
 float: left;
 display: inline-block;
 white-space: nowrap;
 overflow: hidden;
 min-width: 8vw;
 width: 8vw;
 max-width: 8vw;
 min-height: 3vh;
 height: 3vh;
 max-height: 3vh;
 line-height: 3vh;
 text-align: center;
 border-right: 1px solid #cccccc;
}

.karo_list {
 display: block;
 position: absolute;
 left: 0.5vw;
 top: 48.75vh;
 min-width: 99vw;
 width: 99vw;
 max-width: 99vw;
}

.empty_operations {
 display: block;
 font-size: 3vh;
 line-height: 12vh;
 margin-top: 8vh;
 background-color: #ffffff;
 border-top: 0.25vh solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.empty_operations2 {
 display: block;
 font-size: 3vh;
 line-height: 12vh;
 margin-top: 8vh;
}

.operation_successful {
 position: fixed;
 top: 50%;
 left: 50%;
 min-width: 50vw;
 transform: translate(-50%, -50%);
 padding: 2vh;
 background-color: #ffffff;
 border-top: 0.75vh solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 z-index: 10000;
}

.operation_successful2 {
 z-index: 105;
 display: block;
 position: fixed;
 top: 5.5vh;
 left: 40vw;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 color: #ff000;
 text-align: center;
}

.operation_not_successful {
 z-index: 105;
 display: block;
 position: fixed;
 top: 1.5vh;
 left: 40vw;
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 color: #ff000;
 text-align: center;
}

.toggle_left {
 float: left;
 min-width: 12.5vw;
 width: 12.5vw;
 max-width: 12.5vw;
}

.toggle_right {
 float: left;
 min-width: 58vw;
 width: 58vw;
 max-width: 58vw;
}

.toggle_admin {
 float: left;
 min-width: 0.75vw;
 width: 0.75vw;
 max-width: 0.75vw;
}

.toggle_otypes {
 display: block;
 line-height: 4vh;
 min-width: 10vw;
 width: 10vw;
 max-width: 10vw;
 color: #ffffff;
 background-color: #0a253f;
 margin-bottom: 1vh;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.blurred-background {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 backdrop-filter: blur(5px);
 background-color: rgba(0, 0, 0, 0.5);
 z-index: 9999;
 display: none;
}

.blurred-background1 {
 z-index: 103;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 backdrop-filter: blur(5px);
 background-color: rgba(0, 0, 0, 0.5);
 z-index: 9999;
 display: block;
}

.blurred-background2 {
 z-index: 500;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 backdrop-filter: blur(5px);
 background-color: rgba(0, 0, 0, 0.5);
 z-index: 9999;
 display: block;
}

.disabled {
 pointer-events: none;
 cursor: default;
 color: rgba(0,0,0, 0.5);
}

disabled {
 pointer-events: none;
 cursor: default;
 color: rgba(0,0,0, 0.5);
}

.layer {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 min-width: 50vw;
 transform: translate(-50%, -50%);
 padding: 2vh;
 background-color: #fff;
 border-top: 0.75vh solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 z-index: 10000;
}

.layer h2 {
 margin-top: -1vh;
}

.addwindow {
}

.addwindow h2 {
 margin-top: -0.5vh;
}

.scrollable-container {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(83vh - 1px);
}

.scrollable-container::-webkit-scrollbar {
    width: 0.1vw;
}

.scrollable-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-container::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-infections {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(85vh - 1px);
}

.scrollable-infections::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-infections::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-infections::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-infections::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-status {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 0.1vw;
  min-height: 48vh;
  height: 48vh;
  max-height: 48vh;
  position: relative;
}

.scrollable-status::-webkit-scrollbar {
    width: 0.1vw;
}

.scrollable-status::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-status::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-status::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-faktura {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(51vh - 1px);
}

.scrollable-faktura::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-faktura::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-faktura::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-faktura::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-efaktura {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(71vh - 1px);
}

.scrollable-efaktura::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-efaktura::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-efaktura::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-efaktura::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-customer {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: -0.25vh;
  margin-bottom: -2vh;
  padding-right: 0.5vw;
  min-height: calc(81vh - 1px);
  height: calc(81vh - 1px);
  max-height: calc(81vh - 1px);
}

.scrollable-customer::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-customer::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-customer::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-customer::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-notes {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: -0.25vh;
  margin-bottom: -2vh;
  padding-right: 0.5vw;
  min-height: calc(70vh - 1px);
  height: calc(70vh - 1px);
  max-height: calc(70vh - 1px);
}

.scrollable-notes::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-notes::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-notes::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-notes::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-rn {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: -0.25vh;
  margin-bottom: -2vh;
  padding-right: 0.5vw;
  min-height: calc(92vh - 1px);
  height: calc(92vh - 1px);
  max-height: calc(92vh - 1px);
}

.scrollable-rn::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-rn::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-rn::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-rn::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-staff {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: -0.25vh;
  margin-bottom: -2vh;
  padding-right: 0.5vw;
  min-height: calc(81.5vh - 1px);
  height: calc(81.5vh - 1px);
  max-height: calc(81.5vh - 1px);
}

.scrollable-staff::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-staff::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-staff::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-staff::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-profile {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(92vh - 1px);
}

.scrollable-profile::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-profile::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-profile::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-profile::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-statistics {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(81vh - 1px);
}

.scrollable-statistics::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-statistics::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-statistics::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-statistics::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.vehicle_list {
 z-index: 80;
 display: block;
 position: absolute;
 overflow: hidden;
 left: 0.5vw;
 top: 8vh;
 background-color: #ffffff;
 min-width: 97vw;
 width: 97vw;
 max-width: 97vw;
 padding: 1vw;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-top: 0.75vh solid rgba(10,37,63, 1);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.scrollable-vehicle {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: -0.25vh;
  margin-bottom: -2vh;
  padding-right: 0.5vw;
  min-height: calc(81vh - 1px);
  height: calc(83vh - 1px);
  max-height: calc(81vh - 1px);
}

.scrollable-vehicle::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-vehicle::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-vehicle::-webkit-scrollbar-thumb {
    background: #598db5;
}

.scrollable-vehicle::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-user {
  flex-grow: 1;
  overflow-y: auto;
  margin-top: -0.25vh;
  margin-bottom: -2vh;
  padding-right: 0.5vw;
  min-height: calc(81vh - 1px);
  height: calc(81vh - 1px);
  max-height: calc(81vh - 1px);
}

.scrollable-user::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-user::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-user::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-user::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-pcustomer {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(85vh - 1px);
}

.scrollable-pcustomer::-webkit-scrollbar {
    width: 0.25vw;
}

.scrollable-pcustomer::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-pcustomer::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-pcustomer::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.editwindow {
 display: block;
 position: fixed;
 top: 50%;
 left: 50%;
 min-width: 90vw;
 transform: translate(-50%, -50%);
 padding: 2vh;
 background-color: #fff;
 border-top: 8px solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 z-index: 100;
}

.editwindow h2 {
 margin-top: -1vh;
}

.newcustomer {
 display: block;
 position: fixed;
 top: 50%;
 left: 50%;
 min-width: 90vw;
 transform: translate(-50%, -50%);
 padding: 2vh;
 background-color: #fff;
 border-top: 8px solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 z-index: 100;
}

.newcustomer h2 {
 margin-top: -1vh;
}

.addhospitalisation {
 display: block;
 position: fixed;
 top: 50%;
 left: 50%;
 min-width: 90vw;
 transform: translate(-50%, -50%);
 padding: 2vh;
 background-color: #fff;
 border-top: 8px solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 z-index: 100;
}

.addhospitalisation h2 {
 margin-top: -1vh;
}

.dispatched {
 display: block;
 position: fixed;
 top: 50%;
 left: 50%;
 min-width: 75vw;
 transform: translate(-50%, -50%);
 padding: 2vh;
 background-color: #fff;
 border-top: 5px solid #0a253f;
 border-radius: 0px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 z-index: 10000;
}

.dispatched h2 {
 margin-top: -1vh;
}

.newdispositionformleft {
 float: left;
 width: 10vw;
 line-height: 3vh;
 font-size: 1vh;
 text-align: left;
}

.newdispositionformright {
 float: right;
 min-width: 14vw;
 line-height: 3vh;
 font-size: 1vh;
 text-align: left;
}

.footer {
 display: inline-block;
 font-size: 1vh;
 margin: 0 auto;
}

.publicFooter {
 position: absolute;
 bottom: 1vh;
 left: 45vw;
 color: #ffffff;
}

label {
  line-height: 1.8vh!important;
}

.ccbox {
 display: inline-block;
 position: relative;
 padding-left: 1.75vh;
 margin-top: 1vh;
 margin-bottom: 1vh;
 cursor: pointer;
 font-size: 0.9vh;
 line-height: 1.8vh;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.originator2 .ccbox {
 display: inline-block;
 position: relative;
 padding-left: 6vh;
 margin-top: 1vh;
 margin-bottom: 1vh;
 cursor: pointer;
 font-size: 5vh;
 line-height: 5vh;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.engagement_type2 .ccbox {
 display: inline-block;
 position: relative;
 padding-left: 6vh;
 margin-top: 1vh;
 margin-bottom: 1vh;
 cursor: pointer;
 font-size: 6vh;
 line-height: 6vh;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.engagement_time2 .ccbox {
 display: inline-block;
 position: relative;
 padding-left: 6vh;
 margin-top: 1vh;
 margin-bottom: 1vh;
 cursor: pointer;
 font-size: 6vh;
 line-height: 6vh;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.engagement_features2 .ccbox {
 display: inline-block;
 position: relative;
 padding-left: 6vh;
 margin-top: 1vh;
 margin-bottom: 1vh;
 cursor: pointer;
 font-size: 6vh;
 line-height: 6vh;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.customers .ccbox {
 display: inline-block;
 position: relative;
 padding-left: 1.75vh;
 margin-bottom: 1vh;
 cursor: pointer;
 font-size: 0.8vw;
 line-height: 1vw;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.ccbox input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
}

.ccbox .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 1.5vh;
 width: 1.5vh;
 background-color: #cccccc;
}

.originator2 .ccbox .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 5vh;
 width: 5vh;
 background-color: #cccccc;
}

.engagement_type2 .ccbox .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 5vh;
 width: 5vh;
 background-color: #cccccc;
}

.engagement_time2 .ccbox .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 5vh;
 width: 5vh;
 background-color: #cccccc;
}

.engagement_features2 .ccbox .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 5vh;
 width: 5vh;
 background-color: #cccccc;
}

.customers .ccbox .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 1vw;
 width: 1vw;
 background-color: #cccccc;
}

.ccbox:hover input ~ .checkmark {
 background-color: #cccccc;
}

.ccbox input:checked ~ .checkmark {
 background-color: #0a253f;
}

.ccbox .checkmark:after {
 content: "";
 position: absolute;
 display: none;
}

.ccbox input:checked ~ .checkmark:after {
 display: block;
}

.ccbox .checkmark:after {
 left: 0.5vh;
 top: 0.25vh;
 width: 0.2vh;
 height: 0.6vh;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.originator2 .ccbox .checkmark:after {
 left: 0.75vh;
 top: 0.5vh;
 width: 1.5vh;
 height: 1.5vh;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.engagement_type2 .ccbox .checkmark:after {
 left: 0.75vh;
 top: 0.5vh;
 width: 1.5vh;
 height: 1.5vh;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.engagement_time2 .ccbox .checkmark:after {
 left: 0.75vh;
 top: 0.5vh;
 width: 1.5vh;
 height: 1.5vh;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.engagement_features2 .ccbox .checkmark:after {
 left: 0.75vh;
 top: 0.5vh;
 width: 1.5vh;
 height: 1.5vh;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.overlay .ccbox .checkmark:after {
 left: 0.5vh;
 top: 0.25vh;
 width: 0.2vh;
 height: 0.6vh;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.customers .ccbox .checkmark:after {
 left: 0.33vw;
 top: 0.3vh;
 width: 0.2vw;
 height: 0.6vh;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.crb {
 display: inline-block;
 position: relative;
 padding-left: 1.5vh;
 padding-right: 0.5vh;
 margin-bottom: 1vh;
 cursor: pointer;
 font-size: 0.8vw;
 line-height: 1vw;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.crb input {
 position: absolute;
 opacity: 0;
 cursor: pointer;
 height: 0;
 width: 0;
}

.crb .checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 1vw;
}

.features {
  text-align: left;
}

#loader {
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: 1;
 width: 120px;
 height: 120px;
 margin: -76px 0 0 -76px;
 border: 16px solid #cccccc;
 border-radius: 50%;
 border-top: 16px solid #0a253f;
 -webkit-animation: spin 2s linear infinite;
 animation: spin 2s linear infinite;
}

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

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

/* Add animation to "page content" */
.animate-bottom {
 position: relative;
 -webkit-animation-name: animatebottom;
 -webkit-animation-duration: 1s;
 animation-name: animatebottom;
 animation-duration: 1s
}

@-webkit-keyframes animatebottom {
 from { bottom:-100px; opacity:0 }
 to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
 from{ bottom:-100px; opacity:0 }
 to{ bottom:0; opacity:1 }
}

#myDiv {
 display: none;
 text-align: center;
}

.loginContent {
 margin-top: -2vh;
 min-height: 102vh;
 height: 102vh;
 max-height: 102vh;
 min-width: 100%;
 width: 100%;
 max-width: 100%;
 overflow: hidden;
 --s: 50px;
 --c: #191b22;
 --_s: calc(2*var(--s)) calc(2*var(--s));
 --_g: 35.36% 35.36% at;
 --_c: #0000 66%,#20222a 68% 70%,#0000 72%;
 background:
   radial-gradient(var(--_g) 100% 25%,var(--_c)) var(--s) var(--s)/var(--_s),
   radial-gradient(var(--_g) 0 75%,var(--_c)) var(--s) var(--s)/var(--_s),
   radial-gradient(var(--_g) 100% 25%,var(--_c)) 0 0/var(--_s),
   radial-gradient(var(--_g) 0 75%,var(--_c)) 0 0/var(--_s),
   repeating-conic-gradient(var(--c) 0 25%,#0000 0 50%) 0 0/var(--_s),
   radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s) var(--c);
 background-attachment: fixed;
}

.loginContent h2 {
 position: absolute;
 right: 8vw;
 top: 30vh;
 color: #ffffff;
 font-size: 5vw;
 text-transform: uppercase;
}

.login {
 position: absolute;
 left: 8vw;
 top: 35vh;
 background-color: rgba(0, 0, 0, 0.15);
 min-width: 20vw;
 width: 20vw;
 max-width: 20vw;
 min-height: 17vh;
 padding-bottom: 1vh;
 border-radius: 0px;
 border-top: 2px solid #ff0000;
 color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.loginerror {
 position: absolute;
 left: 36vw;
 top: 10vh;
 background-color: rgba(255, 0, 0, 0.15);
 min-width: 28vw;
 width: 28vw;
 max-width: 28vw;
 padding: 1vw;
 line-height: 1vw;
 border-radius: 0px;
 border-top: 2px solid #ff0000;
 color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.karoDateerror {
 z-index: 99999;
 position: absolute;
 left: 30vw;
 top: 1vh;
 background-color: rgba(255, 0, 0, 0.15);
 min-width: 40vw;
 width: 40vw;
 max-width: 40vw;
 line-height: 3vw;
 font-size: 2vw;
 border-radius: 0px;
 border-top: 2px solid #ff0000;
 color: #ffffff;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.no_current_gps {
 z-index: 1000;
 display: inline-block;
 position: relative;
 top: -22.25vh;
 left: -15.5vw;
 z-index: 102;
 background-color: rgba(255, 0, 0, 0.5);
 color: #ffffff;
 font-weight: bold;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 padding-top: 1vh;
 padding-bottom: 1vh;
 margin-bottom: -1.5vh;
 border-radius: 0px;
 border-top: 2px solid #ff0000;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.no_current_gps_large {
 z-index: 1000;
 display: inline-block;
 position: relative;
 top: -88vh;
 left: -47.65vw;
 z-index: 102;
 background-color: rgba(255, 0, 0, 0.5);
 color: #ffffff;
 font-weight: bold;
 padding-left: 0.5vw;
 padding-right: 0.5vw;
 padding-top: 1vh;
 padding-bottom: 1vh;
 margin-bottom: -1.5vh;
 border-radius: 0px;
 border-top: 2px solid #ff0000;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.release_notes {
 display: block;
 text-align: left;
 padding-left: 1vw;
}

#overlay {
    position: fixed;
    top: 9vh;
    left: -24vw;
    min-width: 24vw;
    width: 24vw;
    maxwidth: 24vw;
    min-height: 90vh;
    height: 90vh;
    max-height: 90vh;
    background-color: #ffffff;
    border-top: 8px solid #0a253f;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    transition: left 0.3s ease-in-out;
    z-index: 10;
    padding: 0.5vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

#overlay.active {
    left: 0.5vw;
}

#closeButton {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#openOverlay {
    margin: 20px;
}

.stats-container {
  min-width: 15vw;
  width: 15vw;
  max-width: 15vw;
  margin: 0 auto;
  padding: 0px;
}

.stats-box {
  background: #f5f5f5;
  border-radius: 0px;
  padding: 1vw;
  margin-bottom: 2vh;
  line-height: 2vw;
}

.stats-box h4 {
  margin-top: -1vh;
  margin-bottom: -1vh;
}

.chart-container {
  width: 25vw;
  margin: 0 auto;
}

.chart-small {
  width: 16vw;
  margin: 0 auto;
  margin-top: -5vh;
}

.smallLegend {
  display: block;
  min-width: 18vw;
  width: 18vw;
  max-width: 18vw;
  margin-left: 1.5vw;
}

.smallLegend legend {
  font-size: 0.55vw;
}

.access_denied {
  display: block;
  min-width: 50vw;
  width: 50vw;
  max-width: 50vw;
  margin-left: 25vw;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.modal-content {
    position: relative;
    background-color: #fff;
    width: 80%;
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    border-top: 0.75vh solid #0a253f;
    border-radius: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.staff-content {
    position: relative;
    background-color: #fff;
    width: 80%;
    max-width: 60vw;
    margin: 50px auto;
    padding: 20px;
    border-top: 0.75vh solid #0a253f;
    border-radius: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.timekeeping-content {
    position: relative;
    background-color: #fff;
    min-width: 30vw;
    width: 30vw;
    max-width: 30vw;
    margin: 50px auto;
    padding: 1vw;
    border-top: 0.75vh solid #0a253f;
    border-radius: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.workTime {
  font-size: 5vw;
  font-weight: bold;
}

.timeBtns {
  display: block;
  min-width: 16vw;
  width: 16vw;
  max-width: 16vw;
  margin: 5vh auto;
}

.timeBtns-left {
  display: inline-block;
  float: left;
  min-width: 8vw;
  width: 8vw;
  max-width: 8vw;
}

.timeBtns-right {
  display: inline-block;
  float: right;
  min-width: 8vw;
  width: 8vw;
  max-width: 8vw;
}

.close-modal {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 24px;
}

.add-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.add-content {
    position: relative;
    background-color: #fff;
    width: 80%;
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    border-top: 0.75vh solid #0a253f;
    border-radius: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.close-add {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 24px;
}

.birthday {
  background-color: rgba(255, 255, 0, 0.25);
}

#gia_interface {
  z-index: 100;
  position: fixed;
  bottom: 0.5vw;
  right: 2.5vw;
  width: 2vw;
  height: 2vw;
  background-color: #0a253f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 0.9vw;
}

#gia_interface a {
  color: #ffffff;
}

.gia-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 100;
}

.gia-content {
    position: fixed;
    right: 3vw;
    bottom: 2vw;
    background-color: #fff;
    min-width: 30vw;
    width: 30vw;
    max-width: 30vw;
    min-height: 25vh;
    height: 25vh;
    max-height: 25vh;
    padding: 0vw;
    border-top: 0.75vh solid #0a253f;
    border-left: 0.25px solid #cccccc;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    display: block;
}

.scrollable-gia {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(650px - 1px);
}

.scrollable-gia::-webkit-scrollbar {
    width: 0.1vw;
}

.scrollable-gia::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-gia::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-gia::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.close-gia {
    position: absolute;
    right: 0.25vw;
    top: 0vw;
    cursor: pointer;
    font-size: 1.25vw;
}

#matrix-notify {
  z-index: 100;
  position: fixed;
  bottom: 0.5vw;
  right: 0.5vw;
  width: 2vw;
  height: 2vw;
  background-color: #0a253f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 0.9vw;
}

#matrix-notify a {
  color: #ffffff;
}

#matrix-badge {
    position: absolute;
    top: -0.5vw;
    right: -0.5vw;
    background-color: red;
    color: white;
    font-size: 0.5vw;
    font-weight: bold;
    border-radius: 50%;
    width: 1.25vw;
    height: 1.25vw;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}

.matrix-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 100;
}

.matrix-content {
    position: fixed;
    right: 2vw;
    bottom: 2vw;
    background-color: #fff;
    min-width: 40vw;
    width: 40vw;
    max-width: 40vw;
    min-height: 650px;
    height: 650px;
    max-height: 650px;
    padding: 0vw;
    border-top: 0.75vh solid #0a253f;
    border-left: 0.25px solid #cccccc;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    display: block;
}

.scrollable-matrix {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(650px - 1px);
}

.scrollable-matrix::-webkit-scrollbar {
    width: 0.1vw;
}

.scrollable-matrix::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-matrix::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-matrix::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.close-matrix {
    position: absolute;
    right: 0.25vw;
    top: 0vw;
    cursor: pointer;
    font-size: 1.25vw;
}

.room-list {
  margin-bottom: 20px;
}

.room {
  cursor: pointer; padding: 10px; border: 1px solid #ccc; margin: 5px 0;
}

.message {
  margin-bottom: 5px; padding: 5px; background-color: #f5f5f5;
}

.send-message {
  margin-top: 20px;
}

.xlink {
 display: inline-block;
 min-width: 0.87vw;
 width: 0.87vw;
 max-width: 0.87vw;
 min-height: 0.87vw;
 height: 0.87vw;
 max-height: 0.87vw;
 background-color: #000000;
 border-radius: 0.17vw;
 color: #ffffff;
 line-height: 0.87vw;
 font-size: 0.5vw;
 margin-bottom: 0.25vw;
}

#changedatetime {
  text-align: center;
}

#changeuser {
  text-align: center;
}

#changes {
  text-align: left;
}

.table-container {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.table-header {
    display: grid;
    grid-template-columns: 20% 20% 60%;
    background-color: #eeeeee;
    font-weight: bold;
    border: 1px solid #eeeeee;
}

.table-row {
    display: grid;
    grid-template-columns: 20% 20% 60%;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.table-cell {
    padding: 12px;
    border-right: 1px solid #eeeeee;
}

/* Vertikale Zentrierung für Spalte 1 und 2 */
.table-row .table-cell:nth-child(1),
.table-row .table-cell:nth-child(2) {
    display: flex;
    align-items: center;
}

.table-cell:last-child {
    border-right: none;
}

.table-row:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* Optional: Hover-Effekt für die Zeilen */
.table-row:hover {
    background-color: #eeeeee;
}

.arrows {
  float: left;
  display: block;
  line-height: 5vh;
  margin-left: 1vw;
  color: #0a253f;
  text-align: center;
}

#karo_triggerButton {
  float: left;
  margin-left: 1vw;
  margin-top: 1vh;
  display: inline-block;
  padding-left: 1vw;
  padding-right: 1vw;
  background-color: #0a253f;
  border: none;
  color: white;
  text-decoration: none;
  line-height: 3vh;
  cursor: pointer;
  border-radius: 0px;
  margin-bottom: 0px;
}

#karo_triggerButton:hover {
    background-color: #0a2564;
}

/* Der seitliche Overlay */
.karo_side-overlay {
    z-index: 20;
    position: fixed;
    right: -120vw;
    top: 9vh;
    float: right;
    display: block;
    min-width: 98vw;
    width: 98vw;
    max-width: 98vw;
    min-height: 28vh;
    height: 28vh;
    max-height: 28vh;
    margin-top: 0vh;
    margin-right: 1vw;
    padding: 1vh;
    border: 0px solid #333333;
    border-radius: 0px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: right 0.3s ease;
    border-top: 0.75vh solid #0a253f;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    text-align: left;
}

.karo_side-overlay.active {
    right: -0.5vw;
}

.karo_close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

.karo_overlay-content {
    margin-top: 0px;
}

#notes_btn {
    color: white;
    border: none;
    z-index: 200;
    position: fixed;
    bottom: 0.5vw;
    right: 73vw;
    width: 2vw;
    height: 2vw;
    background-color: #0a253f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    color: white;
    font-size: 0.9vw;
}

#notes_btn2 {
    color: white;
    border: none;
    z-index: 160;
    position: fixed;
    bottom: 0.5vw;
    left: 0.5vw;
    width: 2vw;
    height: 2vw;
    background-color: #0a253f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    color: white;
    font-size: 0.9vw;
}

#notes_btn:hover {
    background-color: #0a2564;
}

#notes_btn2:hover {
    background-color: #0a2564;
}

/* Der seitliche Overlay */
.notes-overlay {
    height: 85.5vh;
    width: 72.5vw;
    position: fixed;
    margin: 0 auto;
    top: 9vh;
    right: -120vw;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    overflow-x: hidden;
    transition: right 0.3s ease;
    z-index: 100;
    border-radius: 0px;
    border-top: 0.75vh solid #0a253f;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
}

.notes-overlay.active {
    right: 0.5vw;
}

.notes-overlay2 {
    height: 86vh;
    width: 97vw;
    position: fixed;
    top: 9vh;
    right: -120vw;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    overflow-x: hidden;
    transition: right 0.3s ease;
    z-index: 100;
    border-radius: 0px;
    border-top: 0.75vh solid #0a253f;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
}

.notes-overlay2.active {
    right: 0.5vw;
}

.notes_close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

.notes_overlay-content {
    margin-top: 30px;
}

iframe {
    flex: 1; /* Nimmt den gesamten verfügbaren Platz im Flex-Container ein */
    position: relative; /* Für absolute Positionierung des iframes */
    width: 100%;
    min-height: 0; /* Wichtig für Flexbox, um Überlaufen zu verhindern */
}

/* iframe selbst füllt seinen Container vollständig aus */
.full-height-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Entfernt Rahmen */
    display: block; /* Wichtig für korrekte Darstellung */
}

.loading {
    color: #666;
    font-style: italic;
}
.distance-loading {
    color: #999;
    font-size: 0.9em;
}
.error {
    color: #d32f2f;
}

.modal {
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 0.75vh solid #0a253f;
  border-radius: 0px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.modal.hidden {
  display: none;
}

.modal-content {
  background: white;
  padding: 2rem;
  border-radius: 0px;
  width: 90%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  border-top: 0.75vh solid #0a253f;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.modal-close {
  position: absolute;
  top: 1rem; right: 1rem;
  font-size: 2rem;
  cursor: pointer;
}

.no-entries {
  font-style: italic;
  color: var(--text-muted);
  margin-top: 2rem;
  text-align: center;
}

.dashboard-header {
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 20px;
}

.dashboard-header h1 {
    color: #2c3e50;
    font-size: 2.2em;
    margin-top: -2vh;
    margin-bottom: 1vh;
}

.dashboard-header-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.dashboard-user-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.status-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 25px;
    font-weight: 600;
}

.status-operational {
    background: linear-gradient(45deg, #27ae60, #2ecc71);
    color: white;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 0px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 5px solid #3498db;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.card.critical {
    border-top-color: #e74c3c;
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(255, 255, 255, 0.95));
}

.card.warning {
    border-top-color: #f39c12;
    background: linear-gradient(135deg, rgba(243, 156, 18, 0.1), rgba(255, 255, 255, 0.95));
}

.card.success {
    border-top-color: #27ae60;
    background: linear-gradient(135deg, rgba(39, 174, 96, 0.1), rgba(255, 255, 255, 0.95));
}

.card-header {
    display: flex;
    justify-content: between;
    align-items: center;
    margin-bottom: 15px;
}

.card-title {
    font-size: 1.3em;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 5px;
}

.card-value {
    font-size: 2.5em;
    font-weight: 800;
    margin: 10px 0;
}

.card-subtitle {
    color: #7f8c8d;
    font-size: 0.9em;
    margin-bottom: 15px;
}

.metric-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ecf0f1;
}

.metric-item:last-child {
    border-bottom: none;
}

.metric-label {
    font-weight: 600;
    color: #34495e;
}

.metric-value {
    font-weight: 700;
    font-size: 1.1em;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-critical {
    background: #e74c3c;
    color: white;
}

.badge-warning {
    background: #f39c12;
    color: white;
}

.badge-success {
    background: #27ae60;
    color: white;
}

.badge-info {
    background: #3498db;
    color: white;
}

.progress-bar {
    background: #ecf0f1;
    border-radius: 10px;
    height: 8px;
    margin: 10px 0;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    border-radius: 10px;
    transition: width 0.3s ease;
}

.progress-success {
    background: linear-gradient(90deg, #27ae60, #2ecc71);
}

.progress-warning {
    background: linear-gradient(90deg, #f39c12, #e67e22);
}

.progress-critical {
    background: linear-gradient(90deg, #e74c3c, #c0392b);
}

.quick-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.action-btn {
    background: linear-gradient(45deg, #3498db, #2980b9);
    color: white;
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);
}

.btn.emergency {
    background: linear-gradient(45deg, #e74c3c, #c0392b);
}

.btn.emergency:hover {
    box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);
}

.last-updated {
    text-align: center;
    color: #7f8c8d;
    font-size: 0.9em;
    margin-top: 20px;
}

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .dashboard-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-header-info {
        flex-direction: column;
        align-items: flex-start;
    }
}

.membership_feesHeader {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #000000;
    padding: 2rem;
    text-align: center;
}

.membership_feesHeader h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.5rem;
}

.main-container {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 0px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    margin: 20px;
    border-top: 0.75vh solid #0a253f;
    overflow: hidden;
}

.content-area {
    padding: 2rem;
}

.stats-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card {
    background: white;
    border-radius: 0px;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 5px solid;
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.stat-card.donations { border-left-color: var(--success-color); }
.stat-card.fees { border-left-color: var(--info-color); }
.stat-card.open { border-left-color: var(--warning-color); }
.stat-card.total { border-left-color: var(--primary-color); }

.controls-bar {
    background: white;
    border-radius: 0px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    border-top: 0.75vh solid #0a253f;
    align-items: center;
}

.btn-custom {
    border-radius: 1vw;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
}

.btn-primary-custom {
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
    color: white;
}

.btn-primary-custom:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(52, 152, 219, 0.3);
}

.btn-success-custom {
    background: linear-gradient(135deg, var(--success-color), #229954);
    color: white;
}

.table-container {
    background: white;
    border-radius: 0px;
    overflow: hidden;
    border-top: 0.75vh solid #0a253f;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.table {
    margin: 0;
}

.table thead {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #000000;
}

.table tbody tr {
    transition: background-color 0.3s ease;
}

.table tbody tr:hover {
    background-color: rgba(52, 152, 219, 0.1);
}

.table_type {
  min-width: 4vw!important;
  width: 4vw!important;
  max-width: 4vw!important;
  border-right: 1px solid #dee2e6;
}

.table_individual {
  min-width: 12vw!important;
  width: 12vw!important;
  max-width: 12vw!important;
  border-right: 1px solid #dee2e6;
}

.table_amount {
  min-width: 5vw!important;
  width: 5vw!important;
  max-width: 5vw!important;
  border-right: 1px solid #dee2e6;
}

.table_duedate {
  min-width: 3vw!important;
  width: 3vw!important;
  max-width: 3vw!important;
  border-right: 1px solid #dee2e6;
}

.table_paymentdate {
  min-width: 3vw!important;
  width: 3vw!important;
  max-width: 3vw!important;
  border-right: 1px solid #dee2e6;
}

.table_paymentmethod {
  min-width: 5vw!important;
  width: 5vw!important;
  max-width: 5vw!important;
  border-right: 1px solid #dee2e6;
}

.table_status {
  min-width: 8vw!important;
  width: 8vw!important;
  max-width: 8vw!important;
  border-right: 1px solid #dee2e6;
}

.table_action {
  min-width: 6vw!important;
  width: 6vw!important;
  max-width: 6vw!important;
}

.table_btDate {
  min-width: 3vw!important;
  width: 3vw!important;
  max-width: 3vw!important;
  border-right: 1px solid #dee2e6;
}

.table_btAmount {
  min-width: 3vw!important;
  width: 3vw!important;
  max-width: 3vw!important;
  border-right: 1px solid #dee2e6;
}

.table_btType {
  min-width: 3vw!important;
  width: 3vw!important;
  max-width: 3vw!important;
  border-right: 1px solid #dee2e6;
}

.table_btOriginator {
  min-width: 10vw!important;
  width: 10vw!important;
  max-width: 10vw!important;
  border-right: 1px solid #dee2e6;
}

.table_btDescription {
  min-width: 10vw!important;
  width: 10vw!important;
  max-width: 10vw!important;
  border-right: 1px solid #dee2e6;
}

.table_btIban {
  min-width: 10vw!important;
  width: 10vw!important;
  max-width: 10vw!important;
  border-right: 1px solid #dee2e6;
}

.table_btReference {
  min-width: 5vw!important;
  width: 5vw!important;
  max-width: 5vw!important;
  border-right: 1px solid #dee2e6;
}

.badge-donation {
    background: linear-gradient(135deg, var(--success-color), #229954);
    color: red;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
}

.badge-fee {
    background: linear-gradient(135deg, var(--info-color), #138496);
    color: green;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
}

.status-badge {
  display: block;
  padding: 0.3rem 0.8rem;
  border-radius: 1vw;
  font-size: 0.75rem;
  font-weight: 500;
  min-width: 9vw;
  width: 9vw;
  max-width: 9vw;
}

.status-payment_pending { background: #fff3cd; color: #856404; }
.status-paid { background: #d4edda; color: #155724; }
.status-overdue { background: #f8d7da; color: #721c24; }

.modal-content {
    border-radius: 0px;
    border: none;
    border-top: 0.75vh solid #0a253f;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.modal-header {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #000000;
    border-radius: 0px 0px 0 0;
}

.modal-form {
  min-width: 16.5vw!important;
  width: 16.5vw!important;
  max-width: 16.5vw!important;
}

.modal-form2 {
  min-width: 15.25vw!important;
  width: 15.25vw!important;
  max-width: 15.25vw!important;
}

.modal-form3 {
  min-width: 35vw!important;
  width: 35vw!important;
  max-width: 35vw!important;
}

.form-label {
    display: block;
    margin-bottom: 0.5vh;
    font-weight: 500;
    text-align: left!important;
}

.form-control, .form-select {
  min-width: 10vw;
  width: 10vw;
  max-width: 10vw;
  border-radius: 0px;
  border: 2px solid #e9ecef;
  transition: border-color 0.3s ease;
}

.form-control:focus, .form-select:focus {
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.action-buttons {
    display: flex;
    gap: 0.5rem;
}

.btn-sm-custom {
    padding: 0.25rem 0.8rem;
    border-radius: 0vw!important;
    font-size: 0.8rem;
    min-width: 2vw;
    width: 2vw;
    max-width: 2vw;
}

.btn-sm-custom:hover {
    padding: 0.25rem 0.8rem;
    border-radius: 0vw!important;
    font-size: 0.8rem;
    min-width: 2vw;
    width: 2vw;
    max-width: 2vw;
}

@media (max-width: 768px) {
    .controls-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .table-responsive {
        font-size: 0.8rem;
    }

    .action-buttons {
        flex-direction: column;
    }
}

.receipt-container {
    max-height: 70vh;
    overflow-y: auto;
}

.amount-highlight {
    font-weight: bold;
    color: var(--success-color);
}

.scrollable-membership_fees {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(46vh - 1px)!important;
}

.scrollable-membership_fees::-webkit-scrollbar {
    width: 0.1vw;
}

.scrollable-membership_fees::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-membership_fees::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-membership_fees::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scrollable-transactions {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25vw;
  max-height: calc(46vh - 1px)!important;
}

.scrollable-transactions::-webkit-scrollbar {
    width: 0.1vw;
}

.scrollable-transactions::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-transactions::-webkit-scrollbar-thumb {
    background: #0a253f;
}

.scrollable-transactions::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.balance-box {
  text-align: right;
  min-width: 15vw;
  padding-top: 0.25vh;
  padding-bottom: 0.25vh;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}