:root {
    --edenred-black: #000000;
    --edenred-red: #f72717;
    --edenred-gray: #6d7787;
    --edenred-violet: #711cff;
    --edenred-cobalt: #0d8aff;
    --edenred-orange: #f36f24;
    --edenred-olyve: #739a00;
    --edenred-green: #00A184;
    --edenred-pink: #FF5978;
    --edenred-primary-btn-hover: #373737;
    --edenred-danger-btn-hover: #f9685d;
    --edenred-default-btn-hover: #8d49ff;
    --edenred-info-btn-hover: #3da1ff;
    --edenred-success-btn-hover: #91b036;
    --edenred-dark-btn-hover: #8a929f;
}

.hide {
    display: none !important;
}

.show {
    display: block !important
}

.page-system input[type=checkbox], input[type=radio] {
    position: relative;
    cursor: pointer;
}

.text-bold {
    font-weight: bold;
}

.page-system .checkbox-inline > label {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

/* ******************************* */
/* rotas incio */
.label-rota {
    color: #8898A8;
    font-size: 12px;
    padding-left: 50px;
}

.listaRotas {
    margin: 10px 0px;
}

    .listaRotas.disabled .drag-icon {
        display: none
    }

.rotasActions.disabled .btnAddRota {
    display: none
}

.step_container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step_input_container {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 10px;
}

.step_dots_container {
    cursor: grab;
    width: 40px;
    padding: 8px 0 0 15px;
}

.listaRotas.disabled .step_dots_container {
    cursor: unset;
}

.blockExclud .excluirRota {
    display: none;
}

.excluirRota {
    cursor: pointer;
    background-image: url(../Images/rotas-icons/highlight_off_grey800_24dp.png);
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    opacity: 0;
}

.drag-icon {
    opacity: 0;
    background-image: url(../Images/rotas-icons/drag_indicator_grey650_18dp.png);
    width: 16px;
    height: 16px;
    background-size: 18px 18px;
    left: 0px;
    top: 10px;
    position: absolute;
}

.step_container:hover .drag-icon {
    opacity: 1;
}

.step_container:hover .excluirRota {
    opacity: 1;
}

.listaRotas.disabled .step_container:hover .excluirRota {
    opacity: 0;
}

.listaRotas.disabled .excluirRota {
    cursor: pointer;
    background-image: url(../Images/rotas-icons/highlight_off_grey800_24dp.png);
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    opacity: 0;
}

.line-dots {
    background-image: url(../Images/rotas-icons/route_3dots_grey650_24dp.png);
    background-size: 24px 24px;
    top: 20px;
    left: -1px;
    height: 32px;
    position: relative;
    z-index: 2;
}

.dot {
    border: 2px solid #ccc;
    height: 14px;
    width: 14px;
    display: block;
    border-radius: 20px;
    position: absolute;
    top: 12px;
    z-index: 3;
    left: 19px;
}

.step_container:first-child .step_dots_container .dot {
    background-color: #ccc;
}

.step_container:last-child .step_dots_container .dot {
    background-image: url(../Images/rotas-icons/place_outline_red600_18dp.png);
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 0px;
    top: 10px;
    left: 17px;
}

.step_container:last-child .step_dots_container .line-dots {
    display: none;
}

.addIcon {
    background-image: url(../Images/rotas-icons/add_circle_outline_grey800_24dp.png);
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

.btnAddRota {
    display: flex;
    gap: 10px;
    cursor: pointer;
    border-radius: 50px;
    padding: 8px 12px;
}

    .btnAddRota:hover {
        background-color: rgb(247, 247, 247);
    }

.rotasActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0px 0px 0px;
    gap: 10px;
    align-items: center;
}

/* ******************************* */
/* rotas fim */


/* ******************************* */
/* subcrevendo botões do bootstrap */

.progress-bar-warning {
    background-color: #f72717 !important;
}

.page-system input[type=checkbox], input[type=radio] {
    position: relative;
    cursor: pointer;
}

.page-system .btn .ladda-spinner div div div {
    background: #999999 !important;
}

.page-system .btn.btn-none {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}

.page-system .checkbox-inline > label {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.datepicker {
    z-index: 1003 !important;
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
}

.clockpicker-popover {
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
}


/* ******************************* */
/* subcrevendo botões do bootstrap */

.page-system button:focus:not(:focus-visible) {
    outline: 0;
}

.page-system .btn:focus-visible {
    outline: 0;
}

.page-system .btn.active.focus,
.page-system .btn.active:focus,
.page-system .btn.focus,
.page-system .btn:active.focus,
.page-system .btn:active:focus,
.page-system .btn:focus {
    outline: 0;
}

.page-system .btn {
    border-radius: 40px;
    padding: 6px 20px;
}

.page-system .btn-group-lg > .btn,
.page-system .btn-lg {
    padding: 10px 24px;
}

.page-system .btn-group-sm > .btn,
.page-system .btn-sm {
    padding: 5px 14px;
}

.page-system .btn-group-xs > .btn,
.page-system .btn-xs {
    padding: 1px 8px;
}

.page-system .btn.btn-rounded {
    border-radius: 15px;
}

.page-system .btn-primary,
.page-system .btn-primary:focus,
.page-system .btn-primary.active,
.page-system .btn-primary:active,
.page-system .btn-primary.active:focus,
.page-system .btn-primary:active:focus,
.page-system .btn-primary.active:hover,
.page-system .btn-primary:active:hover {
    transition: all 0.2s;
    background-color: var(--edenred-black);
    border-color: var(--edenred-black);
    background-image: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

    .page-system .btn-primary:hover {
        background-color: var(--edenred-primary-btn-hover);
        border-color: var(--edenred-primary-btn-hover);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    }

.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary.active:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary:active:hover {
    transition: all 0.2s;
    color: var(--edenred-black);
    background-color: transparent;
    border-color: var(--edenred-black);
    background-image: none;
    box-shadow: none;
    text-decoration: none;
}

    .btn-outline-primary:hover {
        color: #ffffff;
        background-color: var(--edenred-black);
        border-color: var(--edenred-black);
    }

.swal2-cancel, .swal2-cancel:focus, .swal2-cancel:active,
.swal2-cancel.active, .swal2-cancel.active:focus, .swal2-cancel:active:focus,
.swal2-cancel.active:hover, .swal2-cancel:active:hover {
    background-color: var(--edenred-red);
    border-color: var(--edenred-red);
    border-radius: 60px !important;
}

    .swal2-cancel:hover {
        background-color: var(--edenred-danger-btn-hover) !important;
        border-color: var(--edenred-danger-btn-hover) !important;
        box-shadow: 0px 4px 10px rgba(247, 39, 23, 0.2) !important;
    }


.page-system .btn-danger,
.page-system .btn-danger:focus,
.page-system .btn-danger.active,
.page-system .btn-danger:active,
.page-system .btn-danger.active:focus,
.page-system .btn-danger:active:focus,
.page-system .btn-danger.active:hover,
.page-system .btn-danger:active:hover {
    transition: all 0.2s;
    background-color: var(--edenred-red);
    border-color: var(--edenred-red);
    background-image: none;
    box-shadow: 0px 0px 10px rgba(247, 39, 23, 0.1);
}

    .page-system .btn-danger:hover {
        background-color: var(--edenred-danger-btn-hover);
        border-color: var(--edenred-danger-btn-hover);
        box-shadow: 0px 4px 10px rgba(247, 39, 23, 0.2);
    }

.page-system .btn-outline-danger,
.page-system .btn-outline-danger:focus,
.page-system .btn-outline-danger.active,
.page-system .btn-outline-danger:active,
.page-system .btn-outline-danger.active:focus,
.page-system .btn-outline-danger:active:focus,
.page-system .btn-outline-danger.active:hover,
.page-system .btn-outline-danger:active:hover {
    transition: all 0.2s;
    color: var(--edenred-red);
    background-color: transparent;
    border-color: var(--edenred-red);
    background-image: none;
    box-shadow: none;
}

    .page-system .btn-outline-danger:hover {
        color: #ffffff;
        background-color: var(--edenred-red);
        border-color: var(--edenred-red);
    }

.page-system .btn-default,
.page-system .btn-default:focus,
.page-system .btn-default.active,
.page-system .btn-default:active,
.page-system .btn-default.active:focus,
.page-system .btn-default:active:focus,
.page-system .btn-default.active:hover,
.page-system .btn-default:active:hover {
    transition: all 0.2s;
    background-color: var(--edenred-violet);
    border-color: var(--edenred-violet);
    background-image: none;
    text-shadow: none;
    color: #fff;
    box-shadow: 0px 0px 10px rgba(113, 28, 255, 0.1);
}

    .page-system .btn-default:hover {
        background-color: var(--edenred-default-btn-hover);
        border-color: var(--edenred-default-btn-hover);
        color: #fff;
        box-shadow: 0px 4px 10px rgba(113, 28, 255, 0.2);
    }

.page-system .html5buttons .btn-default,
.page-system .html5buttons .btn-default:focus,
.page-system .html5buttons .btn-default.active,
.page-system .html5buttons .btn-default:active,
.page-system .html5buttons .btn-default.active:focus,
.page-system .html5buttons .btn-default:active:focus,
.page-system .html5buttons .btn-default.active:hover,
.page-system .html5buttons .btn-default:active:hover {
    transition: all 0.2s;
    background-color: var(--edenred-red);
    border-color: var(--edenred-red);
    background-image: none;
    box-shadow: 0px 0px 10px rgba(247, 39, 23, 0.1);
}

    .page-system .html5buttons .btn-default:hover {
        background-color: var(--edenred-danger-btn-hover);
        border-color: var(--edenred-danger-btn-hover);
        box-shadow: 0px 4px 10px rgba(247, 39, 23, 0.2);
    }

.btn-accent, .btn-accent:focus, .btn-accent.active, .btn-accent:active, .btn-accent.active:focus,
.btn-accent:active:focus, .btn-accent.active:hover, .btn-accent:active:hover {
    transition: all 0.2s !important;
    background-color: var(--edenred-red) !important;
    border-color: var(--edenred-red) !important;
    background-image: none !important;
    box-shadow: 0px 0px 10px rgba(247, 39, 23, 0.1) !important;
}

    .btn-accent:hover {
        background-color: var(--edenred-danger-btn-hover) !important;
        border-color: var(--edenred-danger-btn-hover) !important;
        box-shadow: 0px 4px 10px rgba(247, 39, 23, 0.2) !important;
    }


.page-system .btn-outline-default,
.page-system .btn-outline-default:focus,
.page-system .btn-outline-default.active,
.page-system .btn-outline-default:active,
.page-system .btn-outline-default.active:focus,
.page-system .btn-outline-default:active:focus,
.page-system .btn-outline-default.active:hover,
.page-system .btn-outline-default:active:hover {
    transition: all 0.2s;
    color: var(--edenred-violet);
    background-color: transparent;
    border-color: var(--edenred-violet);
    background-image: none;
    box-shadow: none;
}

    .page-system .btn-outline-default:hover {
        color: #ffffff;
        background-color: var(--edenred-violet);
        border-color: var(--edenred-violet);
    }

.page-system .btn-warning,
.page-system .btn-warning:focus,
.page-system .btn-warning.active,
.page-system .btn-warning:active,
.page-system .btn-warning.active:focus,
.page-system .btn-warning:active:focus,
.page-system .btn-warning.active:hover,
.page-system .btn-warning:active:hover {
    transition: all 0.2s;
    background-color: var(--edenred-orange);
    border-color: var(--edenred-orange);
    background-image: none;
    box-shadow: 0px 0px 10px rgba(243, 111, 36, 0.1);
}

    .page-system .btn-warning:hover {
        background-color: #f58c50;
        border-color: #f58c50;
        box-shadow: 0px 4px 10px rgba(243, 111, 36, 0.2);
    }

.page-system .btn-outline-warning,
.page-system .btn-outline-warning:focus,
.page-system .btn-outline-warning.active,
.page-system .btn-outline-warning:active,
.page-system .btn-outline-warning.active:focus,
.page-system .btn-outline-warning:active:focus,
.page-system .btn-outline-warning.active:hover,
.page-system .btn-outline-warning:active:hover {
    transition: all 0.2s;
    color: var(--edenred-orange);
    background-color: transparent;
    border-color: var(--edenred-orange);
    background-image: none;
    box-shadow: none;
}

    .page-system .btn-outline-warning:hover {
        color: #ffffff;
        background-color: var(--edenred-orange);
        border-color: var(--edenred-orange);
    }

.swal2-confirm, .swal2-confirm:focus, .swal2-confirm:active,
.swal2-confirm.active, .swal2-confirm.active:focus, .swal2-confirm:active:focus,
.swal2-confirm.active:hover, .swal2-confirm:active:hover {
    background-color: var(--edenred-cobalt);
    border-color: var(--edenred-cobalt);
    border-radius: 60px !important;
}

    .swal2-confirm:hover {
        background-color: var(--edenred-info-btn-hover) !important;
        border-color: var(--edenred-info-btn-hover) !important;
        box-shadow: 0px 4px 10px rgba(13, 138, 255, 0.2);
    }

.page-system .btn-info,
.page-system .btn-info:focus,
.page-system .btn-info.active,
.page-system .btn-info:active,
.page-system .btn-info.active:focus,
.page-system .btn-info:active:focus,
.page-system .btn-info.active:hover,
.page-system .btn-info:active:hover,
.page-system .dropdown-toggle.btn-info {
    transition: all 0.2s;
    background-color: var(--edenred-cobalt);
    border-color: var(--edenred-cobalt);
    background-image: none;
    box-shadow: 0px 0px 10px rgba(13, 138, 255, 0.1);
}

    .page-system .btn-info:hover,
    .page-system .open > .dropdown-toggle.btn-info:hover,
    .page-system .open > .dropdown-toggle.btn-info:focus {
        background-color: var(--edenred-info-btn-hover);
        border-color: var(--edenred-info-btn-hover);
        box-shadow: 0px 4px 10px rgba(13, 138, 255, 0.2);
    }

.page-system .btn-outline-info,
.page-system .btn-outline-info:focus,
.page-system .btn-outline-info.active,
.page-system .btn-outline-info:active,
.page-system .btn-outline-info.active:focus,
.page-system .btn-outline-info:active:focus,
.page-system .btn-outline-info.active:hover,
.page-system .btn-outline-info:active:hover {
    transition: all 0.2s;
    color: var(--edenred-cobalt);
    background-color: transparent;
    border-color: var(--edenred-cobalt);
    background-image: none;
    box-shadow: none;
}

    .page-system .btn-outline-info:hover {
        color: #ffffff;
        background-color: var(--edenred-cobalt);
        border-color: var(--edenred-cobalt);
    }

.page-system .btn-success,
.page-system .btn-success:focus,
.page-system .btn-success.active,
.page-system .btn-success:active,
.page-system .btn-success.active:focus,
.page-system .btn-success:active:focus,
.page-system .btn-success.active:hover,
.page-system .btn-success:active:hover {
    transition: all 0.2s;
    background-color: var(--edenred-olyve);
    border-color: var(--edenred-olyve);
    background-image: none;
    box-shadow: 0px 0px 10px rgba(115, 154, 0, 0.1);
}

    .page-system .btn-success:hover {
        background-color: var(--edenred-success-btn-hover);
        border-color: var(--edenred-success-btn-hover);
        box-shadow: 0px 4px 10px rgba(115, 154, 0, 0.2);
    }

.page-system .btn-outline-success,
.page-system .btn-outline-success:focus,
.page-system .btn-outline-success.active,
.page-system .btn-outline-success:active,
.page-system .btn-outline-success.active:focus,
.page-system .btn-outline-success:active:focus,
.page-system .btn-outline-success.active:hover,
.page-system .btn-outline-success:active:hover {
    transition: all 0.2s;
    color: var(--edenred-olyve);
    background-color: transparent;
    border-color: var(--edenred-olyve);
    background-image: none;
    box-shadow: none;
}

    .page-system .btn-outline-success:hover {
        color: #ffffff;
        background-color: var(--edenred-olyve);
        border-color: var(--edenred-olyve);
    }

.page-system .btn-link,
.page-system .btn-link:focus,
.page-system .btn-link.active,
.page-system .btn-link:active,
.page-system .btn-link.active:focus,
.page-system .btn-link:active:focus,
.page-system .btn-link.active:hover,
.page-system .btn-link:active:hover {
    text-decoration: none;
    color: var(--edenred-black);
}

    .page-system .btn-link:hover {
        color: var(--edenred-red);
        text-decoration: none;
        background-color: transparent;
    }

.page-system .btn-dark,
.page-system .btn-dark:focus,
.page-system .btn-dark.active,
.page-system .btn-dark:active,
.page-system .btn-dark.active:focus,
.page-system .btn-dark:active:focus,
.page-system .btn-dark.active:hover,
.page-system .btn-dark:active:hover {
    transition: all 0.2s;
    color: #ffffff;
    background-color: var(--edenred-gray);
    border-color: var(--edenred-gray);
    background-image: none;
    box-shadow: 0px 0px 10px rgba(109, 119, 135, 0.1);
}

    .page-system .btn-dark:hover {
        color: #ffffff;
        background-color: var(--edenred-dark-btn-hover);
        border-color: var(--edenred-dark-btn-hover);
        box-shadow: 0px 4px 10px rgba(109, 119, 135, 0.2);
    }

.page-system .btn-outline-dark,
.page-system .btn-outline-dark:focus,
.page-system .btn-outline-dark.active,
.page-system .btn-outline-dark:active,
.page-system .btn-outline-dark.active:focus,
.page-system .btn-outline-dark:active:focus,
.page-system .btn-outline-dark.active:hover,
.page-system .btn-outline-dark:active:hover {
    transition: all 0.2s;
    color: var(--edenred-gray);
    background-color: transparent;
    border-color: var(--edenred-gray);
    background-image: none;
    box-shadow: none;
}

    .page-system .btn-outline-dark:hover {
        color: #ffffff;
        background-color: var(--edenred-gray);
        border-color: var(--edenred-gray);
    }

.page-system .btn-light,
.page-system .btn-light:focus,
.page-system .btn-light.active,
.page-system .btn-light:active,
.page-system .btn-light.active:focus,
.page-system .btn-light:active:focus,
.page-system .btn-light.active:hover,
.page-system .btn-light:active:hover {
    transition: all 0.2s;
    color: var(--edenred-black);
    background-color: #ffffff;
    border-color: #ffffff;
    background-image: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
}

    .page-system .btn-light:hover {
        color: var(--edenred-red);
        background-color: #ffffff;
        border-color: #ffffff;
        box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.03);
    }

.page-system .btn-outline-light,
.page-system .btn-outline-light:focus,
.page-system .btn-outline-light.active,
.page-system .btn-outline-light:active,
.page-system .btn-outline-light.active:focus,
.page-system .btn-outline-light:active:focus,
.page-system .btn-outline-light.active:hover,
.page-system .btn-outline-light:active:hover {
    transition: all 0.2s;
    color: #c5c9cf;
    background-color: transparent;
    border-color: #c5c9cf;
    background-image: none;
    box-shadow: none;
}

    .page-system .btn-outline-light:hover {
        color: var(--edenred-black);
        background-color: transparent;
        border-color: var(--edenred-red);
        background-image: none;
        box-shadow: none;
    }

.page-system .btn-default.disabled,
.page-system .btn-default[disabled],
.page-system .btn-primary.disabled,
.page-system .btn-primary[disabled],
.page-system .btn-success.disabled,
.page-system .btn-success[disabled],
.page-system .btn-info.disabled,
.page-system .btn-info[disabled],
.page-system .btn-warning.disabled,
.page-system .btn-warning[disabled],
.page-system .btn-danger.disabled,
.page-system .btn-danger[disabled],
.page-system .btn-dark.disabled,
.page-system .btn-dark[disabled],
.page-system .btn-light.disabled,
.page-system .btn-light[disabled] {
    color: #48515f !important;
    background: #d5d8dd !important;
    border: 1px solid #ccd1d5 !important;
    box-shadow: none !important;
}

.page-system .btn-outline-default.disabled,
.page-system .btn-outline-default[disabled],
.page-system .btn-outline-primary.disabled,
.page-system .btn-outline-primary[disabled],
.page-system .btn-outline-success.disabled,
.page-system .btn-outline-success[disabled],
.page-system .btn-outline-info.disabled,
.page-system .btn-outline-info[disabled],
.page-system .btn-outline-warning.disabled,
.page-system .btn-outline-warning[disabled],
.page-system .btn-outline-danger.disabled,
.page-system .btn-outline-danger[disabled],
.page-system .btn-outline-dark.disabled,
.page-system .btn-outline-dark[disabled],
.page-system .btn-outline-light.disabled,
.page-system .btn-outline-light[disabled] {
    color: #48515f !important;
    background: #f5f6f7 !important;
    border: 1px solid #ccd1d5 !important;
    box-shadow: none !important;
}

/* ******************************* */
/* implementando form-floating no bootstrap */
/* necessario apenas para versões 3 e 4 */

.form-floating {
    position: relative;
}

    .form-floating > .form-control,
    .form-floating > .form-control-plaintext,
    .form-floating > .form-select {
        height: 54px;
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1.8rem 2rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        font-weight: normal;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: all 0.1s;
    }

    .form-floating > .form-control,
    .form-floating > .form-control-plaintext {
        padding: 2.2rem 1.7rem 0.5rem 1.7rem;
        border-radius: 6px;
    }

    .form-floating::placeholder {
        color: transparent;
    }

    .form-floating:focus,
    .form-floating:not(:placeholder-shown) {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .form-floating:-webkit-autofill {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .form-floating > .form-select {
        padding-top: 0px;
        padding-bottom: 0px;
    }

        .form-floating > .form-control:focus ~ label,
        .form-floating > .form-control:not(:placeholder-shown) ~ label,
        .form-floating > .form-control-plaintext ~ label,
        .form-floating > .form-select ~ label {
            opacity: 0.65;
            transform: scale(0.85) translateY(-0.7rem);
        }

    .form-floating > .form-control:-webkit-autofill ~ label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.7rem);
    }

    .form-floating > .form-control::placeholder {
        opacity: 0;
    }

    .form-floating > .form-control-plaintext ~ label {
        border-width: none;
    }

.form-control {
    color: #212529;
}

    .form-control:focus {
        color: #212529;
        background-color: transparent;
        border-color: #86b7fe;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

/* ******************************* */
/* subscrevendo inputs bootstrap 3 */

.page-system label {
    color: #8898A8;
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.page-system .input-group:first-child {
    border-radius: 5px 0px 0px 5px;
}

.page-system .input-group:last-child {
    border-radius: 0px 5px 5px 0px;
}

.page-system .input-group-addon:first-child {
    border-radius: 5px 0px 0px 5px;
}

.page-system .input-group-addon:last-child,
.page-system .input-group-btn:first-child >
.page-system .btn-group:not(:first-child) > .btn,
.page-system .input-group-btn:first-child > .btn:not(:first-child),
.page-system .input-group-btn:last-child > .btn,
.page-system .input-group-btn:last-child > .btn-group > .btn,
.page-system .input-group-btn:last-child > .dropdown-toggle,
.page-system .input-group .form-control:last-child {
    border-radius: 0px 5px 5px 0px;
}

.page-system .input-group-addon:first-child,
.page-system .input-group-btn:first-child > .btn,
.page-system .input-group-btn:first-child > .btn-group > .btn,
.page-system .input-group-btn:first-child > .dropdown-toggle,
.page-system .input-group .form-control:first-child {
    border-radius: 5px 0px 0px 5px;
}

.page-system .form-group {
    min-height: 60px;
    margin-bottom: 10px;
}

.page-system .form-control[disabled], .page-system .form-control[readonly],
.page-system fieldset[disabled] .form-control {
    background-color: #F3F3F3;
}

.m-t-label {
    margin-top: 22px;
}

.page-system .form-control, .single-line {
    border-radius: 5px;
}

.page-system .validation-summary-errors li, .page-system span.field-validation-error {
    font-size: 12px;
    min-height: 10px;
    display: block;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-20 {
    margin-top: 20px;
}

.m-x-14 {
    margin: 0px 14px
}

.page-system .alert {
    border-radius: 26px;
    padding: 15px 25px;
    display: block;
}

.page-system .alert-dismissable, .page-system .alert-dismissible {
    padding-right: 45px;
}

.page-system .alert-danger {
    color: #7D2222;
    background-color: #FDF5F6;
    border-color: #FAE2E4;
}

.page-system .alert-info {
    color: #919aa3;
    background-color: #E7FAFF;
    border-color: #B0EFFF;
}

/* ******************************* */
/* table */
.page-system table.table {
    font-size: 12px;
}

    .page-system table.table thead {
        background-color: #FAFAFF;
    }

.page-system .table > tbody > tr > td, .page-system .table > tbody > tr > th,
.page-system .table > tfoot > tr > td, .page-system .table > tfoot > tr > th,
.page-system .table > thead > tr > td, .page-system .table > thead > tr > th {
    border-bottom: 1px solid #e7eaec;
    border-top: none;
}

.page-system .table > tfoot > tr > td {
    border-bottom: 1px solid transparent;
    border-top: none;
}

    .page-system .table > tbody > tr > td:first-child, .page-system .table > tbody > tr > th:first-child,
    .page-system .table > tfoot > tr > td:first-child, .page-system .table > tfoot > tr > th:first-child,
    .page-system .table > thead > tr > td:first-child, .page-system .table > thead > tr > th:first-child {
        padding-left: 14px
    }

    .page-system .table > tbody > tr > td:last-child, .page-system .table > tbody > tr > th:last-child,
    .page-system .table > tfoot > tr > td:last-child, .page-system .table > tfoot > tr > th:last-child,
    .page-system .table > thead > tr > td:last-child, .page-system .table > thead > tr > th:last-child {
        padding-right: 14px
    }

/* ******************************* */
/* system */
#main-view, #page-wrapper {
    min-height: calc(100vh - 113px);
    margin-top: 56px;
}

#page-wrapper {
    padding: 0px !important;
}

.silver-bg {
    background-color: #F7F9FC !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.page-system h4 {
    color: var(--edenred-gray)
}

.page-system {
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
}

    .page-system .page-heading {
        padding: 20px 12px;
        color: var(--edenred-gray)
    }

        .page-system .page-heading .breadcrumb {
            background-color: transparent;
            font-size: 12px;
        }

            .page-system .page-heading .breadcrumb li.active {
                font-weight: bold;
            }

        .page-system .page-heading h2 {
            font-family: Endered, Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
            font-weight: 500;
            margin: 0px 0px 4px 0px;
        }

        .page-system .page-heading.flex {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

    .page-system .panel-title label {
        font-weight: bold;
        color: #6d7787;
        font-size: 14px
    }

    .page-system .wrapper-content, .wrapper-content {
        padding: 12px 12px 324px 12px
    }

    .page-system .panel-default {
        border: 0px;
        box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
        width: 100%;
    }

        .page-system .panel-default .panel-default.panel-line {
            border: 1px solid #EAF0FB;
            box-shadow: none;
            border-radius: 8px;
        }

        .page-system .panel-default.panel-print {
            border: 2px solid #6D7787;
            box-shadow: none;
            border-radius: 0px;
        }

    .page-system .ibox-content {
        padding: 0px;
    }

    .page-system .panel-body {
        padding: 20px;
    }

    .page-system .panel-default > .panel-heading,
    .page-system .panel-default .panel-heading {
        color: #667483;
        font-weight: bold;
        background-color: transparent;
        border-color: #ECF5FC;
    }

        .page-system .panel-default > .panel-heading a:not(.btn),
        .page-system .panel-default .panel-heading a:not(.btn) {
            color: #667483;
        }

        .page-system .panel-default > .panel-heading.heading-divider
        .page-system .panel-default .panel-heading.heading-divider,
        .page-system .panel-heading.heading-divider {
            border-radius: 0px;
            border-top: 1px solid #ECF5FC;
            border-bottom: 1px solid #ECF5FC;
        }

    .page-system .panel-default.green {
        background: #A6C28B;
        color: white;
    }

        .page-system .panel-default.green .panel-default.panel-line {
            background: transparent;
        }

        .page-system .panel-default.green label,
        .page-system .panel-default.green .panel-heading,
        .page-system .panel-default.green > .panel-heading {
            color: white;
            border-color: #c6dbb1;
        }

    .page-system .edit-menu-togle:not(.disabled):hover .edit-menu {
        float: inherit;
    }

    .page-system .panel-green {
        box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
        box-shadow: none;
        color: white;
        background: var(--edenred-green)
    }

/* nav bar*/

.navbar-static-top, .navbar-logo {
    background-color: var(--edenred-red);
    min-height: 56px;
}

.nav.navbar-right > li > a {
    color: #fff;
}

    .nav.navbar-right > li > a i, .nav.navbar-right > li > a img {
        color: #fff;
    }

.navbar-logo .logo {
    margin: 5px 10px 7px 10px;
    max-width: 174px;
}

.nav.navbar-default__list > li > a {
    padding: 8px 16px;
    font-size: 12px;
    border-radius: 30px;
    /*margin: 6px 6px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .nav.navbar-default__list > li > a i,
    .nav.navbar-default__list > li > a img {
        filter: saturate(0%);
        color: var(--edenred-gray);
        max-width: 20px;
    }

    .nav.navbar-default__list > li > a:focus {
        background-color: transparent;
    }

.nav.navbar-default__list > li.active > a,
.nav.navbar-default__list > li.active > a:hover {
    background-color: #FEF4F3;
    color: var(--edenred-red);
}

.nav.navbar-default__list > li > a:hover {
    background-color: transparent;
    color: var(--edenred-red);
}

.nav.navbar-default__list > li > ul > li > a,
.nav.navbar-default__list > li > ul > li > ul > li > a {
    padding: 8px 16px;
    font-size: 12px;
    border-radius: 30px;
    margin: 4px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .nav.navbar-default__list > li > ul > li > a:focus,
    .nav.navbar-default__list > li > ul > li > ul > li > a:focus {
        background-color: transparent;
    }

    .nav.navbar-default__list > li > ul > li > a:hover,
    .nav.navbar-default__list > li > ul > li.active > a,
    .nav.navbar-default__list > li > ul > li > ul > li > a:hover,
    .nav.navbar-default__list > li > ul > li > ul > li.active > a {
        background-color: transparent;
        color: var(--edenred-red);
    }


.nav.navbar-default__list > li > ul > li.active > a,
.nav.navbar-default__list > li > ul > li > ul > li.active > a {
    font-weight: bold;
}

.nav.navbar-default__list > li.active > a i,
.nav.navbar-default__list > li > a:hover i,
.nav.navbar-default__list > li.active > a img,
.nav.navbar-default__list > li > a:hover img {
    filter: none;
    color: var(--edenred-red);
}

@media (max-width: 768px) {
    .body-small .navbar-static-side {
        background: #fff;
    }
}

.nav-third-level li a {
    padding-left: 40px !important;
}

.nav.navbar-top-links {
}

.nav.navbar-default__list .fa.arrow:before {
    content: "\f105";
}

.nav.navbar-default__list .active > a > .fa.arrow:before {
    content: "\f107";
}

.nav.navbar-top-links .open > a,
.nav.navbar-top-links .open > a:focus, .nav .open > a:hover {
    background: transparent;
}

.dropdown-menu {
    box-shadow: 0 0 10px rgb(86 96 117 / 30%);
}

#main-view {
    border-left: 0px solid #e5e5e5;
    background: linear-gradient(90deg, rgba(231,234,238,0.3) 0px, rgba(247,249,252,0) 10px);
}

.white-bg.page-heading {
    background: linear-gradient(90deg, rgba(231,234,238,0.3) 0px, rgba(255,255,255,1) 10px);
}

.user-avatar {
    max-width: 30px !important;
    height: auto;
    min-height: 30px;
}

.flex {
    display: flex !important;
    flex-wrap: wrap;
}

.w-full {
    width: 100%;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}


.gap-0 {
    gap: 0px !important;
}

.gap-2 {
    gap: 2px !important;
}

.gap-4 {
    gap: 4px !important;
}

.gap-6 {
    gap: 6px !important;
}

.gap-8 {
    gap: 8px !important;
}

.gap-10 {
    gap: 10px !important;
}

.gap-12 {
    gap: 12px !important;
}

.gap-14 {
    gap: 14px !important;
}

.gap-16 {
    gap: 16px !important;
}

.gap-18 {
    gap: 18px !important;
}

.gap-20 {
    gap: 20px !important;
}

.gap-40 {
    gap: 40px !important;
}

.gap-x-0 {
    column-gap: 0px !important;
}

.gap-x-2 {
    column-gap: 2px !important;
}

.gap-x-4 {
    column-gap: 4px !important;
}

.gap-x-6 {
    column-gap: 6px !important;
}

.gap-x-8 {
    column-gap: 8px !important;
}

.gap-x-10 {
    column-gap: 10px !important;
}

.gap-x-12 {
    column-gap: 12px !important;
}

.gap-x-15 {
    column-gap: 14px !important;
}

.gap-x-16 {
    column-gap: 16px !important;
}

.gap-x-18 {
    column-gap: 18px !important;
}

.gap-x-20 {
    column-gap: 20px !important;
}

.gap-y-0 {
    row-gap: 0px !important;
}

.gap-y-2 {
    row-gap: 2px !important;
}

.gap-y-4 {
    row-gap: 4px !important;
}

.gap-y-6 {
    row-gap: 6px !important;
}

.gap-y-8 {
    row-gap: 8px !important;
}

.gap-y-10 {
    row-gap: 10px !important;
}

.gap-y-12 {
    row-gap: 12px !important;
}

.gap-y-14 {
    row-gap: 14px !important;
}

.gap-y-16 {
    row-gap: 16px !important;
}

.gap-y-18 {
    row-gap: 18px !important;
}

.gap-y-20 {
    row-gap: 20px !important;
}

.nav.navbar-default__list .nav-second-level.collapse {
    background-color: white;
}

.nav.navbar-top-links {
    display: flex;
    align-items: center;
}

    .nav.navbar-top-links > li > a i, .nav.navbar-top-links > li > a img {
        margin: 0px 4px;
    }

    .nav.navbar-top-links > li.dropdown > a {
        padding: 12px;
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 56px;
    }

        .nav.navbar-top-links > li.dropdown > a:hover {
            background-color: #C21205;
        }

.nav.navbar-default__list > li, .nav > li {
    background: white;
}

.count-info .label {
    right: 11px;
    top: 14px;
}

.navbar-top-links li:last-child {
    margin-right: 20px !important;
}

.dropdown.user-name {
    min-height: 56px;
    margin-bottom: 0px;
}

.navbar-static-top .navbar-toggle {
    position: absolute;
    background: var(--edenred-red);
    margin: 0;
    transform: none;
    top: 0px;
    left: 0px;
    padding: 16px;
    height: 56px;
    border-radius: 0px;
}

    .navbar-static-top .navbar-toggle:hover {
        background: #C21205;
    }

.navbar-header {
    /*position: fixed;*/
    /*width: 100%;*/
    /*z-index: 1004;*/
    background-color: var(--edenred-red);
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%;
}

.nav.navbar-default__list {
    overflow: hidden !important;
    overflow-y: auto !important;
    height: calc(100vh - 57px) !important;
}

@media (max-width: 768px) {
    .nav.navbar-default__list {
        overflow: hidden !important;
        overflow-y: auto !important;
        height: calc(100vh - 100px);
    }
}

.pace .pace-progress {
    background: #FED0C8;
    height: 3px;
}

.navbar-top-links li {
    background: none;
}

@media (min-width: 768px) {
    .navbar-static-side {
        position: fixed;
    }

    .desktop-toggle {
        display: block;
        z-index: 1004;
        cursor: pointer;
    }

    .navbar-logo {
        display: inline-block;
        width: 240px;
        margin-left: 50px;
    }

    .menu-small .nav.navbar-default__list {
        width: 54px !important;
        overflow: hidden;
        min-height: calc(100vh - 57px);
    }

    .menu-small #page-wrapper {
        margin: 0 0 0 56px;
    }

    .nav.navbar-default__list {
        transition: all 0.4s;
        overflow: hidden;
    }

        .nav.navbar-default__list > li, .nav > li > a {
            white-space: nowrap;
            padding: 6px;
        }

    .menu-small .nav.navbar-default__list > li > a {
        padding: 8px 12px;
    }

    .menu-small .nav.navbar-default__list {
        transition: all 0.2s;
    }

        .menu-small .nav.navbar-default__list .nav-second-level {
            transition: all 0.3s;
            overflow: hidden;
            height: 0px !important;
            opacity: 0;
        }

        .menu-small .nav.navbar-default__list:hover {
            transition: width 0.3s;
            width: 240px !important;
            background-color: #fff;
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        }

            .menu-small .nav.navbar-default__list:hover .nav-second-level {
                transition: all 0.3s;
                overflow: hidden;
                height: auto !important;
                opacity: 1;
            }

        .menu-small .nav.navbar-default__list > li > a > span {
            display: flex;
            flex-wrap: nowrap;
            white-space: nowrap;
        }

        .menu-small .nav.navbar-default__list > li > a i, .menu-small .nav.navbar-default__list > li > a img {
            margin-right: 20px;
            transition: all 0.3s;
        }

        .menu-small .nav.navbar-default__list:hover > li > a i, .menu-small .nav.navbar-default__list:hover > li > a img {
            margin-right: 10px;
            transition: all 0.3s;
        }
}

@media (max-width: 768px) {
    .navbar-top-links .sino {
        position: absolute;
        top: 0;
        right: 0;
    }

    .navbar-top-links .balao {
        position: absolute;
        top: 0;
        right: 51px;
    }

    .navbar-static-top .navbar-logo {
        text-align: center;
    }

    .menu-open {
        overflow: hidden
    }

    .nav.navbar-top-links > li.user-name > a {
        padding: 4px 6px;
        border-radius: 16px;
        min-height: 16px;
        background: var(--edenred-red);
        margin: 10px 0px 0px 10px;
    }

    .dropdown.user-name {
        min-height: 16px;
    }

    .user-avatar {
        max-width: 20px !important;
        min-height: 20px;
    }

    .nav.navbar-top-links .open > a, .nav.navbar-top-links .open > a:focus, .nav .open > a:hover {
        background: var(--edenred-red);
    }
}

.footer {
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    row-gap: 10px;
    align-items: center;
    background: #F0F1F3;
    border-top: none;
    bottom: 0;
    left: 0;
    flex-wrap: wrap;
    padding: 0px;
    right: 0;
    position: fixed;
    min-height: 56px;
}

.footer_buttom_main {
    background-color: #2F2F2F;
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-content {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

    .footer-content div {
        display: flex;
        gap: 10px;
        align-items: center;
    }

@media (max-width: 855px) {
    .footer-content img {
        max-height: 20px
    }
}

.footer .divider {
    display: block;
    width: 1px;
    height: 36px;
    background-color: #00000020;
}

.footer-logo {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .footer-logo img {
        width: 50px;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

@media (max-width: 855px) {

    .footer .divider {
        display: none;
    }
}

@media (max-width: 815px) {
    .footer {
        position: relative;
    }
}

@media (max-width: 420px) {
    .footer {
        justify-content: center;
    }
}

.page-system .widget {
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 12px;
}

    .page-system .widget.flex {
        display: flex;
        gap: 12px;
        align-items: center;
    }

.page-system .bg-success, .page-system .navy-bg {
    background-color: #F1F5EC;
    color: var(--edenred-olyve);
}

.page-system .widget .icon {
    color: white;
    border-radius: 40px;
    padding: 8px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}

.page-system .widget h2 {
    margin: 0px;
    font-size: 24px;
}

.bg-green .icon {
    background-color: var(--edenred-green);
}

.bg-success .icon {
    background-color: var(--edenred-olyve);
}

.pink-bg .icon {
    background-color: var(--edenred-pink);
}

.bg-info .icon {
    background-color: var(--edenred-cobalt);
}

.bg-secondary .icon {
    background-color: #919191
}

.page-system .bg-green {
    background-color: #E5F6F3;
    color: var(--edenred-green);
}

.page-system .bg-info, .page-system .lazur-bg {
    background-color: #E7F3FF;
    color: var(--edenred-cobalt);
}

.page-system .pink-bg {
    background-color: #FFEEF1;
    color: var(--edenred-pink);
}

.dash-grid-charts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

@media (max-width: 1200px) {
    .dash-grid-charts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-system .widget h2 {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .dash-grid-charts {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.datepicker {
    padding: 6px 12px !important;
}

.page-system .dataTables_paginate {
    padding: 0px 20px;
}

.page-system .dataTables_info {
    padding: 8px 20px;
    font-size: 12px;
}

.page-system .dataTables_length {
    padding: 0px 20px;
}

.page-system .html5buttons {
    margin-right: 20px;
}

@media (max-width: 1200px) {
    .page-system .html5buttons {
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
        float: none;
        text-align: center;
    }
}

.page-system .dataTables_wrapper {
    background: #fafaff;
    padding-top: 10px;
    padding-bottom: 0px;
}

    .page-system .dataTables_wrapper table {
        background: #ffffff;
    }

.page-system .dataTables_paginate {
    padding: 10px 20px;
    background: #ffffff;
}

.page-system .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafaff7d;
}

.page-system table.dataTable {
    margin-bottom: 0px !important;
}

.page-system .dataTables_filter {
    padding-right: 20px;
}

.form-control, .single-line {
    padding: 6px 8px;
}

.rightSideModal {
    padding: 0px !important;
}

    .rightSideModal .modal-dialog {
        width: 45%;
        margin: 0 !important;
        float: right;
    }

@media (max-width: 992px) {
    .rightSideModal .modal-dialog {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .rightSideModal .modal-dialog {
        width: 100%;
    }
}

.rightSideModal .modal-content {
    border-radius: 0;
    border: none;
    padding: 10px 30px;
    min-height: 100vh;
}

.rightSideModal .modal-header {
    border: none;
    text-align: left;
    padding: 10px;
}

    .rightSideModal .modal-header .modal-title {
        margin-top: 10px;
        color: var(--edenred-gray);
        font-family: 'Edenred', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

.rightSideModal .modal-body {
    background-color: #fff;
    padding: 10px 0;
}

.rightSideModal .modal-footer {
    border: none;
    text-align: right;
    padding: 0;
}

.box-avisos {
    font-family: "Ubuntu", sans-serif;
    display: flex;
    flex-direction: column;
    padding: 40px;
    font-size: 14px;
}

    .box-avisos .panel-title {
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .box-avisos .panel-heading {
        background-color: #66748315 !important;
        border-left: 4px solid #f72717 !important;
    }

    .box-avisos .panel-title a:hover {
        text-decoration: none !important;
    }

    .box-avisos .panel-title a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }

        .box-avisos .panel-title a .open {
            display: none
        }

        .box-avisos .panel-title a.collapsed .open {
            display: block
        }

        .box-avisos .panel-title a .closed {
            display: block
        }

        .box-avisos .panel-title a.collapsed .closed {
            display: none
        }

        .box-avisos .panel-title a span {
            display: flex;
            align-items: center;
            gap: 10px;
        }

    .box-avisos .box-default {
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        padding: 10px 14px;
        display: flex;
        gap: 10px;
        align-items: center;
    }


.box-primary {
    font-family: "Ubuntu", sans-serif;
    display: flex;
    flex-direction: column;
    padding: 40px;
    font-size: 14px;
}

    .box-primary .panel-title {
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .box-primary .panel-heading {
        background-color: #ffffff !important;
    }

    .box-primary .panel-title a:hover {
        text-decoration: none !important;
    }

    .box-primary .panel-title a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }

        .box-primary .panel-title a .open {
            display: none
        }

        .box-primary .panel-title a.collapsed .open {
            display: block
        }

        .box-primary .panel-title a .closed {
            display: block
        }

        .box-primary .panel-title a.collapsed .closed {
            display: none
        }

        .box-primary .panel-title a span {
            display: flex;
            align-items: center;
            gap: 10px;
        }

    .box-primary .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #fff !important;
        padding-top: 0px !important;
        font-size: 13px;
        color: gray;
    }

    .box-primary .box-default {
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        padding: 10px 14px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

.modal-base-buttons {
    margin: 0 -30px 0px -30px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #F3FAFF;
}


.cx-widget.cx-theme-Repom .cx-titlebar {
    background: var(--edenred-red) !important;
    background-image: url('../Images/logo.png') !important;
    background-repeat: no-repeat !important;
    background-size: auto 76% !important;
    background-position: 10px 5px !important;
    border-radius: 10px 10px 0px 0px;
}

.cx-widget.cx-theme-Repom .cx-buttons-window-control .cx-svg-icon-tone1 {
    fill: white !important;
}

.cx-widget.cx-theme-Repom {
    border-radius: 10px 10px 0px 0px !important;
}

    .cx-widget.cx-theme-Repom .cx-btn-primary,
    .cx-widget.cx-theme-Repom .cx-btn-default {
        border-radius: 20px;
    }

        .cx-widget.cx-theme-Repom .cx-button-group .cx-btn-primary:focus, .cx-widget.cx-theme-Repom .cx-btn-primary:focus, .cx-widget.cx-theme-Repom .cx-button-group .cx-btn-default:focus, .cx-widget.cx-theme-Repom .cx-btn-default:focus {
            border-color: #f05922 !important;
        }

.cx-common-container .cx-buttons-window-control button:focus {
    outline: none;
    border: none
}

.cx-widget.cx-theme-Repom input[type="text"], .cx-widget.cx-theme-Repom input[type="email"], .cx-widget.cx-theme-Repom input[type="tel"], .cx-widget.cx-theme-Repom select, .cx-widget.cx-theme-Repom textarea {
    border-radius: 4px
}

.cx-widget-status {
    display: none
}

.cx-common-container .cx-body {
    padding: 20px 20px !important;
}

.cx-webchat .cx-transcript {
    padding: 0 20px 10px 0 !important;
}

    .cx-webchat .cx-transcript .cx-message .cx-bubble {
        padding: 10px !important;
    }

    .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    .cx-webchat .cx-transcript .cx-message .cx-avatar-wrapper {
        top: 12px !important;
        left: 10px !important;
    }

    .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-system .cx-bubble {
        background: #E3EBCC;
        border-radius: 8px;
        padding: 6px 10px !important;
        width: fit-content;
    }

    .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them {
        background: #E3EBCC;
        border-radius: 8px;
        padding: 6px 10px !important;
        width: fit-content;
    }

    .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you {
        display: flex;
        justify-content: flex-end;
    }

        .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-them .cx-bubble-arrow svg,
        .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble-arrow svg {
            display: none !important;
        }

        .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-bubble {
            background: #CFE8FF;
            border-radius: 8px;
            padding: 6px 10px !important;
            width: fit-content;
        }

    .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant .cx-bubble {
        margin: 0 0 0 24px !important;
    }

.nowrap {
    flex-wrap: nowrap !important;
}

.page-system .jumbotron {
    background-color: #fafaff !important;
}

.page-system .linha-selecionada {
    background-color: #fafaff !important;
}

.page-system .table-hover > tbody > tr:hover {
    background-color: #f5f5f5b0;
}

.page-system .close {
    opacity: .5;
}

    .page-system .close:focus, .page-system .close:hover {
        opacity: .9;
    }

.page-system input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
}

.page-system #treeview-list .nivel1,
.page-system #treeview-list .nivel2,
.page-system #treeview-list .nivel3,
.page-system #treeview-list .nivel4 {
    display: flex;
}

    .page-system #treeview-list .nivel1 label,
    .page-system #treeview-list .nivel2 label,
    .page-system #treeview-list .nivel3 label,
    .page-system #treeview-list .nivel4 label {
        display: flex;
        gap: 6px;
        align-items: center;
    }


.treeview-item {
    padding: 6px 12px;
    gap: 20px !important;
    align-items: center;
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-bottom: 1px;
}

ul#treeview-list li {
    background: #66748304;
}

    ul#treeview-list li:nth-of-type(odd) {
        background: #66748308;
    }

ul#treeview-list label {
    margin-bottom: 0px;
    color: #000;
}

.page-system .validation-summary-errors {
    border-radius: 26px;
    color: #b54650;
    background-color: #fbf0f1;
    border: #ffe3e6 1px solid;
    padding: 10px 14px;
}

    .page-system .validation-summary-errors ul {
        padding: 0px;
        margin: 0px;
    }

.page-system .hr-line-dashed {
    border-top: 1px dashed #bcc0c3;
}

/*.page-system .table-responsive {
    overflow-x: unset;
}*/
@media screen and (max-width:767px) {
    .page-system .table-responsive {
        overflow-y: auto;
    }
}

.page-system .badge-info, .label-info {
    background-color: var(--edenred-cobalt);
}

.page-system .input-group .btn {
    border-bottom-width: 1px;
}

.page-system .panel-collapse-heading a {
    width: 100%;
    display: block;
}

.weight-normal {
    font-weight: normal
}

.page-system .route-detail-card {
    width: 100%;
    border: 1px solid #EAF0FB;
    box-shadow: none;
    border-radius: 8px;
    display: flex;
    height: 40px;
    padding: 8px 12px;
    justify-content: space-between;
    align-items: center;
}

.page-system .route-popup-selection {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    z-index: 2000;
}

.page-system #step-parameters-routes-container .details-arrow-container {
    display: block;
    width: 20px;
    height: 22px;
    padding-left: 0px;
    padding-top: 0px;
    text-align: center;
}

.page-system .step-subtitulo-faixa {
    background: linear-gradient(180deg, rgba(234,238,244,1) 0px, rgba(234,238,244,1) 110px, rgba(247,249,252,1) 110px, rgba(247,249,252,1) 100%);
    padding-top: 50px;
}

.page-system .step-subtitulo {
    position: absolute;
    margin-top: -42px;
    text-align: center;
    width: 140%;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.page-system #step-report .step-subtitulo {
    margin-top: -52px;
}

.page-system .step-report .step-subtitulo {
    width: 94%;
}




.page-system #step-parameters-intro-description,
.page-system .grey-title-bold {
    height: 18px;
    margin-top: 0;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .page-system .step-subtitulo {
        width: 94%;
    }
}

@media (max-width: 992px) {
    .page-system .step-subtitulo-faixa {
        background: linear-gradient(180deg, rgba(234,238,244,1) 0px, rgba(234,238,244,1) 110px, rgba(247,249,252,1) 110px, rgba(247,249,252,1) 100%);
        padding-top: 60px;
    }

    .page-system .step-subtitulo {
        margin-top: -50px;
    }

    .page-system #step-report .step-subtitulo {
        margin-top: -68px;
        height: 50px;
        overflow: hidden;
    }
}

@media (max-width: 410px) {
    .page-system .step-subtitulo-faixa {
        background: linear-gradient(180deg, rgba(234,238,244,1) 0px, rgba(234,238,244,1) 110px, rgba(247,249,252,1) 110px, rgba(247,249,252,1) 100%);
        padding-top: 70px;
    }

    .page-system .step-subtitulo {
        margin-top: -66px;
    }

    .page-system #step-report .step-subtitulo {
        margin-top: -68px;
        height: 50px;
        overflow: hidden;
    }
}

.page-system .route-detail-card.route-detail-card-selected {
    border: 1px solid #EAF0FB;
}

.icon-route-select {
    display: none !important;
    margin-right: 6px;
    color: #739a00;
}

.page-system .route-detail-card-selected .icon-route-select {
    display: inline-block !important;
}

.page-system .custom-txt-field {
    margin-bottom: 10px;
}

.page-system .general-summary-section {
    display: flex;
    align-items: center;
    gap: 5px;
}

.page-system .chosen-container-single .chosen-search input[type=text] {
    background: url(plugins/chosen/chosen-sprite@2x.png) no-repeat 100% -33px,#fff;
    background-size: 80px;
}

.page-system .round-number {
    width: auto;
    height: auto;
    border: none;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 0px;
    border-radius: 50px;
    color: #0E8AFF;
    cursor: default;
    font-weight: bold;
    font-size: 18px;
    padding-right: 8px;
}

#accounting-list > .accounting-information-row > .accounting-type > label,
#accounting-list > .accounting-information-row > .accounting-value > label {
    display: none
}

#accounting-list > .accounting-information-row:first-child > .accounting-type > label,
#accounting-list > .accounting-information-row:first-child > .accounting-value > label {
    display: block
}

