/* GalvTrac Grid Custom*/
.galvtrac-grid .k-grid-header .k-header {
    background-color: #5b6770;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.galvtrac-grid-kettle-product-type .k-grid-header .k-header {
    background-color: #5b6770;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

.rack-orders .k-grid-header .k-header {
    background-color: #d2cecd !important;
    color: #212529;
    font-weight: bold !important;
    font-size: 16px;
}

.rack-orders .k-grid-table {
    background-color: #E6E6E6;
}

/* GalvTrac Mobile Card */
.galvtrac-mobile-card-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.galvtrac-mobile-card-shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.k-disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

.k-loader-primary {
    color: #1274AC;
}

.initial-data-loader .k-loader-container-overlay.k-overlay-light {
    background-color: white;
}

.k-loader-container {
    z-index: 100;
}

.k-tabstrip-items .k-item {
    color: #254a5d !important;
}

.k-pager-numbers .k-link.k-selected, .k-pager-numbers .k-link.k-state-selected {
    color: #fff !important;
    background-color: #1274ac !important;
}

.k-pager-numbers .k-link.k-hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link:hover {
    color: #424242;
    background-color: #ececec;
}

.k-pager-numbers .k-link {
    color: #254a5d;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: white;
    background-color: #1274ac;
}

    .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
        color: white;
        background-color: #1274ac;
    }

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-i-sort-asc-small, .k-grid-header .k-i-sort-desc-small, .k-grid-header .k-sort-order {
    color: #fff;
}

.k-grid-header .k-sort-icon, .k-grid-header .k-sort-order {
    color: #fff
}

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    background-color: #236192 !important;
}

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon {
    background-color: #5B6770 !important;
    color: #ffffff !important;
}

.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover {
    color:#ffffff !important;
    background-color: #424242 !important;
}

.k-grid a {
    color: #857874;
    text-decoration: none;
    background-color: transparent;
}

    .k-grid a:hover {
        color: #0366d6;
        text-decoration: underline;
    }

.k-grid .dropdown-item {
    color: #212529;
}

    .k-grid .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #236192;
    }

    .k-grid .dropdown-item:hover, .dropdown-item:focus {
        color: #fff;
        text-decoration: none;
        background-color: #a7a8aa;
    }

.k-grid tr.no-children td.k-hierarchy-cell * {
    display: none;
}

.k-grid tr.no-children td.k-hierarchy-cell {
    pointer-events: none;
}

.galvtrac-textarea-class {
    height: 110px;
}

.kettle-select {
    min-width: 200px;
    font-size: 18px !important;
}

/* Telerik Now Button - DateTimePicker */
.no-now-button .k-time-now {
    display: none;
}

/* Custom Telerik Stepper*/
.galvtrac-stepper .k-stepper .k-step-current .k-step-indicator {
    border-color: #236192;
    color: white;
    background-color: #236192;
}

.galvtrac-stepper .k-stepper .k-step-done .k-step-indicator {
    border-color: #236192;
    color: white;
    background-color: #236192;
}

.galvtrac-stepper .k-progressbar .k-selected, .k-progressbar .k-state-selected {
    border-color: #116b9e;
    color: #fff;
    background-color: #1274ac;
}

/* Custom Telerik Form*/
.galvtrac-form-label .k-form .k-label, .k-form kendo-label, .k-form .k-form-label {
    margin-bottom: 0.5rem !important;
}

.galvtrac-form-group .k-form-fieldset {
    margin: 0px !important;
}

.galvtrac-form-group .k-form-legend {
    border: 0px !important;
    margin: 0px !important;
}

.galvtrac-form-group legend {
    border: 0px !important;
    margin: 0px !important;
}

/* Custom Telerik Buttons*/

.k-button-solid-primary {
    border-color: #236192;
    color: white;
    background-color: #236192;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

    .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
        border-color: #1e527c;
        background-color: #1e527c;
    }

    .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
        box-shadow: 0 0 0px 2px rgba(18, 116, 172, 0.3);
    }

    .k-button-solid-primary:active, .k-button-solid-primary.k-active {
        border-color: #106697;
        background-color: #106697;
    }

    .k-button-solid-primary.k-selected {
        border-color: #106697;
        background-color: #106697;
    }

.k-button-solid-info {
    border-color: #236192;
    color: white;
    background-color: #236192;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

    .k-button-solid-info:hover, .k-button-solid-info.k-hover {
        border-color: #1e527c;
        background-color: #1c4e75;
    }

    .k-button-solid-info:focus, .k-button-solid-info.k-focus {
        box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
    }

    .k-button-solid-info:active, .k-button-solid-info.k-active {
        border-color: #1c4e75;
        background-color: #1a496e;
    }

    .k-button-solid-info.k-selected {
        border-color: #1c4e75;
        background-color: #1a496e;
    }

.k-button-solid-secondary {
    border-color: #5e514d;
    color: white;
    background-color: #5e514d;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

    .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
        border-color: #4b413e;
        background-color: #504541;
    }

    .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
        box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
    }

    .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
        border-color: #4b413e;
        background-color: #504541;
    }

    .k-button-solid-secondary.k-selected {
        border-color: #504541;
        background-color: #504541;
    }

