/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/

:root {
    --ezGreen: #79bd54;
    --ezWhite: #FFF;
    --accordionHeaderBg: #f5f5f5;
    --controlBg: #f7f7f6;
    --controlColor: #878C84;
    --controlBorder: #CCCCCC;
    --ezBgColor: #008174; /*Green*/
    --ezColor: #699551; /*Green*/
    --ezLblColor: #A3A6A1; /*Green*/
    /*--ezBgColor: #24445c; Blue
    --ezColor: #285170;
    --ezLblColor: #4e95d0;
    */
}

html, body {
    height: 100vh;
    background: #F3F4F5;
    font-family: 'Roboto', sans-serif;
}

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
}

.body-content {
    padding: 60px 10px 10px 10px;
}

.ez-text-primary {
    color: var(--ezBgColor);
}

/* Color Picker */

.ez-color-picker {
    width: 47px !important;
}

/*nav*/
.ez-nav .nav-item .nav-link {
    color: #000;
    cursor: pointer;
}

    .ez-nav .nav-item .nav-link.active {
        color: var(--ezBgColor);
    }

a {
    color: #008174;
}

    a:hover, a:focus, a:active {
        text-decoration: underline;
        color: #008174;
    }

/*nav bar*/
.ez-navbar {
    /*background:  var(--ezBgColor);*/
    background-color: #24415A;
    padding: 0 5px;
    position: fixed;
    z-index: 10;
    width: 100%;
}

    .ez-navbar .navbar-brand {
        color: #FFFFFF;
    }

    .ez-navbar .nav-item {
        display: block;
        /*border-right: solid 1px #FFF;*/
    }

        .ez-navbar .nav-item.active {
            background: var(--ezWhite);
            border-radius: 4px;
        }

            .ez-navbar .nav-item.active .nav-link {
                color: var(--ezBgColor);
            }

        .ez-navbar .nav-item:last-child {
            border-right: none;
        }

        .ez-navbar .nav-item .nav-link {
            color: #FFF;
            padding-right: .7rem;
            padding-left: .7rem;
        }

        .ez-navbar .nav-item a {
            height: 30px;
            width: auto;
            /*min-width: 125px;*/
            min-width: auto;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 400;
            line-height: 12px;
            text-align: center;
            /*text-transform: uppercase;
            letter-spacing: 0.5px;*/
        }

            .ez-navbar .nav-item a.dropdown-item {
                color: #000;
            }

                .ez-navbar .nav-item a.dropdown-item:hover {
                    color: var(--ezBgColor);
                }

/*nav pills*/
.ez-nav-pills .nav-item a.nav-link {
    color: #000;
    background: none;
    font-weight: bold;
    font-size: 12px;
    border-radius: 0;
}

    .ez-nav-pills .nav-item a.nav-link.active {
        border-bottom: solid 2px var(--ezBgColor);
        color: var(--ezBgColor);
    }

.dropdown-menu a.dropdown-item:hover {
    color: var(--ezBgColor) !important;
}

.ez-nav-pills ~ .tab-content .tab-pane {
    color: #878C84;
    font-size: 12px;
    padding: 15px;
}


/*nav tab*/
.ez-nav-tabs {
    border-bottom: none;
}

    .ez-nav-tabs li.nav-item {
        border-radius: 4px 4px 0 0;
        background-color: #dddddd;
        text-transform: uppercase;
        margin: 3px 3px;
    }

        .ez-nav-tabs li.nav-item a.nav-link {
            height: 35px;
            /*color:  var(--ezBgColor);*/
            color: #008174;
            font-size: 10px;
            font-weight: bold;
            line-height: 18px;
        }

        .ez-nav-tabs li.nav-item a.active {
            border: solid 1px #008174;
            border-bottom: transparent;
            background-color: #008174;
            color: #ffffff;
            margin-bottom: -1px;
        }

    .ez-nav-tabs ~ .tab-content {
        /*border: 1px solid  var(--ezBgColor);*/
        box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%);
        border: none !important;
    }

        .ez-nav-tabs ~ .tab-content .tab-pane {
            color: #000000;
            font-size: 12px;
            padding: 15px;
            background-color: #ffffff;
        }

/*action menu*/
.ez-action-menu span {
    /*color:  var(--ezBgColor);*/
    color: #6c757d !important;
    cursor: pointer;
}

.ez-action-menu ul {
    min-width: 0px;
    /*border-color:  var(--ezBgColor);
    border-color: #C1C8CE;*/
    border: none;
    left: -50px !important;
    box-shadow: 0px 10px 18px rgb(0 0 0 / 20%);
}

    .ez-action-menu ul li {
        display: block;
        line-height: 15px;
    }

        .ez-action-menu ul li a {
            padding: 4px 10px;
            display: block;
            color: #000;
            font-weight: 600;
            text-transform: none;
            font-size: 13px;
            text-decoration: none;
            white-space: nowrap;
        }

        .ez-action-menu ul li:first-child a {
            margin-top: 6px;
        }

        .ez-action-menu ul li:last-child a {
            margin-bottom: 6px;
        }

        .ez-action-menu ul li a:hover {
            color: var(--ezBgColor);
            background: #f8f9fa;
        }

.ez-logout-menu {
    left: -90px;
    top: 36px;
    box-shadow: 0px 10px 18px rgb(0 0 0 / 20%);
    margin: 0;
    padding: 0;
    border-radius: 4px;
}

    .ez-logout-menu a.dropdown-item {
        font-size: 14px;
        line-height: 20px;
        color: #000000 !important;
        letter-spacing: 0px;
        height: 35px;
        text-align: left;
        padding: 5px 15px;
    }

        .ez-logout-menu a.dropdown-item i {
            margin-right: 7px;
        }

        .ez-logout-menu a.dropdown-item:nth-child(1) {
            border-bottom: solid 1px whitesmoke;
        }
/*accordion*/
.ez-accordion {
}

.ez-dropdown-menu {
    top: 36px;
    /*border: solid 1px var(--ezBgColor);*/
    border: 0px solid #C1C8CE;
    margin: 0;
    padding: 0;
    /*border-top-left-radius: 0;
    border-top-right-radius: 0;*/
    border-radius: 4px;
    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.2);
}

    .ez-dropdown-menu h6 {
        margin: 0;
        margin-left: 2px;
        font-size: 10px;
        /* background: var(--ezBgColor); */
        background: #62798C;
        color: #FFF;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-radius: 2px;
    }

    .ez-dropdown-menu a.dropdown-item {
        font-size: 14px;
        line-height: 20px;
        color: #000000 !important;
        letter-spacing: 0px;
        height: 35px;
        text-align: left;
        padding: 5px 15px;
    }

