/* Minification failed. Returning unminified contents.
(245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
.maxWidthField {
    max-width: 280px;
}

.checkboxAlign {
    margin:10px 0 0 0;
}

.alignButtonOnForm {
    margin: 20px 0 0 0;
}

.btnSpace {
    margin-left: 10px;
}

.reqStar {
    color: #0094ff;
    margin-left: 5px;
    font-weight: bold;
}

/* Make Multi-Select match other inputs */
.k-multiselect {
    display: block;
    width: 100%;
    height: 38px;
}
.k-multiselect-wrap {
    height: 37px;
}

/*Ruler for 2D trailer visualization*/
.ruler, .ruler li{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.ruler-container *, .vertical-ruler *{
    box-sizing: content-box;
}

.vertical-ruler {
    transform: rotate(90deg);
    transform-origin: 0 100%;
    margin-left: -50px;
    max-width: 200px;
}

.ruler {
    background-color: #e1e1e1;
    box-shadow: 0 -1px 1em #428bca78 inset;
    border-radius: 2px;
    border: 1px solid #ccc;
    color: black;
    margin: 0;
    height: 3em;
    padding-right: 5px;
    white-space: nowrap;
}

.ruler li{
    padding-left: 5px;
    width: 2em;
    margin: .64em -1em -.64em;
    text-align: center;
    position: relative;
}

.ruler li:before {
    content: '';
    position: absolute;
    border-left: 1px solid black;
    height: .40em;
    top: -2.3em;
    right: 1em;
}

.ruler .indicator:before{
    content: '';
    position: absolute;
    border-left: 1px solid black;
    height: .84em;
    top: -0.64em;
    right: 1em;
}

.indicator {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

@media print{
    .no-print, .no-print *{
        display: none !important;
    }
}

.nav-link{
    padding: 15px 20px !important;
    transition: .2s all;
}

.nav-link:hover, .nav-link:focus{
    background-color: #0000002b;
}

.text-shadow {
    text-shadow: black 0.1em 0.1em 1em;
}

.k-widget{
    max-width: 100%;
}

.font-size-xx-small {
    font-size: xx-small !important;
}

.font-size-x-small {
    font-size: x-small !important;
}

.font-size-smaller {
    font-size: smaller !important;
}

.font-size-small {
    font-size: small !important;
}

.font-size-large {
    font-size: large !important;
}

.font-size-larger {
    font-size: larger !important;
}

.font-size-x-large {
    font-size: x-large !important;
}

.font-size-xx-large {
    font-size: xx-large !important;
}

th{
    border-bottom: none !important;
    border-top: none !important;
}

.custom-control-label, label {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
    margin-bottom: .5rem;
}

.k-scheduler-edit-form .k-edit-form-container {
    width: 100%;
}

.k-tooltip-content{
    width: 100% !important;
    text-align: center;
}

.k-tooltip:not(.k-validator-tooltip){
    background: rgba(0, 0, 0, 0.70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.k-window-titlebar{
    padding: .25rem 1.5rem;
}

.k-event{
    padding: 0 !important;
}

footer {
    bottom: 0;
    height: 30px;
}

.k-dropdown-wrap > .k-input{
    background-color: white !important;
}

.k-icon-18 {
    font-size: 18px; /* Sets icon size to 18px */
}

.k-icon-24 {
    font-size: 24px; /* Sets icon size to 24px */
}

.k-icon-32 {
    font-size: 32px; /* Sets icon size to 32px */
}

.k-icon-48 {
    font-size: 48px; /* Sets icon size to 48px */
}

.k-icon-64 {
    font-size: 64px; /* Sets icon size to 64px */
}

.clientTxt {
    /* Delivery payment confirmation button will always be fully visible in the event at expense of txt display */
    overflow: hidden;
    font-size: 80%;
}

.scheduleEventText {
    font-size: 80%;
}

.payment-confirmation {
    --bs-btn-padding-y: 0.15rem;
    --bs-btn-padding-x: 0.25rem;
    --bs-btn-font-size: 0.675rem;
    margin-right: .75rem;
}

.k-loader-sm {
    padding: 0 !important; /* Removes padding from small loader to not increase payment confirmation btn size*/
}

.all-day-event {
    padding-right: 8px;
}