.k-button-solid-error {
    border-color: #dc3545;
    color: white;
    background-color: #dc3545;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

    .k-button-solid-error:hover, .k-button-solid-secondary.k-hover {
        border-color: #b02a37;
        background-color: #bb2d3b;
    }

    .k-button-solid-error:focus, .k-button-solid-secondary.k-focus {
        box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
    }

    .k-button-solid-error:active, .k-button-solid-secondary.k-active {
        border-color: #b02a37;
        background-color: #bb2d3b;
    }

    .k-button-solid-error.k-selected {
        border-color: #b02a37;
        background-color: #bb2d3b;
    }

.k-button-flat-primary {
    color: #fff !important;
    background-color: #1274ac !important;
}

.k-button-outline-secondary {
    box-shadow: none;
    border-color: currentColor;
    color: #504541;
    background-color: transparent;
}

    .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover {
        border-color: #504541;
        color: white;
        background-color: #504541;
    }

    .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus {
        box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
    }

    .k-button-outline-secondary:active, .k-button-outline-secondary.k-active {
        border-color: #504541;
        color: white;
        background-color: #504541;
    }

    .k-button-outline-secondary.k-selected {
        border-color: #504541;
        color: white;
        background-color: #504541;
    }

.k-button-outline-info {
    box-shadow: none;
    border-color: currentColor;
    color: #236192;
    background-color: transparent;
}

    .k-button-outline-info:hover, .k-button-outline-info.k-hover {
        border-color: #236192;
        color: white;
        background-color: #236192;
    }

    .k-button-outline-info:focus, .k-button-outline-info.k-focus {
        box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
    }

    .k-button-outline-info:active, .k-button-outline-info.k-active {
        border-color: #236192;
        color: white;
        background-color: #236192;
    }

    .k-button-outline-info.k-selected {
        border-color: #236192;
        color: white;
        background-color: #236192;
    }

/*Custom Telerik Toggle Button*/
.galvtrac-toggle-status-inprocess.k-button {
    border-color: rgba(0,0,0,.08);
    color: #424242;
    background-color: #f5f5f5;
}

    .galvtrac-toggle-status-inprocess.k-button:hover {
        background-color: #ebebeb;
        border-color: rgba(0,0,0,.08);
        color: #424242;
    }

.galvtrac-toggle-status-inprocess.k-selected {
    background-color: #658d1b;
    border-color: #658d1b;
    color: #fff;
}

    .galvtrac-toggle-status-inprocess.k-selected:hover {
        background-color: #4e6d15;
        border-color: #4e6d15;
        color: #fff;
    }

.galvtrac-toggle-status-complete.k-button {
    background-color: #f5f5f5;
    border-color: rgba(0,0,0,.08);
    color: #424242;
}

    .galvtrac-toggle-status-complete.k-button:hover {
        background-color: #ebebeb;
        border-color: rgba(0,0,0,.08);
        color: #424242;
    }

.galvtrac-toggle-status-complete.k-selected {
    background-color: #a72b2a;
    border-color: #a72b2a;
    color: #fff;
}

    .galvtrac-toggle-status-complete.k-selected:hover {
        background-color: #882322;
        border-color: #882322;
        color: #fff;
    }

/* GalvTrac No Data Template*/
.data-icon {
    color: #EBEBEB !important;
    font-size: 90px !important;
}

.k-grid-norecords .k-badge-container {
    display: inline-block
}

    .k-grid-norecords .k-badge-container > .k-badge {
        position: absolute;
        left: 70px;
        top: 25px;
    }

.k-grid-norecords:hover {
    background-color: #ffffff !important;
}

/* GalvTrac Mobile Search */
.galvtrac-mobile-txt-search {
    max-width: 200px;
}

/* enable absolute position for the icon */
.galvtrac-mobile-icon-search-container {
    position: relative;
}

    /* position icon over textbox */
    .galvtrac-mobile-icon-search-container .k-icon {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0.5em;
    }

/*Percentage slider color */

.k-slider .k-draghandle {
    border-color: #236192 !important;
    background-color: #236192 !important;
}

.k-slider .k-slider-selection {
    background-color: #236192 !important;
}

.k-slider .k-draghandle:focus {
    box-shadow: none !important;
}

.galvtrac-accordion .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #236192;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

/*GalvTrac Accordion*/
.galvtrac-accordion .accordion-button {
    background-color: rgba(0,0,0,.03);
    color: #004987;
    font-weight: bold;
}

    .galvtrac-accordion .accordion-button.collapsed::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23236192'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .galvtrac-accordion .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }

/*Radio buttom group*/
.k-radio {
    border-color: rgba(0, 0, 0, 0.60) !important;
    background-color: #ffffff;
}

    .k-radio:checked:focus, .k-radio.k-checked.k-focus {
        box-shadow: none !important;
    }

    .k-radio:checked, .k-radio.k-checked {
        border-color: #236192 !important;
        color: white;
        background-color: #236192 !important;
    }

/* Checkbox */
.k-checkbox:checked, .k-checkbox.k-checked{
    border-color: #236192 !important;
	background-color: #236192 !important;
}

/* Buttons */
.k-button-solid-base {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #f5f5f5;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

.k-button-md {
    padding-block: 4px;
    padding-inline: 8px;
    font-size: 14px;
    line-height: 1.4285714286;
}

/* Inputs */
.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding-block: 4px;
    padding-inline: 8px;
}

.k-input-value-text {
    overflow: visible !important;
}

/* Borders*/
.k-rounded-full {
    border-radius: 9999px;
}

.k-badge-sm {
    padding-block: 2px;
    padding-inline: 2px;
    font-size: 10px;
    line-height: 1;
    min-width: calc(1em + 6px);
}

/* Pickers */
k-picker-solid {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #f5f5f5;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}