#modal-title {
    font-weight: bold;
    color: var(--edenred-green)
}

.modal {
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.flex-1 {
    flex: 1;
}

.pointer {
    cursor: pointer;
}

.min-w-200 {
    min-width: 200px;
}

thead.thead_border_radius {
    border-radius: 10px 10px 0 0;
}

    thead.thead_border_radius th:first-child {
        border-radius: 10px 0 0 0;
    }

    thead.thead_border_radius th:last-child {
        border-radius: 0 10px 0 0;
    }


.swal2-cancel, .swal2-cancel:focus, .swal2-cancel:active,
.swal2-cancel.active, .swal2-cancel.active:focus, .swal2-cancel:active:focus,
.swal2-cancel.active:hover, .swal2-cancel:active:hover {
    background-color: var(--edenred-red);
    border-color: var(--edenred-red);
    border-radius: 60px !important;
    box-shadow: none !important;
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

    .swal2-cancel:hover {
        background-color: var(--edenred-danger-btn-hover) !important;
        border-color: var(--edenred-danger-btn-hover) !important;
        box-shadow: 0px 4px 10px rgba(247, 39, 23, 0.2) !important;
    }


.swal2-title, .swal2-content {
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.swal2-confirm, .swal2-confirm:focus, .swal2-confirm:active,
.swal2-confirm.active, .swal2-confirm.active:focus, .swal2-confirm:active:focus,
.swal2-confirm.active:hover, .swal2-confirm:active:hover {
    background-color: var(--edenred-olyve) !important;
    border-color: var(--edenred-olyve) !important;
    border-radius: 60px !important;
    box-shadow: none !important;
    font-family: Ubuntu, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

    .swal2-confirm:hover {
        background-color: var(--edenred-success-btn-hover) !important;
        border-color: var(--edenred-success-btn-hover) !important;
        box-shadow: 0px 4px 10px rgba(13, 138, 255, 0.2);
    }

.page-system input[type=checkbox], input[type=radio] {
    position: relative;
    cursor: pointer;
}

.page-system .checkbox-inline > label {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.badge-success, .label-success {
    background-color: #EBFFEB;
    color: #67BF75;
    border-radius: 40px;
    border: 1px solid #DCFFE4;
}

.badge-info, .label-info {
    background-color: #EBFFFE;
    color: #67AFBF;
    border-radius: 40px;
    border: 1px solid #DCF9FF;
}

.label-danger {
    border-radius: 40px;
}

.badge-warning, .label-warning {
    background-color: #FFF9EB;
    color: #BFAC67;
    border-radius: 40px;
    border: 1px solid #FFF7DC;
}

/* correção responsividade tabela */
.table-responsive {
    overflow-x: auto !important;
    min-height: 350px
}

    .table-responsive .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px;
        min-height: fit-content;
        overflow: auto;
        max-height: 150px;
    }

    .table-responsive table tr:first-child .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu,
    .table-responsive table tr:nth-child(2) .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu,
    .table-responsive table tr:nth-child(3) .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu,
    .table-responsive table tr:nth-child(4) .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: 0px;
        right: 40px;
    }
/* correção responsividade tabela */


/* pagination */
.table_pagination_api {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

    .table_pagination_api ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }

.notOrderby .footable-sort-indicator,
.footable > thead > tr > th.notOrderby > span.footable-sort-indicator {
    display: none;
}

.table_pagination_api_li {
    border: 1px solid #cbcbcb;
    padding: 6px 10px;
    margin: 0px;
    line-height: 1em;
    cursor: pointer;
}

    .table_pagination_api_li.active {
        background-color: #f4f4f4;
    }

    .table_pagination_api_li.disabled {
        color: #ddd;
        cursor: not-allowed;
    }

    .table_pagination_api_li:first-child {
        border-radius: 4px 0 0 4px;
    }

    .table_pagination_api_li:last-child {
        border-radius: 0 4px 4px 0;
    }
/* pagination */


.grid-container {
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: repeat(1, 1fr);
    max-width: 100%;
}

@media (min-width: 768px) {
    .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .grid-container {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* CHAT */

.genesys-mxg-frame {
    position: fixed;
    right: 10px;
    bottom: 66px !important;
    width: 60px;
    height: 60px;
    z-index: 2047;
}

.chat_container {
    position: fixed;
    right: 10px;
    bottom: 66px;
    width: 60px;
    height: 60px;
    z-index: 2047;
}

.chat_buttom {
    width: 60px;
    height: 60px;
    display: flex;
    background-color: #d52b1e;
    border-radius: 90px;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px #00000020;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2049;
    cursor: pointer;
}

.chat_icon {
    width: 60%;
}

.chat_box_message {
    background-color: #ffffff;
    border-radius: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    height: 60px;
    width: 160px;
    padding: 10px 20px 10px 26px;
    box-shadow: 0px 0px 10px #00000030;
    position: absolute;
    right: 70px;
    bottom: 0px;
    z-index: 2048;
    opacity: 1;
    transition: all 400ms cubic-bezier(0.5, 2, 0.5, 1);
    font-family: 'Ubuntu';
}

.chat_box_message_close {
    opacity: 0;
    right: 0px;
    transition: all 0.5;
}

.chat_box_message_closebuttom {
    cursor: pointer;
}

.carousel-inner > .item.active {
    display: flex;
    justify-content: center
}

#toast-container > div {
    padding: 15px 20px 15px 20px !important;
    display: flex;
    gap: 10px;
    direction: rtl;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px !important;
}

#toast-container > .toast-info {
    background-image: none !important;
}

    #toast-container > .toast-info:before {
        content: none !important;
    }

.toast {
    background-color: #007bff !important;
    color: white !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

.toast-message {
    text-align: left;
}

.toast-info .toast-close-button {
    color: white !important;
    top: unset;
    right: unset;
}

button.toast-close-button {
    padding: 0 !important;
}

#modal-loading {
    z-index: 10001 !important;
}

.navbar-static-top {
    z-index: 1004;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    z-index: 10000 !important;
}

/* Pesquisa de satisfação */
.survey {
    display: none;
}

.labelParticipacao {
    display: none;
}

.star-rating {
    direction: rtl;
    display: inline-flex;
    font-size: 2rem;
}

    .star-rating input[type="radio"] {
        display: none;
    }

    .star-rating label {
        color: #ccc;
        cursor: pointer;
    }

        .star-rating input[type="radio"]:checked ~ label,
        .star-rating label:hover,
        .star-rating label:hover ~ label {
            color: gold;
        }

#comment {
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 80px;
}

.survey button {
    margin-top: 10px;
    padding: 8px 16px;
    font-size: 1rem;
}