.dropdown-menu.ez-dropdown-menu a.dropdown-item:last-child {
    border: none !important;
}

.ez-dropdown-menu a.dropdown-item i {
    margin-right: 10px;
}

.ez-dropdown-menu a.dropdown-item {
    border-bottom: solid 1px whitesmoke;
}
/*accordion*/
.ez-accordion {
}

    .ez-accordion .card {
        margin-bottom: 5px;
        border-radius: 0;
    }

    .ez-accordion .card-header {
        background: var(--accordionHeaderBg);
        /*color:  var(--ezBgColor);*/
        color: #008174;
        font-size: 10px;
        cursor: pointer;
        font-weight: bold;
        line-height: 20px;
        padding: 2px 5px;
        vertical-align: middle;
        display: block;
    }

        .ez-accordion .card-header .card-header-title {
            /*color: var(--ezBgColor);*/
            color: #008174;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: bold;
            letter-spacing: 0.5px;
        }
/*widget*/
/*.ez-widget {
    border-top: solid 4px  var(--ezBgColor);
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin-bottom: 15px;
}

    .ez-widget .widget-header {
        font-size: 16px;
        font-weight: bold;
        padding: 3px 20px;
        color: #666666;
        background: #FFF;
    }

    .ez-widget .widget-body {
        padding: 10px;
        background: #FFF;
    }*/

.btn {
    min-width: 120px;
    border: 1px solid var(--ezBgColor);
    font-family: Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: var(--ezBgColor);
    background-color: #ffffff;
    border-radius: 16px
}

    .btn:hover {
        border-color: #699551;
    }

.ez-filter-clear {
    cursor: pointer;
    color: var(--ezBgColor);
    font-size: 1.8em;
}

.ez-dialog {
    padding: 0;
    border: 0;
}

    .ez-dialog .ui-dialog-titlebar, .ez-dialog .k-dialog-titlebar, .ez-dialog .k-dialog.k-window-titlebar {
        /*background: var(--ezBgColor) !important;*/
        background: #008174;
        color: var(--ezWhite) !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

        .ez-dialog .ui-dialog-titlebar .ui-dialog-title, .k-window-title.k-dialog-title {
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
        }

    .ez-dialog input {
        font-size: 12px;
    }

    .ez-dialog .ui-dialog-titlebar-close {
        border: none;
        background: none;
    }

    .ez-dialog .ui-dialog-buttonset .ui-button, .ez-dialog .k-dialog-buttongroup .k-button {
        border-radius: 0;
        min-width: 100px;
        min-height: 30px;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0.2px;
        text-align: center;
        margin: 1px;
        background: #fff;
        color: #699551;
        min-width: 100px;
        text-transform: uppercase;
    }

    .ez-dialog .k-dialog-buttongroup .k-button {
        margin: 0;
    }

        .ez-dialog .ui-dialog-buttonset .ui-button:first-child, .ez-dialog .k-dialog-buttongroup .k-button:last-child {
            background: var(--ezBgColor);
            color: #FFF;
            float: right;
        }

.ez-window-popup .k-window-titlebar.k-header {
    background: var(--ezBgColor);
    color: var(--ezWhite);
}

    .ez-window-popup .k-window-titlebar.k-header .k-window-title {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
    }

.ez-window-popup .k-edit-form-container {
    width: 100%;
}

    .ez-window-popup .k-edit-form-container .k-edit-buttons {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        margin-bottom: 5px;
        margin-right: 5px;
    }

.ez-window-popup .k-edit-buttons .k-button.k-primary, .ez-window-popup .k-dialog-buttongroup .k-button.k-primary {
    border-radius: 0;
    min-width: 100px;
    min-height: 30px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center;
    background: var(--ezBgColor);
    color: #FFF;
    text-transform: uppercase;
    border: 0;
}

    .ez-window-popup .k-edit-buttons .k-button.k-primary:hover {
        color: #000;
    }

.ez-window-popup .k-edit-buttons .k-button {
    border-radius: 0;
    min-width: 100px;
    min-height: 30px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center;
    margin: 1px;
    background: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff;
    min-width: 100px;
    text-transform: uppercase;
}

/*select*/
.ez-select {
    /*background: var(--controlBg);*/
    background: #ffffff;
    color: #000000;
    border-radius: 5px;
    font-size: 12px;
}

    .ez-select .k-dropdown-wrap {
        background: none;
        border-radius: 5px;
    }

    .ez-select .k-input, .ez-select .k-item {
        color: #000000;
        background-color: #ffffff !Important;
    }

    .ez-select.ez-validation-error, textarea.ez-validation-error, input.ez-validation-error {
        border: solid 1px #a94442;
        outline: none;
    }


/*multiselect*/
.ez-multiselect {
    background: var(--controlBg);
    color: var(--controlColor);
    border-radius: 0;
    font-size: 12px;
    max-width: 200px;
    max-height: 75px;
    overflow: hidden;
    overflow-y: auto;
}

.ez-input {
    background: var(--controlBg);
    color: var(--controlColor);
    border: solid 1px var(--controlBorder);
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
}

.ez-input-filter {
    background: #f7f7f6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border: solid 1px #cccccc;
    border-radius: 3px;
    color: #000000;
    /*opacity: .5;*/
    min-height: 2.45em;
    padding: .17857143em;
    text-indent: .571em;
    line-height: 1.65em;
    font-size: 12px;
}

    .ez-input-filter:hover,
    .ez-input-filter:focus,
    .ez-input-filter:active {
        background: #ffffff;
        border: solid 1px #999999;
        color: #000000
        /*opacity: 1;*/
    }

/*datepicker*/
.ez-datepicker {
    background: var(--controlBg);
    border-radius: 0;
    height: 30px;
    display: block;
    font-size: 12px
}

    .ez-datepicker .k-picker-wrap {
        height: 30px;
        display: inline-block;
        border-radius: 5px;
    }

    .ez-datepicker span.k-select {
        background: #f7f7f6;
    }

/*datetimepicker*/
.ez-datetimepicker {
    /*background: #f7f7f6;*/
    border-radius: 5px;
    height: 29px;
    display: block;
    font-size: 12px;
}

    .ez-datetimepicker .k-picker-wrap {
        height: 29px;
        display: inline-block;
    }

    .ez-datetimepicker span.k-select {
        background: #f7f7f6;
    }

.ez-event {
    margin: 0;
    padding: 0;
    display: block;
    border: solid 1px #666666;
    font-size: 10px;
}

    .ez-event .event-box-header {
        background: #666666;
        color: #FFF;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        overflow: hidden;
    }

        .ez-event .event-box-header img.header-icon {
            margin-right: 2px;
        }

    .ez-event .event-box-body {
        padding: 3px;
        background: #FFF;
        color: #000;
    }

        .ez-event .event-box-body span {
            display: block;
            font-size: 11px;
            line-height: 16px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: 400;
        }

        .ez-event .event-box-body img.flagicon {
            width: 15px;
            height: 15px;
        }

/*Scheduler*/

.ez-scheduler {
    font-size: 12px;
}

    .ez-scheduler .k-nav-current {
        background: #FFF !important;
        padding: 2px 3px;
        border-radius: 5px;
        border: 1px solid #cccccc !important;
    }

        .ez-scheduler .k-nav-current a.k-link {
            padding: 0 10px;
        }

    .ez-scheduler .k-link, .ez-scheduler .k-button {
        color: #008174;
        font-size: 12px;
    }

    .ez-scheduler .k-state-selected .k-link {
        background: #008174;
        color: #FFF;
    }

    .ez-scheduler .k-state-hover .k-link, .ez-scheduler .k-button:hover {
        background: #008174;
        color: #FFF;
    }

    .ez-scheduler .k-event-actions .k-event-delete {
        color: #FFF;
        font-size: 12px;
        margin-top: 2px;
    }

    .ez-scheduler .k-scheduler-table th {
        color: var(--ezLblColor);
        font-size: 12px;
    }

.ez-tooltip {
    background: var(--ezBgColor) !important;
    padding: 0;
    font-size: 12px;
    border-radius: 5px;
}

    .ez-tooltip .k-callout.k-callout-w {
        border-right-color: var(--ezBgColor);
    }

    .ez-tooltip .k-callout.k-callout-n {
        border-bottom-color: var(--ezBgColor);
    }

    .ez-tooltip .k-callout.k-callout-s {
        border-top-color: var(--ezBgColor);
    }

/*step progress*/
.ez-step-progress {
    counter-reset: step;
}

    .ez-step-progress li {
        list-style-type: none;
        width: 25%;
        float: left;
        font-size: 12px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #7d7d7d;
    }

        .ez-step-progress li:before {
            width: 30px;
            height: 30px;
            content: counter(step);
            counter-increment: step;
            line-height: 30px;
            border: 2px solid #7d7d7d;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            border-radius: 50%;
            background-color: white;
        }

        .ez-step-progress li:after {
            width: 100%;
            height: 2px;
            content: '';
            position: absolute;
            background-color: #7d7d7d;
            top: 15px;
            left: -50%;
            z-index: -1;
        }

        .ez-step-progress li:first-child:after {
            content: none;
        }

        .ez-step-progress li.active {
            color: green;
        }

            .ez-step-progress li.active:before {
                border-color: #55b776;
            }

            .ez-step-progress li.active + li:after {
                background-color: #55b776;
            }

.ez-profile-pic {
    width: 25px;
    height: 25px;
    vertical-align: top;
    border-radius: 50%;
    margin-top: -7px;
}

.ez-active {
    color: var(--ezBgColor);
}

.ez-border {
    border: solid 1px var(--ezBgColor);
}

.ez-duration {
    font-size: 10px;
    width: 35px;
    text-align: center
}

.btn-big {
    min-width: 184px;
    border: 1px solid var(--ezBgColor);
    border-radius: 24px;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: var(--ezBgColor);
    height: 48px;
    line-height: 34px;
}

.btn-primary {
    background-color: var(--ezBgColor);
    color: #ffffff;
}

    .btn-primary:hover {
        background-color: #699551;
        border-color: #699551
    }

hr {
    border-top: 2px #d1d3cd solid;
}

.k-textbox {
    width: 100%
}

.row {
    margin-bottom: 5px
}


h5 {
    font-weight: bold
}


.center-column {
    text-align: center
}

.center-right {
    text-align: right !important;
}

#map {
    height: 547px;
    width: 100%;
}


