:root{
    --cl-1: #333333;
    --cl-2: #ebebeb;
    --cl-3: #6b6b6b;
    --cl-4: #6e768e;
    --cl-5: #d6d6d6;
    --cl-6: #e9e9e9;
    --cl-7: #e3eaef;
    --cl-8: #f2f2f2;
    --cl-9: #212429;
}

html, body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    background: var(--cl-2);
    color: var(--cl-1);
}

h5 {
    font-size: 1.1rem;
}

.badge {
    font-size: .85em;
}

.bg-success {
    background-color: #13c068 !important;
}

.text-success {
    color: #13c068 !important;
}

.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-left: 1.15rem;
}

.card-title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*Load*/
    .load.absolute{
        position: absolute;
        top: 50%;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .load .loader{
        width: 1.4rem;
        height: 1.4rem;
    }

    .load .loader path{
        fill: var(--cl-1);
        transform-origin: center;
        animation: rotate 1.5s linear infinite;
    }

    .load .loader .loaderreverse{
        animation-direction: reverse !important;
    }

    @keyframes rotate{
        to{
            transform: rotate(360deg);
        }

        from{
            transform: rotate(0deg);
        }
    }
/*Load*/

/*Loader*/
    #loader{
        position: fixed;
        text-align: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: white;
        z-index: 999999;
    }

    #loader .load{
        position: relative;
        top: calc(41vh);
    }

    #loader .load .image img{
        max-width: 20px;
    }
/*Loader*/

/*Input google*/
    .google-input {
        position: relative;
        margin: auto;
        width: 100%;
        cursor: text;
    }

    .google-input .label {
        position: absolute;
        width: max-content;
        top: 1.05rem;
        left: 1.2rem;
        right: 0;
        color: #999;
        transition: all 0.2s ease;
    }

    .google-input input {
        padding: 2.19rem 0.8rem 1.09rem 1.1rem;
        height: 1.5rem;
        transition: all 0.15s ease;
        border: 0.1rem solid var(--cl-2);
    }

    .google-input input:not(:placeholder-shown) + span {
        z-index: 3;
        top: 0.5rem;
        font-size: 0.8rem;
    }

    .google-input input:focus {
        background: white;
        border-color: var(--cl-2);
        outline: none;
    }

    .google-input input:focus + span {
        z-index: 3;
        top: 0.5rem;
        font-size: 0.8rem;
        transition-delay: 0.1s;
    }

    .google-input textarea {
        padding: 1.5rem 0.8rem 0.6rem 1.1rem;
        transition: all 0.15s ease;
        border: 0.1rem solid var(--cl-2);
    }

    .google-input textarea:not(:placeholder-shown) + span {
        z-index: 3;
        top: 0.1rem;
        padding-top: 0.3rem;
        font-size: 0.8rem;
        background: white;
        width: 86%;
    }

    .google-input textarea:focus {
        background: white;
        border-color: var(--cl-2);
        outline: none;
    }

    .google-input textarea:focus + span {
        z-index: 3;
        top: 0.1rem;
        padding-top: 0.3rem;
        font-size: 0.8rem;
        background: white;
        width: 86%;
    }

    .google-input .input-group .input-group-append .input-group-text{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
/*Input google*/

/*Sidebar*/
    #sidebar {
        min-width: 15rem;
        max-width: 15rem;
        background: white;
        color: var(--cl-3);
        transition: all 0.3s;
        z-index: 4;
    }

    #sidebar.active {
        margin-left: -15rem;
    }

    #sidebar .sidebar-header {
        font-family: 'Libre Barcode 39 Extended Text', cursive;
        color: var(--cl-1);
        padding: 1.25rem;
    }

    #sidebar .sidebar-header h1{
        font-size: 3.7rem;
    }

    #sidebar ul.components {
        padding: 1.5rem 0;
        border-left: 0.35rem solid var(--cl-1);
    }

    #sidebar ul.components li.opacity{
        opacity: .4;
    }

    #sidebar ul.components li a {
        padding: 0.85rem 1.5rem;
        display: block;
        color: var(--cl-4);
        text-decoration: none;
        transition: all .1s;
    }

    #sidebar ul.components li a svg {
        margin-right: 0.72rem;
        width: 1.30rem;
    }

    #sidebar ul.components li a:hover {
        color: var(--cl-1);
        font-weight: 600;
    }

    #sidebar ul.components li.active > a {
        color: var(--cl-1);
        font-weight: 600;
        background: var(--cl-6);
    }

    #sidebar ul.components ul a {
        padding-left: 2.15rem !important;
        background: #e5b200;
    }
