:root {
    --kendo-spacing-0: 0px;
    --kendo-spacing-1px: 1px;
    --kendo-spacing-0\.5: 0.08rem;
    --kendo-spacing-1: 0.16rem;
    --kendo-spacing-1\.5: 0.24rem;
    --kendo-spacing-2: 0.32rem;
    --kendo-spacing-2\.5: 0.40rem;
    --kendo-spacing-3: 0.48rem;
    --kendo-spacing-3\.5: 0.56rem;
    --kendo-spacing-4: .64rem;
    --kendo-spacing-4\.5: .72rem;
    --kendo-spacing-5: .80rem;
    --kendo-spacing-5\.5: .88rem;
    --kendo-spacing-6: .96rem;
    --kendo-spacing-6\.5: 1.04rem;
    --kendo-spacing-7: 1.12rem;
    --kendo-spacing-7\.5: 1.2rem;
    --kendo-spacing-8: 1.28rem;
    --kendo-spacing-9: 1.36rem;
    --kendo-spacing-10: 1.44rem;
    --kendo-spacing-11: 1.52rem;
    --kendo-spacing-12: 1.6rem;
    --kendo-spacing-13: 1.68rem;
    --kendo-spacing-14: 3.5rem;
    --kendo-spacing-15: 3.75rem;
    --kendo-spacing-16: 4rem;
    --kendo-spacing-17: 4.25rem;
    --kendo-spacing-18: 4.5rem;
    --kendo-spacing-19: 4.75rem;
    --kendo-spacing-20: 5rem;
    --kendo-spacing-21: 5.25rem;
    --kendo-spacing-22: 5.5rem;
    --kendo-spacing-23: 5.75rem;
    --kendo-spacing-24: 6rem;
    --kendo-spacing-25: 7rem;
    --kendo-spacing-26: 8rem;
    --kendo-spacing-27: 9rem;
    --kendo-spacing-28: 10rem;
    --kendo-spacing-29: 11rem;
    --kendo-spacing-30: 12rem
}

.k-grid- {
    width: 100%;
    gap: var(--kendo-spacing-2, 0.5rem);
}
.k-grid-toolbar {
    gap: var(--kendo-spacing-2, 0.5rem);
}

.k-checkbox-md {
    width: 14px;
    height: 14px;
}

.k-table-th > span > .k-checkbox {
    width: 14px;
    height: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.k-table-td > span > .k-checkbox {
    width: 14px;
    height: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.k-column-title {
    padding-right: 3px;
}


.k-button-solid-white {
    border-color: var(--kendo-color-border, #cccccd);
    color: var(--kendo-color-on-base, #515967);
    background-color: var(--kendo-color-app-surface, #white)
}

    .k-button-solid-white:hover, .k-button-solid-white.k-hover {
        border-color: var(--kendo-color-border-alt, #b9b9b9);
        background-color: var(--kendo-color-base-hover, #e0e0e0)
    }

    .k-button-solid-white:focus, .k-button-solid-white.k-focus {
        box-shadow: 0 0 4px 0 color-mix(in srgb, var(--kendo-color-border, #cccccd) 75%, transparent)
    }

    .k-button-solid-white:active, .k-button-solid-white.k-active {
        border-color: var(--kendo-color-border-alt, #b9b9b9);
        background-color: var(--kendo-color-base-active, #cccccd)
    }

    .k-button-solid-white.k-selected {
        border-color: var(--kendo-color-primary, #1984c8);
        color: var(--kendo-color-on-primary, white);
        background-color: var(--kendo-color-primary, #1984c8);
        z-index: 2;
    }

.btn.k-button-md {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    font-size: var(--kendo-font-size, inherit);
    line-height: var(--kendo-line-height, normal);
}

    html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 50px;
    margin-bottom: 125px;
}

.login {
    background: #fff url("../Images/login-bg.jpg") no-repeat center center;
    background-size: cover;
}
/* 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;
}

.modal-backdrop {
    z-index: 1031;
}

/* Set width on the form input elements since they're 100% wide by default */
input[type=text]:not(.k-input):not(.k-input-inner),
input.k-textbox,
input[type=number],
input[type=password],
select, textarea {
    display: block; /*Setting display for entire site is not a good practice.  Many tools used by site use display other than block on these inputs */
    width: 100%;
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em;
    padding: 2px .3em;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


textarea {
    height: auto;
}

.field-validation-error {
    color: #a94442;
}
.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    padding:10px;
    margin:10px;
    border-radius:4px;
}

.dropdown-menu > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
}

#loginForm {
    padding: 30px;
    background: #fff;
}


.enrollmentDetailsGrid {
}

    .enrollmentDetailsGrid .enrollmentDetailsGridHeading {
        background: rgba(189,215,238,1) !important;
    }

    .enrollmentDetailsGrid .enrollmentDetailsGridLabel {
        font-weight: bold;
        text-align: right;
        vertical-align: top;
    }

    .enrollmentDetailsGrid .cwQuestionnaire {
        text-align: left;
    }

    .enrollmentDetailsGrid > tr > td, .enrollmentDetailsGrid > tbody > tr > td {
        width: 16.66667%;
    }

    .enrollmentDetailsGrid td.static {
        padding-top: 12px;
    }

tr.add-stripe {
    background-color: #f9f9f9;
}

.measuresGrid td {
    width: 25%;
}

.enrollmentDetailsGrid .measuresHeading {
    text-align: center;
}

.enrollmentDetailsGrid .measuresLabel {
    width: 55%;
    font-weight: bold;
    text-align: right;
}

.measuresSubGrid, .measuresSubGrid th, .measuresSubGrid td {
    border: 1px solid #ddd;
}

.enrollmentDetailsGrid .measuresQty, .enrollmentDetailsGrid .measuresPrice, .enrollmentDetailsGrid .measuresSubTotal {
    text-align: center;
}

.weatherizationGrid {
}

    .weatherizationGrid .measuresLabel {
        width: 25%;
        font-weight: bold;
        text-align: right;
    }

    .weatherizationGrid td {
        width: 25%;
    }

.enrollmentEditForm select {
    display: block;
    width: 100%;
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em;
    padding: 2px .3em;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.enrollmentEditForm .enrollmentDetailsGridLabel, form table .enrollmentDetailsGridLabel {
    padding-top: 12px !important;
}

.promptRow {
    margin-bottom: 15px;
}

    .promptRow label {
        text-align: right;
        padding-top: 17px;
    }

footer {
    height: 125px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    padding: 15px;
}

@media (min-width:920px) {
    #enrollmentStatus {
        text-align: right;
    }
}


.alert-form {
    background-color: #f5f5f5;
    border-color: #ccc;
    color: #333;
}

.control-display {
    padding-top: 9px;
}