#toast-container .toast.toast-success, #toast-container .toast.toast-success .toast-message {
    background-color: var(--ezBgColor) !important;
    color: var(--ezWhite);
}


#loginForm {
    margin-top: 150px
}

@media screen and (max-width: 1024px) {
    #customers_length, #customers_filter {
        display: none
    }
}

@media screen and (max-width: 640px) {
    #login-image {
        display: none;
    }

    #loginForm {
        margin-top: 0px
    }
}

#search:focus {
    outline: none
}


.toast-success {
    background-color: #2f96b4 !important;
}

.filter-select {
    float: left;
    margin-left: 12px;
    margin-bottom: 8px;
    width: 210px;
    font-size: 12px;
    margin-top: 3px;
    border-radius: 5px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e0e0e0;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #888888;
}

.dataTables_wrapper {
    margin-bottom: 3px;
}

.dataTables_length, .dataTables_info {
    height: 12px;
    color: var(--ezLblColor) !important;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    padding-left: 5px;
}

.dataTables_length {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 12px;
}

.dataTables_info {
    margin-top: 2px;
    font-weight: bold;
}

.dataTables_paginate {
    color: var(--ezLblColor);
    font-size: 11px;
}

    .dataTables_paginate .paginate_button.current {
        background: var(--ezBgColor) !important;
    }

.dataTables_length select {
    background: #f7f7f6;
    border-radius: 0;
}

.bold {
    font-weight: bold
}

#jobs-table_length, #dispatched-table_length, #completed-table_length {
    margin-top: 5px
}