/*Sidebar*/

/*Content*/
    #content {
        width: 100%;
        padding: 1.5rem;
        min-height: 100vh;
        transition: all 0.3s;
    }

    #content .card{
        box-shadow: 0 0 0.8rem 0 rgb(154 161 171 / 15%);
        border-radius: 0.7rem;
        border: none;
    }
/*Content*/

/*Checkout*/
    .checkout{
        background: white;
        max-width: 340px;
        border-radius: 1rem;
        border: 0.5rem solid var(--cl-2);
    }

    .checkout h1{
        font-family: 'Libre Barcode 39 Extended Text', cursive;
    }
/*Checkout*/

/*Custom*/
    .c-ff-1{
        font-family: 'Libre Barcode 39 Extended Text', cursive;
    }

    .c-fs-1{
        font-size: 4.5rem;
    }

    .c-fw-1{
        font-weight: 500;
    }

    .c-ls-1{
        letter-spacing: 0.61rem;
    }

    .c-cp-1{
        cursor: pointer;
    }

    .c-op-1{
        opacity: .5;
    }

    .c-h-1{
        max-height: 50px;
    }

    .c-m-1{
        margin-right: 4px;
    }

    .c-bd-1{
        border: 1px dashed;
    }

    .c-bd-2{
        border: 2px solid var(--cl-9) !important;
    }

    .c-bd-3{
        border-top: 2px solid var(--cl-9) !important;
    }

    .c-br-1 {
        border-radius: 10px;
    }
/*Custom*/

/*Button*/
    .btn-check:focus+.btn, .btn:focus {
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
    }

    .btn-close:focus {
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
    }

    .card .btn, .modal-body .btn, #signin-form .btn, .checkout .btn {
        padding: 0.92rem 1.4rem;
        border-radius: 0.3rem;
        font-weight: 500;
    }

    .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
    }

    .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle {
        background-color: var(--cl-7);
        border-color: var(--cl-7);
    }

    .btn-check:focus+.btn-light, .btn-light:focus {
        background-color: var(--cl-7);
        border-color: var(--cl-7);
    }

    .btn-light {
        background-color: var(--cl-7);
        border-color: var(--cl-7);
    }

    .btn-light:hover {
        background-color: #cbd8e1;
        border-color: #c3d2dc;
    }
/*Button*/

/*Input*/
    .form-control {
        border: 0.1rem solid var(--cl-2);
    }

    .form-control:focus {
        box-shadow: none;
        border-color: var(--cl-2);
    }

    ::-webkit-file-upload-button {
        height: 3.27rem;
    }

    .form-select {
        border: 1px solid var(--cl-2);
        padding: .375rem 2.25rem .375rem 1.2rem;
    }

    .form-select:focus {
        border-color: var(--cl-2);
        box-shadow: none;
    }

    .form-floating>label {
        padding: 1rem 1.3rem;
    }
/*Input*/

/*Check*/
    .form-check-input:checked {
        background-color: var(--cl-1);
        border-color: var(--cl-1);
    }

    .form-check-input:focus {
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
    }
/*Check*/

/*Text*/
    a{
        color: var(--cl-1);
        transition: all 0.3s;
    }

    a:hover{
        color: var(--cl-1);
        opacity: .8;
    }
/*Text*/

/*Alert*/
    .alert-light {
        color: var(--cl-1);
        background-color: var(--cl-8);
        border-color: var(--cl-8);
    }
