.button-color {
    background-color: #1F3156 !important;
    border: none;
}

.button-size {
    padding: 1rem !important;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    color: white !important;
}

.e-dialog .e-dlg-header {
    color: white !important;
    font-weight: bold !important;
    padding: 1rem;
}

.e-dlg-header-content {
    background-color: #1F3156 !important;
    margin: -1px;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: #1F3156 !important;
}

.e-pager div.e-icons, .e-pager .e-numericitem {
    color: #1F3156 !important;
}

.e-pager .e-currentitem, .e-toolbar .e-tbar-btn:hover, .e-pager .e-currentitem:hover {
    color: white !important;
}

    .e-pager .e-currentitem.e-numericitem.e-focused {
        background: #1F3156 !important;
    }

.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #1F3156 !important;
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: #1F3156 !important;
}

.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: #1F3156 !important;
    border: 0;
    border-color: transparent;
    color: #fff;
    font-weight: bold;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: #1F3156 !important;
    color: white !important;
}

.e-calendar .e-btn.e-today.e-flat.e-primary:hover, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
    background-color: #6c757d !important;
    border-color: transparent;
    color: #fff;
}

bigger.e-small .e-calendar .e-header .e-title {
    color: #1F3156 !important;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view
.e-icons, .e-schedule .e-vertical-view .e-header-cells.e-current-day, .e-schedule .e-month-view
.e-date-header-wrap table td.e-current-day, .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day,
.e-schedule .e-vertical-view .e-date-header-wrap table tbody td, .e-schedule .e-vertical-view .e-time-cells-wrap table td,
.e-schedule .e-schedule-toolbar .e-icon-next::before, .e-schedule .e-schedule-toolbar .e-icon-prev::before, .e-all-day-container,
.e-calendar .e-header .e-title, .e-toolbar .e-tbar-btn, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item
.e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon, .e-toolbar .e-icons, .e-schedule-dialog.e-device .e-save-icon::before,
.e-schedule-dialog.e-device .e-back-icon::before, .e-dlg-header .e-title-text {
    color: #6c757d !important;
}

.e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    background-color: #6c757d !important;
    border: none;
    border-radius: 4px;
    color: #fff;
}

.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus, .e-calendar
.e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected
span.e-day, .e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary, .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover,
.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar
.e-content td.e-selected.e-focused-date span.e-day, .e-calendar .e-content td.e-selected span.e-day, .e-bigger.e-small
.e-calendar .e-content td.e-selected span.e-day, .e-schedule .e-new-event, .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
.e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav), .e-schedule .e-schedule-toolbar .e-hor-nav:hover, .e-toolbar
.e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active, .e-toolbar .e-toolbar-pop
.e-toolbar-item .e-tbar-btn:focus, .e-schedule .e-month-view .e-current-date .e-date-header, .e-schedule .e-month-agenda-view .e-current-date
.e-date-header, .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on, .e-switch-wrapper .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper .e-switch-inner.e-switch-active, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover,
.e-schedule .e-schedule-toolbar .e-tbar-btn:active, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus,
.e-calendar .e-header .e-next:active, .e-calendar .e-header .e-prev:active, .e-toolbar .e-hor-nav:not(.e-expended-nav):active, .e-btn.e-primary,
.e-css.e-btn.e-primary, .e-switch-wrapper:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active,
.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
.e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover, body .add-wrapper .add-content-wrapper .advanced-search-class:hover, .e-btn.e-primary:active,
.e-css.e-btn.e-primary:active, .e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus, .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper
.e-frame.e-check, .e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check, .e-checkbox-wrapper
.e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-btn.e-primary:disabled, .e-css.e-btn.e-primary:disabled {
    background-color: #1F3156 !important;
    border-color: transparent;
}

    .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus ::before,
    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover .e-icons::before, .e-toolbar .e-toolbar-items
    .e-toolbar-item .e-tbar-btn:focus .e-icons::before {
        color: #fff !important;
    }

.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
    color: #fff !important;
}

.e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
    color: #fff !important;
}

.e-schedule .e-vertical-view .e-clone-time-indicator, .e-schedule .e-vertical-view .e-current-time {
    color: red;
}

.e-schedule .e-month-view .e-appointment {
    /*background: #6c757d !important;*/
    border-radius: 0.5rem !important;
    height: 3rem !important;
    padding: 6px 0 6px 15px;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
    background-color: #6c757d !important;
    border-left: 6px solid #1F3156 !important;
    color: white !important;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: none !important;
}