.page-column {
    border-left: 1px solid #d1d3cd;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

@media print {
    .btn, .btn-primary {
        display: none
    }

    .page-column {
        border: none;
    }

    .k-content {
        background-color: #ffffff
    }
}

/* Common Styles */

body {
    font-family: Helvetica;
}

.ez-page-heading {
    height: 32px;
    color: #24415A;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
}

.ez-heading {
    height: 32px;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.total-wrapper .ez-heading {
    height: auto;
    color: #000000 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.ez-label-small {
    height: 12px;
    color: #5F635F;
    font-size: 9px;
    letter-spacing: 0.5px;
    line-height: 12px;
}

.total-wrapper .ez-container .p-1 {
    border-bottom: 1px dashed #ddd;
}

.ez-label-bold, .ez-label, .ez-label-heading {
    height: 16px;
    /*color: var(--ezLblColor);*/
    color: #999999;
    font-weight: 600;
    font-size: 13px;
    line-height: 12px;
    margin-bottom: 0px;
}

.ez-label-bold {
    font-weight: 600;
}

.ez-label-heading {
    font-weight: 600;
    text-transform: uppercase;
    color: #969CA1;
    letter-spacing: 0.37px;
}

.ez-multi-disp {
    min-height: 100px;
    overflow: auto;
}

.ez-amount {
    height: 16px;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}

.k-grid-content {
    min-height: 180px;
}

.ez-grid {
    border: none;
    opacity: 1.0 !important;
}

    .ez-grid .k-grid-header {
        padding-right: 0px !important;
        border: none;
        border-top: solid 1px #CCC !important;
        border-bottom-color: #CCC !important;
        border-radius: 0;
    }

    .ez-grid .k-header.k-grid-toolbar {
        background: transparent;
    }

    .ez-grid .k-grid-header-wrap {
        border: none;
    }

    .ez-grid .k-grid-content {
        overflow: hidden;
    }

    .ez-grid thead th {
        height: 12px;
        color: var(--ezLblColor);
        font-size: 12px;
        font-weight: bold !important;
        letter-spacing: 0.5px;
        line-height: 12px;
        text-transform: uppercase;
        background-color: #F5F5F5;
        padding: 10px 18px !important;
        border: none !important;
        text-align: center;
    }

    .ez-grid .k-grid-content table td {
        height: 16px;
        background-color: #FFFEFE !important;
        color: #000000 !important;
        font-size: 14px;
        line-height: 16px;
        border: none;
        border-top: 1px solid #ddd;
        padding-left: 18px !important;
        padding-right: 18px !important;
        overflow: visible;
    }

    .ez-grid .k-state-selected {
        background-color: var(--ezBgColor) !important;
        border-color: var(--ezBgColor) !important;
    }

.ez-table thead tr {
    background-color: #F5F5F5 !important;
}

/*.ez-table tbody tr {
    background-color: #FFFEFE !important;
}*/

.ez-table th {
    height: 12px;
    color: #969CA1;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 12px;
    text-transform: uppercase;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC !important;
    background: #ffffff;
}

.ez-table td, .ez-table td select {
    height: 16px;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    vertical-align: top;
}

.ez-sub-heading {
    height: 32px;
    width: 304px;
    color: #666666;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
}

.ez-color {
    color: var(--ezBgColor);
}

.ez-h-200 {
    height: 200px;
}

.help-text {
    margin-left: 3px;
    /*background-color: #666666;*/
    background-color: var(--ezBgColor);
    color: white;
    height: 16px;
    border-radius: 50%;
    width: 16px;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px;
    font-weight: normal;
}

.mandatory:after {
    content: '*';
    color: red;
}

.optional:after {
    content: '**';
    color: red;
}


.width-full {
    width: 100%
}

.ez-container {
    background: #fff;
    padding: 15px 15px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%);
    overflow: hidden;
    border-radius: 5px;
}

.ez-btn {
    border-radius: 5px;
    background: #fff;
    color: #699551;
    min-width: 100px;
    min-height: 30px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center;
    /*margin: 1px;*/
}

.ez-icon-btn {
    border-radius: 0;
    border: none;
    background: transparent;
    color: #699551;
    min-width: 100px;
    min-height: 30px;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center;
    margin: 1px;
}

.ez-btn-primary {
    /*background:  var(--ezBgColor);*/
    background: #ffffff;
    border: 1px solid #008174;
    color: #008174 !important;
    text-transform: uppercase;
}

    .ez-btn-primary:hover,
    .ez-btn-primary:focus,
    .ez-btn-primary:active {
        background: #008174;
        border: 1px solid #008174;
        color: #ffffff !Important;
    }

.ez-btn-danger {
    background: #ffffff;
    border: 1px solid #dc3545;
    color: #dc3545;
    text-transform: uppercase;
}

    .ez-btn-danger:hover,
    .ez-btn-danger:focus,
    .ez-btn-danger:active {
        color: #ffffff;
        background: #dc3545;
        border: 1px solid #dc3545;
    }

.ez-btn-info {
    background: #17a2b8;
    border: 1px solid #17a2b8;
    color: #FFF;
    text-transform: uppercase;
}

.ez-btn-cancel {
    background: #ffffff;
    /*color: var(--ezColor); #699551*/
    color: #dc3545;
    min-width: 100px;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #dc3545;
}

    .ez-btn-cancel:hover,
    .ez-btn-cancel:focus,
    .ez-btn-cancel:active {
        background-color: #dc3545;
        color: #ffffff;
        border-color: #dc3545;
    }

.ez-btn-push {
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 4px;
    background-color: var(--ezBgColor);
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;
    margin-top: 5px;
    outline: none;
    padding: 0;
}

.ez-btn-toggle {
    color: var(--ezBgColor);
    font-size: 12px;
}

    .ez-btn-toggle:hover {
        background: var(--ezBgColor);
        color: var(--ezWhite);
    }

/*input group*/
.ez-input-group .input-group-prepend {
    line-height: 0;
    height: 30px;
}

    .ez-input-group .input-group-prepend .input-group-text {
        color: var(--controlColor);
        font-size: 12px;
        font-weight: bold;
    }

.ez-input-group input.form-control, .ez-input-group span.k-autocomplete {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .ez-input-group span.k-autocomplete input.form-control {
        background: none;
    }

.button-no-style {
    width: 100%;
    border: 0;
    background: none;
    outline: none;
}

.toggle-wrapper {
    /*border-top: solid 1px whitesmoke;
    border-bottom: solid 1px whitesmoke;*/
    background-color: #F1F8F7;
    padding: 4px 12px;
    border-radius: 4px;
}

.highlight-error {
    border-color: #a94442 !important;
    outline: none;
}

.ez-disabled-text {
    height: 32px;
    color: #000000;
    font-family: Helvetica;
    font-size: 13px;
    line-height: 16px;
}

select.input-validation-error, input.input-validation-error {
    border-color: #a94442;
    outline: none;
}


.ez-row {
    display: flex;
    border-bottom: solid 1px #CCC;
}

.ez-row-header {
    background: #f5f5f5;
}

.ez-col {
    flex: 1;
    padding: 6px 8px;
}

.ez-col-1 {
    order: 1;
    border-right: solid 1px #CCC;
}

.ez-col-2 {
    order: 2;
}

[data-toggle="collapse"] .fa:before {
    content: "\f056";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f055";
}

/* Common Styles End*/

/* Switch Control*/
.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 70px;
    height: 30px;
    padding: 3px;
    /*margin: 0 10px 10px 0;*/
    border-radius: 18px;
    cursor: pointer;
    box-sizing: content-box;
    margin: 0;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    text-transform: uppercase;
    background: #8C8C8C;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #ffffff;
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: var(--ezGreen);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}



.switch-input:checked ~ .switch-handle {
    left: 43px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}


.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
}