/*Alert*/

/*Modal*/
    .modal-content {
        border-radius: 1rem;
        border: 0.5rem solid var(--cl-2);
    }

    .modal-content .modal-header {
        padding: 0.7rem 1rem;
        border-top-left-radius: 0.6rem;
    }

    .modal-content .modal-header .modal-title {
        color: #dadada;
        letter-spacing: 0.3rem;
        padding: 2rem 0 1.2rem;
    }

    .modal-content .modal-header .btn-close{
        position: absolute;
        right: 1rem;
        top: 1rem;
        z-index: 999999;
    }

    .modal-content .modal-body {
        padding: 0 1.5rem 1.5rem;
    }
/*Modal*/

/*Dropdown*/
    .dropdown-menu {
        border: 0.1rem solid var(--cl-2);
        border-radius: 0.7rem;
        box-shadow: 0 0 2.5rem 0 rgb(154 161 171 / 15%);
        padding: 0.3rem;
        animation-name: DropDownSlide;
        animation-duration: .3s;
        animation-fill-mode: both;
    }

    .dropdown-menu.show {
        top: 100% !important;
    }

    .dropdown-menu-right {
        right: 0 !important;
        left: auto !important;
    }

    .dropdown-menu .dropdown-item svg {
        width: 1rem;
        height: 1rem;
        margin-right: 0.3rem;
    }

    .dropdown-item {
        padding: 0.3rem 1.5rem 0.3rem 1rem;
        font-size: 0.96rem;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: var(--cl-2);
    }

    .dropdown-item:focus, .dropdown-item:hover {
        border-radius: 0.4rem;
    }

    .dropdown-toggle {
        white-space: normal !important;
    }

    @keyframes DropDownSlide {
        100% {
            transform: translateY(0);
        }

        0% {
            transform: translateY(2.85rem);
        }
    }
/*Dropdown*/

/*Accordion*/
    .accordion{
        box-shadow: 0 0 0.8rem 0 rgb(154 161 171 / 15%);
        border-radius: 0.7rem;
    }

    .accordion .accordion-item{
        border-radius: 0.7rem;
    }

    .accordion .accordion-button{
        border-radius: 0.7rem !important;
    }

    .accordion .accordion-button:not(.collapsed) {
        color: var(--cl-1);
        background-color: var(--cl-6);
        box-shadow: none;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .accordion .accordion-button:focus {
        border-color: var(--cl-3);
        box-shadow: none;
    }

    .accordion .accordion-button:not(.collapsed)::after {
        filter: grayscale(100%);
    }

    #accordionInvoiceImage .images .image img{
        max-height: 49px;
    }
/*Accordion*/

/*Datepicker*/
    .datepicker {
        padding: 0.7rem !important;
        border: 0.07rem solid var(--cl-7);
    }

    .datepicker td, .datepicker th {
        width: 2.15rem;
        height: 2.15rem;
    }

    .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
        background-color: var(--cl-1) !important;
        background-image: none !important;
        color: #fff;
    }

    .datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background: #f8f9fa;
    }

    .datepicker table tr td span.new, .datepicker table tr td span.old {
        color: white;
    }

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
        background: #f8f9fa;
    }

    .datepicker .datepicker-switch:hover {
        background: none;
    }

    .datepicker-inline {
        border: 0.15rem solid #d3dee6;
        width: 17.15rem;
    }

    .datepicker-dropdown:after {
        border-bottom: 0.45rem solid #fff;
    }

    .datepicker-dropdown:before {
        border-bottom-color: var(--cl-7);
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        border-top: 0.5rem solid var(--cl-7);
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        border-top: 0.45rem solid #fff;
    }

    .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
        background-color: var(--cl-1);
        color: white;
    }

    .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
        background: var(--cl-2);
        color: white;
    }

    .datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background: var(--cl-2);
    }
/*Datepicker*/

