body {
    font-family: 'Varela Round', sans-serif;
}

.modal-confirm {
    color: #636363;
    width: 400px;
}

    .modal-confirm .modal-content {
        padding: 10px;
        border-radius: 15px;
        border: none;
        text-align: center;
        font-size: 20px;
    }

    .modal-confirm .modal-header {
        border-bottom: none;
        position: relative;
    }

    .modal-confirm h4 {
        color: #292929 !important;
        text-align: center;
        font-size: 26px;
        margin: 30px 0 -10px;
    }

    .modal-confirm .close {
        position: absolute;
        top: -5px;
        right: -2px;
    }

    .modal-confirm .modal-body {
        color: #292929 !important;
    }

    .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
        padding: 10px 15px 25px;
    }

        .modal-confirm .modal-footer a {
            color: #999;
        }

    .modal-confirm .icon-box {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        border-radius: 50%;
        z-index: 9;
        text-align: center;
        border: 3px solid #f15e5e;
    }

        .modal-confirm .icon-box i {
            color: #f15e5e;
            font-size: 46px;
            display: inline-block;
            margin-top: 13px;
        }

    .modal-confirm .btn, .modal-confirm .btn:active {
        color: #fff;
        border-radius: 4px;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        min-width: 120px;
        border: none;
        min-height: 40px;
        border-radius: 3px;
        margin: 0 5px;
    }

    .modal-confirm .btn-secondary {
        background: #c1c1c1;
    }

        .modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
            background: #a8a8a8;
        }

    .modal-confirm .btn-danger {
        background: #f15e5e;
    }

        .modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
            background: #ee3535;
        }

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.main-color {
    color: #E86714 !important;
}

.text-primary {
    color: #158df7 !important;
}

.logo-title {
    color: #E86714;
}

.navbar-breadcrumb,
h5 {
    color: #292929 !important;
}

.ml-4 {
    color: #E86714 !important;
    color: #292929 !important;
}

.svg-icon {
    color: #7e7e7e !important;
}

.iq-search-bar .search-link {
    background-color: #ffa84c !important;
}

.caption,
h6,
a {
    color: #292929 !important;
}

.data-scrollbar {
    background-color: #fef7f0 !important;
}

.iq-sidebar {
    background-color: #fef7f0 !important;
}

.iq-sidebar-logo {
    background-color: #fef7f0 !important;
}

.sidebar-default .iq-sidebar-menu .iq-menu > li.active > a {
    background-color: #ffdcb7 !important;
    border-left: #E86714 4px solid !important;
}

.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li a[aria-expanded="true"] {
    background-color: #ffeddb !important;
    border-left: #E86714 4px solid !important;
}

.btn-primary {
    background-color: #3e3e3e !important;
    color: #fef7f0 !important;
    border: solid #787878 1px;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #878787 !important;
        border-color: #878787 !important;
        box-shadow: unset, 0 0 0 0.2rem rgb(206, 118, 18) !important;
    }

.custom-file .custom-file-label::after {
    background-color: #3e3e3e !important;
    align-items: center !important;
    margin-top: -05.5px !important;
    content: 'Procurar';
}

.custom-file .custom-file-label {
    align-items: center !important;
    line-height: 48px !important;
    height: 50px !important;
    padding: 0.05rem 0.738rem !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    border-color: #292929 !important;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    color: #292929 !important;
    border-color: #E0E2DB !important;
}

.form-control {
    color: #292929 !important;
    border-color: #E0E2DB !important;
}

    .form-control ::after {
        border-color: #E0E2DB !important;
    }

.form-control-sm {
    height: 50px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ffa84c !important;
}

.bg-secondary-light {
    color: #292929 !important;
    background-color: transparent !important;
}

.bg-secondary {
    color: #292929 !important;
    background-color: transparent !important;
    border-color: rosybrown !important;
}

[class^="ri-"],
[class*=" ri-"] {
    color: #292929 !important;
}

.bg-primary {
    background-color: transparent !important;
    border-color: #b5d7f0 !important;
    margin-right: 5px;
    color: #fef7f0;
}

.bg-success {
    background-color: transparent !important;
    border-color: #7ad684 !important;
    margin-right: 5px;
    color: #fef7f0;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    color: #fff !important;
    border-color: #2449ff !important;
    background-color: transparent !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    color: #fff !important;
    border-color: #22bb33 !important;
    background-color: transparent !important;
}

.btn-sm,
.btn-group-sm > .btn {
    font-size: 1rem !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    color: #fff !important;
    border-color: #730505 !important;
    background-color: transparent !important;
}

.btn-sm,
.btn-group-sm > .btn {
    font-size: 1.2rem !important;
}

.page-item.active .page-link {
    background-color: #E86714 !important;
}

.page-link {
    border-color: #7e7e7e !important;
}

.page-item :hover {
    background-color: #F8F7F7;
}

::-webkit-scrollbar-thumb {
    background-color: #E86714 !important;
}

.iq-top-navbar {
    background-color: #ffff !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #E86714 !important;
}

.btn-primary:hover {
    border-color: #fff !important;
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 0.9rem;
    padding: 10px 40px;
    line-height: 1.5;
    border-radius: 10px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ffa84c !important;
    color: #ffa84c !important;
}

.bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-image: url("../images/login/preference_bg.jpg") !important;
}