/* End Switch Control */


/* Tag Entry*/

.ez-tag-entry-wrapper {
    background: #f7f7f6;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 3px #999;
    transition: -webkit-box-shadow 0.4s, border 0.4s;
    min-height: 75px;
}

    .ez-tag-entry-wrapper .row {
        margin-bottom: 0px;
    }

.ez-tag-entry {
    border-radius: 5px;
    min-height: 100px;
    margin: 5px 0;
    padding: 2px;
    padding-left: 15px;
    outline: none;
}

.ez-tag-panel {
    border-top: #BBB 1px solid;
    background: #EEE;
    min-height: 45px;
    line-height: 40px;
    display: inline-flex;
    width: 100%;
}

    .ez-tag-panel div {
        background: #EEE;
        min-height: 35px;
    }

    .ez-tag-panel select {
        min-height: 10px;
    }

    .ez-tag-panel .tag, .ez-tag-entry .tag {
        background: var(--ezBgColor);
        color: white;
        border-color: transparent;
        border-radius: 3px;
        font-size: 10px;
        line-height: 1.5;
        margin: 0 3px;
        display: inline;
    }

.ez-tag-entry .tag {
    padding: 1px;
    display: inline-block;
}
/* Tag Entry End*/

/* Kendo overridden */

.k-list-container {
    color: var(--controlColor);
}

.k-input[readonly], .k-input[readonly] + span.k-select, .k-input[readonly] + span.k-select > span.k-i-calendar {
    background: #f7f7f6;
    cursor: not-allowed;
}

.k-multiselect-wrap {
    background: #ffffff;
    border-radius: 5px;
}

.k-multiselect .k-button, .k-state-hover, .k-multiselect .k-button .k-select {
    background: #008174;
}

    .k-multiselect .k-button, .k-multiselect .k-button.k-state-hover {
        border-color: #008174;
        background-color: #008174;
    }

        .k-multiselect .k-button span {
            font-size: 11px;
            line-height: 13px;
            padding: 4px 3px;
            text-align: left;
        }

.k-input {
    color: #666666;
}

.k-dropdowngrid-popup .k-item.k-state-selected, .k-list .k-state-selected, .k-list .k-state-focused, k-item k-state-selected k-state-focused {
    background: var(--ezBgColor);
    box-shadow: none;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: none;
}

.k-list .k-item.k-state-selected.k-state-focused, .k-list .k-item.k-state-focused {
    box-shadow: none;
    color: #ffffff;
    font-weight: 600;
}

.k-link {
    color: var(--ezBgColor);
}

    .k-link.k-state-disabled {
        color: #a6a6a6;
    }

.k-widget.k-calendar .k-state-selected.k-state-focused a {
    background: var(--ezBgColor);
    color: #FFF;
}

.k-widget.k-calendar .k-today a {
    box-shadow: inset 0 0 0 1px var(--ezBgColor);
    color: var(--ezBgColor);
}

/* Kendo overridden end */
/* Bootstrap Overridden */
.form-control {
    /*background: #f7f7f6;*/
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 5px;
    font-size: 13px;
    height: 30px;
    padding: .375rem .35rem;
}

.fa-search {
    color: var(--ezBgColor);
}

/* Bootstrap Overridden End */

/* Contract List Page */


/* End Contract List Page */


/* Add Contract Screen */
div.add-contract .progress {
    margin-bottom: 0px;
}

div.add-contract div.contract-active-count {
    background-color: var(--ezBgColor);
}

div.add-contract div.contract-inactive-count {
    background-color: #6279B8;
}

div.add-contract label.contract-inactive-count {
    color: var(--ezBgColor);
}

div.add-contract label.contract-inactive-count {
    color: #6279B8;
}

div.add-contract select.input-validation-error, div.add-contract input.input-validation-error {
    border-color: #a94442;
    outline: none;
}

div.add-contract .start-contract, div.add-contract .renew-on {
    /*background: #f7f7f6;
    min-height: 39px;
    border-radius: 0;*/
}
/* Add Contract Screen */



/* Media Queries */

/* Extra Small Devices */
@media(max-width:767px) {

    .ez-tag-panel {
        display: block;
    }

    /*Contract Term History*/
    #contractTermList div.margin-data {
        width: 100%;
    }
}

/* Extra Small Devices - Landscape*/
@media (max-width: 767px) and (orientation: landscape) {
    /*Contract Term History*/
    #contractTermList div.margin-data {
        width: 100%;
    }
}

/* Small Device */
@media(min-width:768px) {
    #contractTermList div.margin-data {
        width: 100%;
    }
}

/* Medium Device */
@media(min-width:992px) {
}

@media (min-width: 1200px) {


    #contractTermList div.margin-data {
        width: 100%;
    }
}

/* Media Queries End*/


/*Kendo Reporting*/

.trv-parameters-area-content {
    font-size: 12px;
}

.trv-parameter-title {
    height: 16px;
    color: var(--ezLblColor);
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 12px;
    font-weight: bold;
}

.trv-parameters-area-preview-button {
    border-radius: 0;
    min-width: 100px;
    min-height: 30px;
    font-size: 10px !important;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center;
    margin: 1px;
    background: var(--ezBgColor);
    color: #FFF;
    border: none;
    text-transform: uppercase;
}

.trv-combo.k-multiselect {
    height: 50px;
    overflow: auto !important;
}

.trv-error-pane {
    z-index: 0;
}

.trv-nav .k-menu .k-state-selected > .k-link {
    background: var(--ezBgColor)
}

.border-left-primary {
    border-left: 0.25rem solid var(--ezBgColor) !important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}

.ez-title {
    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--ezLblColor);
    text-transform: uppercase;
}

.ez-text {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.16;
}

.ez-text-bold {
    font-size: 14px;
    line-height: 1.16;
    font-weight: bold;
}


.k-grid-header, .k-grid-header .k-header {
    background-color: #e1e8ed;
    color: grey
}

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