/*Daterangepicker*/
    .daterangepicker{
        font-family: 'Roboto', sans-serif;
    }

    .daterangepicker .drp-buttons .btn {
        font-size: 1rem;
        font-weight: 500;
        padding: 0.3rem 1.1rem;
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        font-size: 0.9rem;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: var(--cl-1);
    }

    .daterangepicker .drp-selected {
        display: none;
    }

    .daterangepicker .btn-primary {
        background-color: var(--cl-1);
        border-color: var(--cl-1);
    }
/*Daterangepicker*/

/*Autocomplete*/
    .autocomplete-suggestions {
        border: 0.07rem solid var(--cl-2);
        border-bottom-left-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem;
        margin-top: -0.15rem;
        background: #ececec;
        cursor: default;
        overflow: auto;
        max-height: 14rem !important;
        box-shadow: 0 0 0.8rem 0 rgb(154 161 171 / 15%);
    }

    .autocomplete-suggestions strong {
        font-weight: bold;
        color: var(--cl-1);
    }

    .autocomplete-suggestion {
        padding: 0.35rem 0.71rem;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete-no-suggestion {
        padding: 0.35rem;
    }

    .autocomplete-selected {
        background: var(--cl-5);
        cursor: pointer;
    }
/*Autocomplete*/

/*Sweet*/
    .swal2-container .swal2-title {
        font-size: 1.3rem!important;
    }

    .swal2-title {
        font-weight: 500 !important;
    }

    .swal2-html-container {
        margin: 0 !important;
        padding-bottom: 0 !important;
        font-size: 1rem !important;
    }

    .swal2-styled.swal2-confirm {
        background-color: transparent !important;
        color: var(--cl-1) !important;
        border: 0.1rem solid var(--cl-1) !important;
        padding: 0.83rem 1.4rem !important;
        transition: all 0.3s ease-out !important;
    }

    .swal2-styled.swal2-cancel {
        transition: all 0.3s ease-out !important;
    }

    .swal2-styled.swal2-confirm:focus {
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%) !important;
    }

    .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
        background-image: none;
        background: var(--cl-1) !important;
        color: white !important;
    }

    .swal2-styled.swal2-cancel {
        padding: 0.83rem 1.4rem !important;
    }

    .swal2-popup {
        width: 26em !important;
        border-radius: 1.6rem !important;
        border: 0.4rem solid var(--cl-7) !important;
    }
/*Sweet*/

/*Table*/
    .table>:not(caption)>*>* {
        padding: 0.85rem;
    }

    .table>:not(:last-child)>:last-child>* {
        border-bottom-color: var(--cl-7);
    }

    .table>thead {
        border-top: 0.1rem solid var(--cl-7);
    }

    .table-responsive{
        overflow-y:visible;
        overflow-X:visible;
    }

    .footable-pagination li.active a {
        color: var(--cl-2);
        background-color: rgb(0 105 144 / 10%);
        border-color: white;
        border-radius: 0.4rem;
    }

    .footable-pagination li a {
        text-decoration: none;
    }

    .footable-pagination li a {
        border-radius: 0.4rem;
    }

    .footable.breakpoint>tbody>tr>td>span.footable-toggle {
        color: #333333;
        position: relative;
        top: 0.1rem;
        display: block;
        padding-bottom: 0;
    }

    .footable-odd {
        background-color: #fff;
    }

    .footable-detail-show {
        background-color: #f1f5f7;
    }

    .footable-row-detail {
        background-color: #F0F4F7;
    }

    .footable-pagination li {
        margin-left: 0.4rem;
        float: left;
    }

    .footable-pagination li a {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -0.1rem;
        line-height: 1.25;
        color: #313a46;
        background-color: #fff;
        border: 0.1rem solid #f1f5f7;
        border-radius: 0.2rem;
    }

    .footable-pagination li.active a {
        color: #fff;
        background-color: var(--cl-1);
        border-color: var(--cl-1);
    }

    .footable > thead > tr > th > span.footable-sort-indicator {
        float: right;
    }

    .footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:after {
        content: "More";
        margin-left: 0.3rem;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
    }

    .footable .empty .footable-toggle{
        display: none !important;
    }