h3 {
    color: #E86714 !important;
}

.mb-5, .my-5 {
    margin-bottom: 0.5rem !important;
}

.table.dataTable thead th {
    color: rgb(41, 41, 41) !important;
}

.table td {
    color: #000 !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #000 !important;
}

.validation-message {
    color: red !important;
}

.material-symbols-outlined {
    font-size: 54px;
    color: #ffc42c;
}

.flex-column {
    flex-direction: column !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.table span, .table p {
    color: #000;
}

.pagination {
    padding-top: 30px;
    border-color: #E0E2DB !important;
}

/*paginacao PAGESIZE*/
li.page-item select {
    background-color: white !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    height: 2.375rem !important;
}

ul.pagination li a {
    border-style: solid;
    border-color: #E0E2DB !important;
}

li.page-item a:hover {
    background-color: #E86714 !important;
}

ul.pagination li.page-item select.form-control option::after {
    border-radius: 16px !important;
}

label {
    margin-bottom: 0;
}

/*Radzen Component*/
.rz-multiselect, .rz-dropdown {
    background: #F8F7F7 !important;
    color: #292929 !important;
    border-radius: 14px !important;
    height: 3rem;
    display: block;
}

    .rz-multiselect, .rz-dropdown:hover {
        background: #F8F7F7 !important;
        color: #292929 !important;
        border-radius: 14px !important;
        border-color: #E86714 !important;
    }

        .rz-multiselect, .rz-dropdown:hover::after {
            background: #F8F7F7 !important;
            color: #292929 !important;
            border-radius: 14px !important;
            border-color: #E86714 !important;
        }

.rz-dropdown-item:hover, .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-dropdown-items li:hover, .rz-autocomplete-items li:hover, .rz-multiselect-items li:hover {
    background-color: #E86714 !important;
    color: #292929 !important;
    border-radius: 14px !important;
}

.rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight {
    background-color: #E86714 !important;
    color: #292929 !important;
    border-radius: 14px !important;
}
/*antes de selecionar dropdown*/
.rz-html-editor-dropdown-items, .rz-splitbutton-menu, .rz-autocomplete-panel, .rz-multiselect-panel, .rz-dropdown-panel {
    color: #292929 !important;
    background-color: #ffff !important;
    border-radius: 14px !important;
    box-shadow: #999 !important;
}

.rz-multiselect-label-container, .rz-dropdown-label {
    text-align: justify !important;
    display: flex !important;
    margin-top: 6px !important;
}

:root {
    --rz-splitter-bar-color-active: #3e3e3e !important;
    --rz-border-primary: var(--rz-border-width) solid #3e3e3e !important;
    --rz-primary: #E86714 !important;
    --rz-primary-light: #E86714 !important;
}

.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: #E86714 !important;
}

.rz-tabview > .rz-tabview-nav li:hover {
    border-top-color: #E86714 !important;
}

.RadzenDropDown-Portifolio {
    height: 3rem;
    width: 20rem;
}

ul[role=tablist] {
    flex-wrap: wrap !important;
}

.rz-tabview-nav {
    overflow-x: auto;
    overflow-y: hidden;
}

.rz-tabview-panels {
    overflow-y: hidden;
}

.rz-pref-table {
    border-radius: 16px;
}

.rz-data-grid-data {
    border-radius: 16px;
}

/*.rz-grid-table {
    min-width: 1300px;
}
*/
.rz-grid-table thead th:not(:last-child) {
    border-right: none;
}

.rz-grid-table thead th {
    padding: 5px;
}

    .rz-grid-table thead th span {
        font-size: 17px;
        font-weight: 700 !important;
    }

.rz-datatable-emptymessage-row {
    text-align: center;
}

.rz-datatable-data td:not(:last-child), .rz-grid-table td:not(:last-child) {
    border-right: none;
}

.container-input-btn {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rz-color-orange {
    color: #E86714
}

.rz-g > div, .rz-datalist-data > li {
    border-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
}

.rz-datalist-content {
    width: 100%
}

.rz-datalist-data {
    padding: 0;
}

@media (max-width: 767px) {
    rz-grid-table {
        width: 100%;
        max-width: 100%;
        display: block;
        overflow-x: auto;
    }
}

.rz-grid-table {
    border: 1px solid #E0E2DB;
    border-radius: 16px;
    overflow: hidden;
    color: #140F49;
}

.rz-grid-table {
    width: 100%;
    color: #605C8D;
}

@media (max-width: 1600px) {
    .grid-overflow {
        overflow-x: auto !important;
    }

    .grid-cliente {
        min-width: 1500px !important;
    }

    .grid-tarifa {
        min-width: 1000px !important;
    }

    .modal-editar-tarifa {
        min-width: 800px !important;
    }

    .grid-fornecedor {
        min-width: 400px !important;
    }

    .modal-editar-documento {
        min-width: 750px !important;
    }
}

@media (max-width: 1065px) {
    .content-page {
        padding: 100px 5px;
    }
}

@media (max-width: 900px) {
    .modal-body {
        padding: 0.4rem !important;
    }
}

.close-button {
    position: absolute;
    top: 0px;
    width: 36px;
    height: 36px;
    right: 0px;
    cursor:pointer;
    margin-top: 10px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='currentColor'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
}