/* CUSTOM */
.badge-style {
    background-color: #FFC700;
    border-radius: 10px;
    border: 2px solid #24415A;
    color: #000;
    width: 20px;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    top: -3px;
    right: -9px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #6CC427;
}

.card-header.card-header-style {
    background-color: #ffffff;
    border: none !important;
    padding-top: 5px !important;
}

    .card-header.card-header-style a {
        font-size: 13px;
        font-weight: 600;
        line-height: unset !Important;
        color: #008174;
    }

.bg-1 {
    background-color: #008174;
}

.bg-2 {
    background-color: #FF7700;
}

.bg-3 {
    background-color: #47A000;
}

.bg-4 {
    background-color: #BE981A;
}

.grid-stack-item-content .card-header {
    font-size: 14px;
    width: 100%;
    font-weight: 700 !important;
    padding-right: 40px;
    padding-left: 12px;
    text-align: left !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .grid-stack-item-content .card-header.text-secondary {
        color: #24415A !Important;
    }

.grid-stack-item-content .h3 {
    font-size: 2.75rem;
}

.grid-stack-item-content .col-4 {
    font-size: 14px;
    font-weight: 600;
}

    .grid-stack-item-content .col-4.value {
        font-size: 24px;
        font-weight: 500;
    }

.grid-stack-item-content .card-header small {
    font-weight: 400;
    font-size: 12px;
    color: #62798C;
}

.form-group.quote-options-button .ez-btn-primary {
    min-width: 80px !Important;
    color: #008174;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border-radius: 4px 0 0 4px !important;
}

.k-grid-header th.k-header > .k-link,
.k-filter-row th, .k-grid-header th.k-header {
    font-size: 11px;
    color: #62798C;
    vertical-align: inherit;
    font-weight: 600;
}

.k-grid tr td {
    border-color: #D6DBDF;
    font-weight: 400;
}

.k-pager-wrap .k-label {
    font-size: 12px;
}

.k-pager-wrap > .k-link,
.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    height: 1.8em;
}

.ui-widget-header {
    border: none;
}

textarea.form-control {
    min-height: 98px;
}

#quote-info.badge {
    font-size: 65%;
    font-weight: 600;
}

#quote-info.badge-primary {
    background-color: #9DA7AE;
    color: #ffffff;
}

.top-option-buttons .btn.ez-btn {
    margin-left: 5px !Important;
}

.badge {
    font-size: 65%;
    font-weight: 600;
    padding-bottom: 4px;
}

.k-header .form-group {
    margin: 0px;
    min-height: 30px;
}

    .k-header .form-group .ez-btn {
        min-height: auto;
    }

.note-wrapper .ez-container textarea.form-control {
    min-height: 60px;
}

.badge-note {
    background-color: #FFDA5F;
    color: #856600;
    font-size: 80%;
    font-weight: 600;
    padding: 8px 14px;
}

.ez-container.bg-total {
    background-color: #24415A;
}

    .ez-container.bg-total * {
        color: #ffffff !important;
    }

.total-wrapper .ez-container.bg-total .p-1 {
    border-bottom: 1px dashed #667A8B;
}

    .total-wrapper .ez-container.bg-total .p-1:last-child {
        color: #6CC427 !important;
    }

.k-editor-inline.k-editor {
    padding: 1.5rem !important;
    width: auto;
    font-size: 12px !Important;
}

.ez-select .product1 {
    padding: 4px 12px;
}

    .ez-select .product1 .ez-label {
        font-size: 14px;
        font-weight: 600;
    }

.k-listview .product1.k-state-selected {
    background-color: #008174 !important;
}

    .k-listview .product1.k-state-selected .ez-label {
        color: #ffffff !important;
    }

        .k-listview .product1.k-state-selected .ez-label .text-success {
            color: #ffffff !important;
        }

.k-header.k-window-content.k-content {
    background: rgb(98, 121, 140);
    padding: 2px;
    border: none;
}

.k-window.k-window-titleless.k-editor-widget {
    border: none !Important;
}

.k-editor-widget .k-editor-toolbar .k-tool,
.k-editor-widget .k-dropdown-wrap.k-state-default,
.k-editor-widget .k-picker-wrap.k-state-default {
    border-color: #405667 !Important;
}

.k-button.k-bare, .k-button.k-flat {
    color: #ffffff;
}

.ui-dialog {
    width: 500px !important;
}

.ui-widget-overlay {
    background: #000000;
    opacity: .5;
    filter: Alpha(Opacity=30);
}

.ui-button .ui-icon {
    background: url(images/close_icon.svg) no-repeat;
}

table.option-table tr, table.option-table tr td {
    border: 0px solid white !important;
}

.ui-widget.ui-widget-content {
    border: none !Important;
    border-radius: 4px;
    box-shadow: 0px 10px 18px rgb(0 0 0 / 20%);
}

.grid-stack .grid-stack-item .grid-stack-item-content .card-header {
    background-color: #ffffff !Important;
}

.grid-stack .grid-stack-item .grid-stack-item-content.card {
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%);
    border: none !important;
}

.input-margin input,
.input-margin a {
    margin-left: 5px;
}

.bg-white {
    background-color: #ffffff !Important;
}