/*Table*/

/*Select2*/
    .select2-container--bootstrap-5 .select2-selection {
        border: 0.1rem solid var(--cl-2);
    }

    .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
        border-color: var(--cl-2);
        box-shadow: none;
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
        border-color: var(--cl-2);
        box-shadow: none;
    }

    .select2-container--bootstrap-5 .select2-dropdown {
        border-color: var(--cl-2);
    }

    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        background-color: var(--cl-1);
    }

    .select2-container--bootstrap-5 .select2-selection--single {
        padding: .375rem 2.25rem .375rem 1.2rem;
    }

    select+.select2-container--bootstrap-5 {
        width: 100% !important;
    }
/*Select2*/

/*Calendario*/
    #calendar {
        max-width: 100%;
        margin: 0 auto;
    }

    #calendar .hidden-hour .fc-event-time{
        display: none;
    }

    #calendar .fc-h-event, #calendar .fc-v-event, #calendar .fc-button-primary{
        background-color: var(--cl-1);
        border: 1px solid var(--cl-1);
    }

    #calendar .fc-list-event-dot, #calendar .fc-daygrid-event-dot{
        border-color: var(--cl-1);
    }

    #calendar .fc-myCustomButton-button{
        color: #212529 !important;
        font-weight: 500 !important;
        border-color: #212529 !important;
        border: 2px solid !important;
        background: transparent !important;
    }

    .fc-myCustomButton-button::after{
        content: ' +';
    }

    .fc-h-event .fc-event-main-frame {
        padding-top: 3px;
        padding-left: 3px;
    }

    .fc-event .fc-event-main, .fc .fc-daygrid-event {
        cursor: pointer;
    }

    .fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
        margin-left: .55em !important;
    }
/*Calendario*/

/*Dashboard*/
    .dashboard .card.calendar {
        border-radius: 20px !important;
    }

    .dashboard .card.calendar .card-header {
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
    }

    .dashboard .card.calendar .card-header .btn-light {
        background-color: var(--cl-8);
        border-color: var(--cl-8);
    }

    .dashboard .card.calendar i.fa-xs {
        font-size: .45em;
        position: relative;
        top: -2px;
    }

    .dashboard .card.calendar .card-body {
        height: 250px;
        overflow-y: auto;
    }

    .dashboard .card.calendar .card-body .list-group-item {
        background: var(--cl-8);
    }
/*Dashboard*/

/*Responsive*/
    @media (min-width: 576px) {
        .modal-sm {
            max-width: 370px;
        }
    }

    @media (max-width: 1199.98px) {
        /*Sidebar*/
            #sidebar {
                position: fixed;
                height: 100vh;
                margin-left: -15rem;
            }

            #sidebar.active {
                margin-left: 0;
            }
        /*Sidebar*/
    }

    @media (max-width: 991.98px) {
        /*Sidebar*/
            #sidebar {
                position: fixed;
                height: 100vh;
                margin-left: -15rem;
            }

            #sidebar.active {
                margin-left: 0;
            }
        /*Sidebar*/

        /*Dashboard*/
            .dashboard .card.calendar .card-body {
                height: 100%;
            }
        /*Dashboard*/
    }

    @media (max-width: 767.98px) {
        /*Calendario*/
            .fc .fc-toolbar {
                text-align: center;
                display: block !important;
            }

            .fc .fc-toolbar-title {
                margin: 15px 0 !important;
            }
        /*Calendario*/
    }

    @media (max-width: 575.98px) {
        /*Accordion*/
            #accordionInvoiceImage .images .image img{
                max-height: 100%;
            }
        /*Accordion*/

        /*Buttons*/
            .btn-group-custom button{
                width: 100%;
            }
        /*Buttons*/

        /*Custom*/
            .c-h-1{
                max-height: 100%;
            }
        /*Custom*/

        /*Calendar*/
            .dashboard .card.calendar .card-body {
                height: 100%;
            }
        /*Calendar*/
    }
/*Responsive*/