:root {
    --border-color: rgba(0, 20, 20, 0.1);
    --border-radius: 8px;
    --category-color: rgba(0, 63, 106, 0.8); /*dark blue*/
    --sub-category-color: silver;
    --color-error: rgb(173, 23, 23); /*dark red*/
    --color-today: rgb(68,157,68); /*soft green*/
    --color-weekend: rgb(255, 207, 64); /*gold*/
    --color-holiday: rgb(14, 199, 227); /*cyan*/

    --color-company: rgb(0, 63, 106);
    --overlay-width: 450px;
    --overlay-max-width: 95vw;
    --overlay-height: 650px;
    --overlay-max-height: 75vh;
    --overlay-header-height: 60px;
    --edit-header-width: 160px;
    --overlay-header-max-height: 75px;
    --color-post-header: #e7e7e7;
}

.color-company{
    background-color: var(--color-company);
    color: white;
}

.left-edit-header-width {
    width: calc( 100% - var(--edit-header-width) - 8px);
}

.mud-expand-panel.mud-panel-expanded {
  margin: 0px;
}

.loading-content{
    top:10% !important;
}

.mud-expand-panel-content {
  padding: 0px !important;
}

.mud-appbar {
  background-color: var(--color-company)
}

.mudtoolbar-colored {
  padding: 0px 10px 0px 24px;
  margin-top: 10px;
  color: white;
  border-radius: 10px;
  box-shadow: rgb(128, 128, 128, 0.3) 5px 5px 10px;
}

.bold {
  font-weight: bold
}

.underline {
  text-decoration: underline;
}

.cursive {
  font-style: italic;
}

.light-text {
  color: #b4b4b4;
}

.mud-list-subheader{
    padding-top:20px;
}

.mud-expand-panel{
    box-shadow: rgb(128, 128, 128, 0.3) 5px 5px 10px
}

.registration-edit-div .mud-expand-panel .mud-expand-panel-header {
  padding: 0px 0px 8px 0px;
  min-height: 29px;  
}

.editpanel-fixed .mud-expand-panel-header {
    padding : 0px !important;
    min-height: 0px !important;
}

.registration-wrapper-panel {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 2rem 1rem 0rem 1rem;
}

    .registration-wrapper-panel .mud-input-control {
        margin: 0px;
    }

.mud-button-align-text{
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 2px;
}

.registration-origin-div{
    border-radius: 10px;
}

.registration-origin-div .mud-expand-panel .mud-expand-panel-header {
  padding: 0px 7px 0px 0px;
  min-height: 50px;
}

.schedule-overview .mud-expand-panel .mud-expand-panel-header:not(.overview-hours) {
  padding: 0px;
  border-radius: 8px;
}

.grid-container > .mud-icon-button {
  padding: 0px 0px 0px 12px !important;
}

.div-expansion-padding .grid-container .mud-icon-button {
  padding: 10px 0px 0px 0px;
}

.mud-timepicker-ampm {
  visibility: collapse;
  width: 0px;
}

.switch-no-margin-right .mud-switch{
    margin-right: 0px;
    margin-inline-end: 0px;
}
.button-no-shadow {
    box-shadow:none;
}

button.mud-button-root.mud-fab {
  margin: 8px;
  width: 35px;
  height: 35px;
  min-height: 35px;
  min-width: 35px;
}

.div-save-button .mud-button-root.mud-fab {
  width: 60px;
  height: 60px;
}

.w-full {
    width:100%;
}

.flex {
  display:flex;
}

.ìtems-center {
    align-items:center;
}

justify-between {
    justify-content:space-between;
}

.hide-tabs-div > .mud-tabs > .mud-tabs-toolbar:first-child {
  display: none !important;
}

.full-width-searchtabs .mud-tabs-toolbar-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.full-width-searchtabs .mud-tooltip-root {
  width: 100%;
}

.mud-overlay .mud-overlay-content{
    position:absolute;
    top: 100px;
}

.post-header > .mud-expand-panel:first-of-type > .mud-expand-panel-header {
  background: silver;
}

.login-logo {
  width: 80vw;
  max-width: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}

.lds-dual-ring {
    color: var(--color-company);
}

    .lds-dual-ring,
    .lds-dual-ring:after {
        box-sizing: border-box;
    }

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6.4px solid currentColor;
        border-color: currentColor transparent currentColor transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

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

.treeview-margin {
  margin-top: 10px;
  margin-left: 20px;
}

.margin-top-10{
    margin-top: 10px !important;
}

registration-edit-div > .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined, input.mud-select-input, input[inputmode="numeric"] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.mud-container {
  padding-left: 6px;
  padding-right: 6px;
}

.mud-button-icon-size-large > *:first-child{
    font-size: 40px;    
}

.mud-list-item.mud-list-item-dense.mud-list-item-clickable.mud-ripple {
  padding-top: 0px;
  padding-bottom: 0px;
}

.selected-vehicle-type {
    box-shadow: var(--mud-elevation-4) !important;
}

.mud-simple-table.mud-table-dense * tr td{
    padding: 4px 12px;
}

.mud-simple-table.mud-table-dense * tr th {
    padding: 4px 12px;
}

.two-lines-max {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}