/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}
.acsTextBox, .acsCurrencyTextbox, .acsDate, .acsCombobox, .k-upload, .acsUpload, .acsGeneralControl {
    border: 1px solid #85BFFC !important;
    border-radius: 4px;
    padding: 4px 8px;
}
.acsCombobox {
    max-height:35px;
}

/* =========================================================
   Generic Accel Kendo input cleanup
   Fixes double borders for all acsCombobox and acsDate controls
   ========================================================= */


/* -----------------------------
   Kendo ComboBox - modern Kendo
   Original select has .acsCombobox inside the generated wrapper
------------------------------ */

.k-combobox:has(.acsCombobox),
.k-picker:has(.acsCombobox),
.k-input:has(.acsCombobox) {
    border: 1px solid #8bbcff !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

    .k-combobox:has(.acsCombobox) .k-input-inner,
    .k-picker:has(.acsCombobox) .k-input-inner,
    .k-input:has(.acsCombobox) .k-input-inner {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }


/* -----------------------------
   Kendo DatePicker - modern Kendo
   Original input has .acsDate
------------------------------ */

.k-datepicker:has(.acsDate),
.k-picker:has(.acsDate),
.k-input:has(.acsDate) {
    border: 1px solid #8bbcff !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

    .k-datepicker:has(.acsDate) .k-input-inner,
    .k-picker:has(.acsDate) .k-input-inner,
    .k-input:has(.acsDate) .k-input-inner,
    .acsDate.k-input-inner {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }


    /* -----------------------------
   Older Kendo wrappers
------------------------------ */

    .k-combobox:has(.acsCombobox) .k-dropdown-wrap,
    .k-datepicker:has(.acsDate) .k-picker-wrap {
        border: 1px solid #8bbcff !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }

        .k-combobox:has(.acsCombobox) .k-dropdown-wrap .k-input,
        .k-datepicker:has(.acsDate) .k-picker-wrap .k-input {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }


    /* -----------------------------
   Focus state - outer border only
------------------------------ */

    .k-combobox:has(.acsCombobox):focus-within,
    .k-datepicker:has(.acsDate):focus-within,
    .k-picker:has(.acsCombobox):focus-within,
    .k-picker:has(.acsDate):focus-within,
    .k-input:has(.acsCombobox):focus-within,
    .k-input:has(.acsDate):focus-within {
        border-color: #66afe9 !important;
        box-shadow: 0 0 0 1px #66afe9 !important;
    }

    .k-combobox:has(.acsCombobox) input:focus,
    .k-datepicker:has(.acsDate) input:focus,
    .k-picker:has(.acsCombobox) input:focus,
    .k-picker:has(.acsDate) input:focus,
    .k-input:has(.acsCombobox) input:focus,
    .k-input:has(.acsDate) input:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.hero {
    position: relative;
    background: radial-gradient(1200px 600px at 20% -10%, rgba(255,255,255,.25) 0, rgba(255,255,255,0) 60%), linear-gradient(135deg,var(--brand-900),var(--brand-800));
    color: #fff;
    overflow: hidden;
}
.progress-container {
    width: 100%;
    background: #f4f4f4;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    overflow: hidden;
    margin: 40px auto;
    height: 13px;
}

.progress-bar {
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #4caf50, #81c784);
}