.highlights-wrapper {
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%);
    border: none !important;
    overflow-y: hidden !Important;
}

    .highlights-wrapper .bg-white a {
        width: 100%;
        display: inline-block;
        color: #008174;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .highlights-wrapper .bg-white {
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .highlights-wrapper .bg-white .value-wrapper {
            font-size: 50px;
            font-weight: 500;
            line-height: 1em;
            color: #24415A;
        }

        .highlights-wrapper .bg-white img {
            float: right;
            display: inline-block;
        }

.grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item.highlights-box-wrapper {
    height: 100px !important;
}

.highlights-wrapper .bg-white table.table-value {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

    .highlights-wrapper .bg-white table.table-value td {
        font-size: 11px;
        color: #24415A;
        text-align: center;
        padding: 0px 10px;
        font-weight: 600;
        border-right: 1px solid #E6E6E6;
    }

    .highlights-wrapper .bg-white table.table-value tr:first-child td {
        font-size: 20px !important;
        font-weight: 500;
    }

    .highlights-wrapper .bg-white table.table-value tr td:last-child {
        border-right: 0px solid #E6E6E6;
    }

.ez-dropdown-menu h6.badge {
    padding-bottom: 3px;
}

.bg-grey-header {
    background-color: #E6E8E9;
    min-height: 122px;
    position: absolute;
    z-index: 0;
    width: 100%;
    display: block;
    left: 0;
    top: 49px;
}

.grid-stack.grid-stack-animate {
    height: auto !important;
}

.grid-stack-item[data-gs-y="2"] {
    top: 130px !important;
}

.grid-stack-item[data-gs-y="7"] {
    top: 530px !important;
}

.grid-stack-item[data-gs-y="12"] {
    top: 930px !important;
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #F7F7F7;
}

.NonEditableFieldColor {
    background-color: #EFFBE6;
}

.trv-pages-area div {
    font-family: 'Open Sans', sans-serif !important;
}

.k-grid tr:hover,
.ez-table tbody tr:hover {
    background-color: #EFFBE6 !important;
}

.k-grid tr:nth-child(even),
.ez-table tbody tr:nth-child(even) {
    background-color: #f7f7f7;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #cccccc;
}

.k-dropdown-wrap .k-readonly, .k-multiselect-wrap .k-readonly {
    opacity: .8;
}

.ez-navbar .nav-item a.dropdown-item:first-child:hover {
    border-radius: 4px 4px 0px 0px;
}

.ez-navbar .nav-item a.dropdown-item:last-child:hover {
    border-radius: 0px 0px 4px 4px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #EBF7E1;
    color: #ffffff;
}

.settings-group h5 {
    font-size: 18px;
    color: #000000 !Important;
}

a[title="Work"],
a[title="Mobile"],
a[title="Home"] {
    background: url("Images/phone_call.svg") no-repeat right top;
    padding-right: 17px;
    margin-right: 2px;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    background-color: #EFFBE6;
    border-color: #EFFBE6;
    color: #000000;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: #EFFBE6 !important;
    border-color: #EFFBE6;
    color: #000000;
}

.k-checkbox:checked {
    border-color: #008174;
    color: #fff;
    background-color: #008174;
}

.alert-success {
    color: #67BD23;
    background-color: #E7F5DC;
    border-color: #B3E18F;
}

.validation-summary-box.alert a {
    color: #008174;
    font-weight: 600;
    text-decoration: underline;
}

.ez-grid .k-grid-content table td {
    color: #000000 !important;
}

.ez-cgrid .k-grid-content table td {
    font-size: 12px;
}

.text-grey {
    color: #888;
}

.ez-label-normal {
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}

.contract-tag {
    background: #24415A !important;
    font-weight: 400 !important;
    padding: 2px 4px !Important;
    border-radius: 2px !Important;
    color: #ffffff !Important;
}

.k-editor-toolbar .k-tool-group a.ez-btn {
    line-height: 28px !Important;
}

.w-100 {
    width: 100% !Important;
}

.ez-table table tr td i {
    font-size: 20px;
    color: #E01B1B;
}

.ez-table table tr td span.badge {
    padding-bottom: 0px !Important;
}

.k-header.k-grid-toolbar {
    background-color: #ffffff;
}

ul.k-list li.k-state-selected.k-state-focused {
    color: #008174 !Important;
}

.k-dialog-buttongroup button.k-button {
    background-color: #008174;
    color: #ffffff;
}

    .k-dialog-buttongroup button.k-button:hover,
    .k-dialog-buttongroup button.k-button:focus,
    .k-dialog-buttongroup button.k-button:active {
        background-color: #005950;
    }

.k-window {
    border-width: 0px !Important;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
    padding: 8px 12px;
}

.k-dialog .k-window-titlebar {
    padding: 8px 10px;
    border-bottom: 1px solid #eeeeee !important;
}

.filter-small img.ez-profile-pic {
    margin-top: 0px !Important;
}

.text-success {
    color: #6CC427 !Important;
}

.ez-grid .k-grid-toolbar label.switch {
    margin-top: -4px !Important;
}

label {
    display: inline-block;
    margin-bottom: .1rem;
    font-weight: 600;
    color: #888888;
}

.form-check label, .ez-label {
    color: #000000 !Important;
}

    .ez-label.contract-tag {
        color: #ffffff !Important;
    }

.toggle-wrapper label {
    color: #000000 !Important;
}

label.checkbox-inline {
    color: #000000 !Important;
}

table tr td {
    font-size: 12px;
    color: #000000;
}

.engineer-list img.ez-profile-pic {
    margin-top: 0px;
}

.engineer-list .row div {
    margin-bottom: 5px;
}

.badge.badge-pill.badge-warning {
    background-color: #FFDA5F;
    color: #856600;
    font-size: 80%;
    font-weight: 600;
    padding: 8px 14px;
}

.text-success.ez-heading {
    color: #888 !Important;
}

.ez-container.bg-total .text-success.ez-heading {
    color: #ffffff !important;
}

.ez-button-info {
    background-color: #4782B5;
    border-color: #4782B5;
    color: #ffffff !Important;
}

    .ez-button-info:hover,
    .ez-button-info:focus,
    .ez-button-info:active {
        background-color: #285D8B;
        border-color: #285D8B;
    }

.k-window-titlebar.k-header {
    background-color: #008174;
    border-color: #008174;
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #ffffff;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    background: #008174;
}

/* .k-header.k-scheduler-toolbar, .k-header.k-scheduler-footer, .job-details-table .k-pager-wrap.k-grid-pager.k-widget, ul.k-reset.k-header {
    background-color: #ffffff;
    border-color: #ffffff;
} */

.text-black {
    color: #000000 !important;
}

.transaction-buttons a.ez-btn-cancel {
    background-color: #008174;
    border-color: #008174;
}

    .transaction-buttons a.ez-btn-cancel:hover,
    .transaction-buttons a.ez-btn-cancel:focus,
    .transaction-buttons a.ez-btn-cancel:active {
        background-color: #005A51;
        border-color: #005A51;
    }

input.listText.list-title {
    color: #000000;
}

#btnAttachment, #btnTaskHistory {
    background: #008174;
    border: 1px solid #008174;
    color: #FFFFFF !important;
    text-transform: uppercase;
}

    #btnAttachment:hover, #btnTaskHistory:hover {
        background: #005950;
        border: 1px solid #005950;
        color: #ffffff;
    }

#btnEditBoardClose {
    margin-left: 10px;
}

.worker-wrapper {
    height: 40vh;
}

.leave-wrapper {
    height: 40vh;
}

.scheduler-group label.badge {
    font-size: 69%;
    font-weight: 600;
    padding-bottom: 0px;
}

.trv-content-wrapper .trv-nav ul.trv-menu-large {
    background-color: #008174 !Important;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: left;
    font-size: 14px;
}