.e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day, .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
    color: #1F3156 !important;
}

.e-schedule .e-timeline-view .e-appointment, .e-schedule .e-timeline-month-view .e-appointment {
    /*background: #6c757d !important;*/
    border-radius: 0.5rem !important;
    text-align: center;
    height: 3rem !important;
    align-items: center;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
    background: #6c757d !important;
    border-radius: 0.3rem !important;
    height: 20px !important;
    padding: 1px 0 0 5px !important;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar
.e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    background: none;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
    color: #0d6efd;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    border: 1px solid #7a3535;
    color: #1F3156;
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
    color: white !important;
}

.e-title-text {
    color: white !important;
}

/*indicador do dia da semana atual*/
.e-schedule .e-vertical-view .e-header-cells.e-current-day {
    color: #fd0d0d !important;
    font-weight: 400;
}

/*marcador horario*/
.e-schedule .e-vertical-view .e-current-time {
    color: #fd0d0d !important;
}

/*linha pontilhada*/
.e-schedule .e-vertical-view .e-previous-timeline {
    border-top: 1px dotted #fd0d0d !important;
}

/*linha dia*/
.e-schedule .e-vertical-view .e-current-timeline {
    border-top: 1px solid #fd0d0d !important;
}

.e-schedule .e-timeline-view .e-current-timeline {
    border-left: 1px solid #fd0d0d !important;
}

.e-schedule .e-timeline-view .e-clone-time-indicator, .e-schedule .e-timeline-view .e-current-time {
    color: #fd0d0d !important;
    font-size: 10px;
}

.e-schedule .e-agenda-view .e-day-date-header.e-current-day {
    color: #1F3156 !important;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    border-radius: 0.5rem !important;
    padding: 1rem;
    align-items: center;
    display: flex;
}

.zoom {
    transition-property: transform,box-shadow;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    position: relative;
}

    .zoom:hover {
        transform: scale(1.05);
        box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        /*background-color: cyan;*/
    }

.e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
    background-color: #1F3156 !important;
    color: #fff;
}

.form-group {
    border-radius: 10px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    width: 80%
}

.e-dialog {
    border: none !important;
}

.form-group label {
    text-align: start;
    width: 100%;
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
    color: white !important;
}

.background-color-div {
    background-color: #e3e3e3;
    padding: 0 0 1.5rem 0;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled)
.e-input-group-icon:hover, .e-input-group:not(.e-disabled) .e-input-group-icon:active,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active,
.e-input-group-icon.e-date-icon:focus, *.e-control-wrapper .e-input-group-icon.e-date-icon:focus,
.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active, .e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
    background: #1F3156 !important;
    border-color: #1F3156 !important;
    color: #fff;
}

.e-more-popup-wrapper {
    width: 30% !important;
}

.margin-botton-itens {
    margin-bottom: 1rem;
}

.item-legenda {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 14px;
}

.legenda-container {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 2rem;
    margin: 2rem 0;
    border: solid 1px;
    border-radius: 0.5rem;
    justify-content: space-between;
}

.item-legenda-cor {
    max-width: 15%;
    min-width: 15%;
    padding: 1rem;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius: 1rem;
}

.produto-image-wrapper {
    position: relative;
    width: 150px;
    margin: 20px 5px;
}

.produto-image {
    display: block;
    width: 100%;
    height: 150px;
    border: 3px solid var(--main-color);
    position: relative;
}

.produto-image-title {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--main-color);
    color: white;
    padding: 0px 6px;
    display: inline-block
}

.e-radio:checked + label:hover::before {
    border-color: orange !important;
}

.e-radio:checked + label::before {
    background-color: orange !important;
    border-color: orange !important;
}

.e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse {
    background-color: #1F3156 !important;
    color: white !important;
    font-weight: 900;
}

.button-widht {
    width: 15rem;
}

.c-loader {
    animation: is-rotating 1s infinite;
    border: 13px solid #e5e5e5;
    border-radius: 50%;
    border-top-color: #1F3156;
    height: 150px;
    width: 150px;
}

@keyframes is-rotating {
    to {
        transform: rotate(1turn);
    }
}

.form-group-swicth {
    align-items: start;
}