ul.k-list li.k-item {
    font-size: 13px;
}

.leave-wrapper ul.list-group li.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 0.8rem;
    margin: 2px 4px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #008174;
}

.close.holiday-delete {
    cursor: pointer;
    margin: -6px;
}

.button-holidayplanner-wrapper button {
    font-size: 14px !Important;
}

table.dataTable thead .sorting,
table.dataTable thead tr th,
.ez-table th {
    color: #62798C !important;
    background-color: #e1e8ed !important;
}

table.dataTable thead .sorting_asc {
    color: #62798C !important;
    background-color: #e1e8ed !important;
}

table.dataTable thead .sorting {
    background-image: url(../Content/Images/sort_both.svg) !important;
}

.k-menu .k-item > .k-link {
    color: #ffffff;
}

#site-contacts-tab > #site-contacts-table_wrapper.dataTables_wrapper {
    overflow: inherit !important;
}

.k-window-titlebar .k-window-action, .k-window-title {
    color: #ffffff !important;
}

.k-dialog.k-alert .k-dialog-titlebar, .k-dialog.k-confirm .k-dialog-titlebar, .k-dialog.k-prompt .k-dialog-titlebar {
    background-color: #008174;
    border-color: #008174;
}

.k-button.k-grid-cancel {
    background: #ffffff;
    color: #dc3545;
    min-width: 100px;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #dc3545;
}

    .k-button.k-grid-cancel:hover,
    .k-button.k-grid-cancel:focus,
    .k-button.k-grid-cancel:active {
        background-color: #dc3545;
        color: #ffffff;
        border-color: #dc3545;
    }

.summary-wrapper .col-4.ez-label-bold,
.summary-wrapper .col-4.ez-label-bold .ez-label-normal {
    font-size: 16px;
    line-height: 18px;
}

.ez-label.text-blue {
    color: #008174 !important;
}

.ui-button .ui-icon {
    background: url(images/close_icon.svg) no-repeat;
    opacity: 0.5;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background: url(images/close_icon.svg) no-repeat;
    opacity: 1;
}

.k-primary {
    color: #fff !important;
    border-color: #008174 !important;
    background-color: #008174 !important;
}

    .k-primary:hover,
    .k-primary:focus,
    .k-primary:active {
        color: #fff !important;
        border-color: #00655B !important;
        background-color: #00655B !important;
    }

.input-group-prepend input.form-control {
    border-top-left-radius: 0px !Important;
    border-bottom-left-radius: 0px !Important;
}

.form-control.search-form-navigation {
    border: none !important;
    padding-left: 25px;
    background: #687D8D url("Images/search_icon.svg") 0.5em 0.6em no-repeat !important;
    color: #ffffff !important;
}

    .form-control.search-form-navigation::placeholder {
        color: #ffffff;
    }

    .form-control.search-form-navigation:hover::placeholder {
        color: #999999;
    }

    .form-control.search-form-navigation:hover,
    .form-control.search-form-navigation:focus,
    .form-control.search-form-navigation:active {
        border: none !important;
        padding-left: 25px;
        background: #ffffff url("Images/search_icon_hover.svg") 0.5em 0.6em no-repeat !important;
        color: #000000 !important;
    }

button:focus {
    outline: none !important;
}

.k-numerictextbox .k-select {
    display: none;
}

.k-numerictextbox .k-numeric-wrap {
    padding-right: 2px;
}

.k-grid .k-dirty {
    border-color: blue transparent transparent mediumblue;
}

.toolbar-inside {
    float: right;
}

.ez-navbar .custom-nav {
    width: 100px !important;
}

.user-group {
    display: flex;
}

.your-company-name {
    font-weight: 700;
    color: #24415A;
}

.notification {
    background: #008174;
    width: 75%;
}

.notification-heading {
    font-size: 20px;
    font-weight: bold;
}

.notification-text {
    font-size: 14px;
}

.site-left-topbar {
    float: left;
}

.site-right-topbar {
    float: right;
}

.form-group-invoice {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: calc(100% / 4);
}

/* .btn.ez-btn.ez-btn-primary {
    margin-bottom: 10px;
} */

.padding-left-20 {
    padding-left: 20px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.selected-engineer {
    color: #008174 !important;
}

@media only screen and (max-width: 1200px) {
    .k-scheduler-toolbar > ul {
        float: none !important;
        padding-top: 10px !important;
    }

    .filter-select {
        width: 100px;
    }

    .toolbar-inside {
        float: none;
    }

    .col-toolbar {
        padding-left: 0;
        padding-bottom: 10px;
    }

    /* .btn.ez-btn.ez-btn-primary {
        margin-bottom: 10px;
    } */

    .p-1.mr-auto.ez-heading {
        flex-basis: 60%;
    }

    .d-flex {
        margin-bottom: 0px;
    }

    .ez-navbar .nav-item a {
        text-align: left;
    }

    .ez-navbar .nav-item .nav-link {
        width: 100%;
    }

    .ez-navbar .nav-item {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #446787;
    }

    .ez-navbar .form-control {
        width: 100% !important;
    }

    .ez-navbar .custom-nav {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .ez-navbar .input-group {
        width: 100%;
        margin-bottom: 5px;
    }

    .user-group {
        display: flex;
        margin-top: 10px;
    }

    .validation-summary-box {
        margin-top: 30px;
    }

    .responsive-btn {
        width: 100%;
    }

    .responsive-margin {
        margin-top: 20px;
    }

    .k-filter-row th, .k-grid-header th.k-header {
        overflow: visible;
    }

    #ez-accordion-job-list {
        margin-top: 20px;
    }

    .k-grid-content.k-auto-scrollable {
        min-height: 0;
    }

    .notification {
        width: 90%;
    }
}

@media only screen and (max-width: 1023px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        position: relative;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .k-textbox {
        width: 100% !important;
    }

    .job-completed {
        width: 80%;
    }

    .tab-pane {
        width: 100%;
    }

    .site-left-topbar {
        float: none;
    }

    .site-right-topbar {
        float: none;
        margin-left: 15px;
    }

    .ez-label-bold {
        margin-bottom: 10px;
    }

    .notification {
        width: 100%;
    }

    .ez-grid .k-grid-content table td {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
}

.alert-slider {
    max-width: 400px;
    margin-top: 20px;
}

    .alert-slider .alert {
        padding-bottom: 0;
        color: white;
        background-color: #008174;
    }

        .alert-slider .alert p {
            font-weight: bold;
        }