/* Start: Global CSS */
:root {
    /* Set by impersonation-banner.php when the banner is rendered. Defaults
       to 0 so sticky elements that offset below the banner sit at the
       natural top when no banner is present. */
    --impersonation-banner-height: 0px;
}

span, ol, ul, pre, div {
    scrollbar-width: thin;
}

.no-pointer-events {
    pointer-events: none;
}

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

.skeleton-loader:empty {
    width: 100%;
    /*min-width: 100px;*/
    height: 15px;
    display: block;
    background-image: linear-gradient(
            to right,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.8) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    background-color: rgb(244, 246, 249);
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: skeleton-keyframe 1s infinite;
}

.skeleton-loader.dark-loader:empty {
    background-image: linear-gradient(
            to right,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    background-color: rgb(24, 40, 65);
}

@keyframes skeleton-keyframe {
    to {
        background-position: 100% 0;
    }
}

.button--loading {
}

.button--loading .loading__text {
    visibility: hidden;
    opacity: 0;
}

.button--loading:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 0.6s linear infinite;
}

.button--loading.dark-mode:after {
    border-top-color: #000;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.dropzone .dz-progress, .dropzone .dz-details {
    display: none;
}

.dropzone .dz-remove {
    width: 2rem;
    height: 2rem;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.dropzone .dz-remove:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EE3123'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
/* End: Global CSS */

/* Start: Override Metronic CSS */
body {
    background-color: #f5f6fb;
}


.bg-light-success {
    background-color: rgba(23, 206, 126, 0.1) !important;
}

.bg-light-dark {
    background-color: #EBECF4 !important;
}

.text-dark {
    color: #000 !important;
}

.text-danger {
    color: #EE3123 !important;
}

.text-hover-primary:hover {
    color: #000 !important;
}

.btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, .btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:checked + .btn.btn-active-light-primary i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show > .btn.btn-active-light-primary .svg-icon, .show > .btn.btn-active-light-primary i {
    color: #000;
}

.btn-check:active + .btn.btn-active-light-primary, .btn-check:checked + .btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show > .btn.btn-active-light-primary {
    background-color: rgba(0,0,0,.05) !important;
}

.btn.btn-danger {
    background-color: #f4323e;
    border-color: #f4323e;
}

.btn.btn-dark {
    background-color: #000;
}

.btn-link {
    color: #000;
}

.btn-link:hover {
    color: #000;
}

.btn.btn-success {
    border-color: #27c972;
    background-color: #27c972;
}

.btn.btn-light {
    background-color: #F3F6F9;
    color: #000;
}

.btn.btn-light-dark {
    color: #181c32;
    border-color: #e5e5e5;
    background-color: #e5e5e5;
}

.btn-check:active + .btn.btn-secondary, .btn-check:checked + .btn.btn-secondary, .btn.btn-secondary.active, .btn.btn-secondary.show, .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .show > .btn.btn-secondary {
    background-color: #EEF0F8 !important;
}

.badge-light-success {
    color: #2ECB70;
    background-color: rgba(46, 203, 112, 0.2);
}

.badge-light-dark {
    color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.form-control.form-control-solid {
    background-color: rgba(238, 240, 248, .5);
    border-color: rgba(238, 240, 248, .5);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #F5323F;
    background-image: none;
}

.form-control[readonly] {
    background-color: rgba(238, 240, 248, .1) !important;
    border-color: rgba(238, 240, 248, .1) !important;
}

.checkbox.checkbox-success > input:checked ~ span {
    background-color: #27c972;
}

.nav-line-tabs .nav-item .nav-link {
    border-bottom: 2px solid rgba(0,0,0,.05);
    margin: 0;
    text-align: center;
    padding: 1.3rem 0 0.9rem 0;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid #000;
    color: #000;
}

@media (min-width: 992px) {
    .aside { width: 280px; }
    .aside .aside-menu { width: 280px; }
    .aside-enabled.aside-fixed .wrapper { padding-left: 280px; }
    .footer { padding-left: 280px; }
}

.aside {
    width: 280px;
}

.aside .aside-menu {
    width: 280px;
}

.aside-enabled.aside-fixed .wrapper {
    padding-left: 280px;
}

.aside .aside-user {
    cursor: pointer;
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
    transition: background-color 0.15s ease;
}

.aside.aside-dark .aside-user:hover {
    background-color: rgba(255, 255, 255, 0.06);
}

.aside.aside-light .aside-user:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.aside .aside-user .aside-user-chevron {
    transition: transform 0.2s ease;
    opacity: 0.55;
}

.aside .aside-user.show .aside-user-chevron {
    transform: rotate(180deg);
}

.aside-user-menu {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    padding: 0.3rem;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.aside.aside-dark + .menu .aside-user-menu,
.aside-dark .aside-user-menu {
    background-color: #232323 !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.aside-user-menu .menu-item {
    margin: 0 !important;
}

.aside-user-menu .menu-link {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.65rem !important;
    border-radius: 6px;
    font-size: 0.9rem;
    transition: background-color 0.12s ease;
    cursor: pointer;
}

.aside-user-menu .menu-link.menu-link-danger,
.aside-user-menu .menu-link.menu-link-danger .menu-title,
.aside-user-menu .menu-link.menu-link-danger .menu-icon,
.aside-user-menu .menu-link.menu-link-danger .menu-icon svg {
    color: #EE3123 !important;
    stroke: #EE3123;
}

.aside-user-menu .menu-link.menu-link-danger:hover {
    background-color: rgba(238, 49, 35, 0.08) !important;
}

.aside-user-menu .menu-link .menu-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.footer {
    padding-left: 0;
}

.location-skeleton .skeleton-line {
    background: linear-gradient(90deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.12) 50%, rgba(0,0,0,0.06) 100%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.4s ease-in-out infinite;
    border-radius: 6px;
}

.location-skeleton .skeleton-map {
    height: 250px;
    border-radius: 10px;
}

.location-skeleton .skeleton-title {
    height: 22px;
    width: 60%;
}

.location-skeleton .skeleton-text {
    height: 14px;
    width: 90%;
}

@keyframes skeleton-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

#locations-empty {
    display: none;
}

#locations-empty.is-shown {
    display: flex !important;
}

#locations-empty .empty-state-icon {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #f3f4f8;
    color: #b5b9c7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.aside-dark .hover-scroll-overlay-y {
    scrollbar-color: rgba(255,255,255,.2) transparent;
}

.aside-dark .hover-scroll-overlay-y:hover {
    scrollbar-color: rgba(255,255,255,.3) transparent;
}

.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2)}
.aside-dark .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}

.aside.aside-dark {
    background-color: #1C1C1C;
}

.aside.aside-dark .aside-logo {
    background-color: transparent;
}

[data-kt-aside-minimize="on"] .aside-name-info {
    display: none !important;
}

.aside.aside-dark .aside-name-info {
    display: flex;
}


.aside-dark .menu .menu-item.here > .menu-link {
    background-color: rgba(255, 255, 255, 0.05);
}

.aside-dark .menu .menu-item.show > .menu-link {
    background-color: rgba(255, 255, 255, 0.05);
}

.aside-dark .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) {
    background-color: rgba(255, 255, 255, 0.05);
}

.aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.here) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

[data-kt-aside-minimize="on"] .aside-menu .menu .menu-item .menu-content, .aside-menu .menu .menu-item .menu-link {
    padding-left: 25px;
    padding-right: 25px;
}

.aside-menu .menu .menu-item .menu-content, .aside-menu .menu .menu-item .menu-link {
    padding-left: 12px;
    padding-right: 12px;
}

.aside-dark .menu .menu-item {
    margin-bottom: 0.6rem;
}

[data-kt-aside-minimize="on"] .app-sidebar:not(:hover) .aside-dark .menu .menu-item .menu-link .menu-title {
    color: #fff;
    opacity: 0.9;
}

.aside-light .menu .menu-item.here > .menu-link {
    background-color: rgba(0, 0, 0, 0.05);
}

.aside-light .menu .menu-item.show > .menu-link {
    background-color: rgba(0, 0, 0, 0.05);
}

.aside-light .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) {
    background-color: rgba(0, 0, 0, 0.05);
}

.aside-light .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.here) {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.aside-light .menu .menu-item {
    margin-bottom: 0.6rem;
}

.aside-dark .menu .menu-item .menu-link.active {
    background-color: rgba(255, 255, 255, 0.05);
}

.aside-light .menu .menu-item .menu-link.active {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000 !important;
}

[data-kt-aside-minimize="on"] .aside-dark .menu .menu-item .menu-link.active {
    background-color: transparent;
}

[data-kt-aside-minimize="on"] .aside-light .menu .menu-item .menu-link.active {
    background-color: transparent;
}

[data-kt-aside-minimize="on"] #kt_aside_footer {
    display: none;
}

.card.card-shadow, .shadow {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05) !important;
    transition: box-shadow 0.5s;
}

.card.hover-shadow-lg:hover {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1) !important;
}

.btn-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.tooltip {
    z-index: 99;
}

.invalid-feedback {
    margin-top: 0.1rem;
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    background-color: rgba(0,0,0,.05) !important;
}

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    color: #969CA9 !important;
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-title  {
    color: #979CA8;
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-desc {
    color: #989CA7;
    opacity: 0.5;
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: #000 !important;
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    color: #000 !important;
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
    opacity: 1;
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
    color: #969CA9 !important;
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-number, .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-number {
    display: block;
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check {
    display: none;
}

div.dataTables_wrapper .table-responsive {
    min-height: 80vh;
}

#datepickerWrapper .daterangepicker {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
}

@media (min-width: 992px) {
    .aside .aside-logo {
        height: auto;
    }
}
/* End: Override Metronic CSS */

/* Start: Custom CSS */
.menu-item .menu-link .menu-icon img {
    width: 20px;
    height: 20px;
}

.nav.nav-toggler {
    background-color: #EEF0F8;
}

.nav.nav-toggler .nav-link {
    color: #989CA7;
    border-radius: 5px;
}

.nav.nav-toggler .nav-link.active {
    color: #000 !important;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.select2-container .select2-results__option.optInvisible {
    display: none;
}

.dropzone .dz-preview .dz-image img {
    max-width: 100%;
    max-height: 100%;
}

.timeline-item .note-menu {
    opacity: 0;
    visibility: hidden;
}

.timeline-item:hover .note-menu {
    opacity: 1;
    visibility: visible;
}

.timeline .timeline-item.removed-item {
    display: none;
    pointer-events: none;
}

.timeline.show-all .timeline-item.removed-item {
    display: block;
}

.timeline-item.removed-item .timeline-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F6F7FB;
    opacity: 0.7;
    z-index: 1;
}

.timeline-item.removed-item .timeline-content:after {
    content: 'DELETED';
    font-weight: 600;
    color: #F5323F;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
}

.form-switch.form-switch-outline.form-check-danger .form-check-input:checked {
    background-color: #fff;
    border: 2px solid #f1416c;
}

.form-switch.form-switch-outline.form-check-solid.form-check-danger .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f1416c'/%3e%3c/svg%3e");
}

.form-switch.form-switch-outline.form-check-success .form-check-input:checked {
    background-color: #fff;
    border: 2px solid #29c86f;
}

.form-switch.form-switch-outline.form-check-solid.form-check-success .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2329c86f'/%3e%3c/svg%3e");
}

.fsol-bundle-toggle .btn.btn-secondary {
    background-color: #EEF0F8 !important;
}

.dialer .dialer-input {
    background-color: #EEF0F8 !important;
    color: #000;
}

.dialer .dialer-input.active {
    background-color: #17CE7E !important;
    color: #fff;
}

.dialer .dialer-input.active-more {
    background-color: #17CE7E !important;
    color: #fff;
}

.dialer .dialer-input.active-less {
    background-color: #ffc700 !important;
    color: #fff;
}

.fsol-bundle-toggle .btn-check:active + .btn.btn-secondary, .fsol-bundle-toggle .btn-check:checked + .btn.btn-secondary, .fsol-bundle-toggle .btn.btn-secondary.active, .fsol-bundle-toggle .btn.btn-secondary.show, .fsol-bundle-toggle .btn.btn-secondary:active:not(.btn-active), .fsol-bundle-toggle .btn.btn-secondary:focus:not(.btn-active), .fsol-bundle-toggle .btn.btn-secondary:hover:not(.btn-active), .fsol-bundle-toggle .show > .btn.btn-secondary {
    box-shadow: 0 1px 2px rgba(0,0,0,.1) !important;
    background-color: #fff !important;
    border-radius: 5px;
}

.product-box {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.3s, opacity 0.3s;
}

.product-box.smooth-hide {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0 !important;
    overflow: hidden;
    transition: visibility 0.3s, opacity 0.3s, width 0s linear .3s, padding 0s linear .3s;
}

#listViewTable .product-box.smooth-hide {
    display: none;
}

.accordion.accordion-icon-toggle .accordion-icon .svg-icon, .accordion.accordion-icon-toggle .accordion-icon i {
    color: #27c972;
}

.accordion.custom-accordion {

}

.custom-accordion .accordion-item {
    border: 0 !important;
}

.custom-accordion .accordion-button:after, .custom-accordion .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFF9F2;stroke:%23000000;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1.2,5c0.2-0.2,0.5-0.2,0.8,0c0,0,0,0,0,0L8,10.1L14.1,5c0.2-0.2,0.5-0.2,0.8,0c0.2,0.2,0.2,0.5,0,0.6L8.4,11 c-0.2,0.2-0.5,0.2-0.8,0c0,0,0,0,0,0L1.2,5.6C1,5.5,1,5.2,1.2,5C1.2,5,1.2,5,1.2,5z'/%3E%3C/svg%3E%0A");
}

.custom-accordion .accordion-button:not(.collapsed) {
    background: transparent !important;
    border: 0 !important;
}

.custom-accordion .accordion-button:after {
    width: 4rem;
    height: 4rem;
    background-color: #eee;
    border-radius: 4rem;
    background-position: center center;
    background-size: 1.5rem;
}

.modal .modal-dialog.modal-dialog-bottom {
    transform: translateY(0);
    top: 100%;
    margin: 0 auto;
}

.modal.show .modal-dialog.modal-dialog-bottom {
    transform: translateY(-100%);
    top: 100%;
}

.modal.show .modal-dialog.modal-dialog-bottom .modal-content {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.modal.fade .modal-dialog.modal-dialog-bottom {
    transition: transform .3s ease;
}

.truck-loader {
    background-image: url('/assets/media/images/pattern.svg');
    transition: width 0.3s;
}

.truck-loader:first-child {
    background-color: #2ac970;
}

.truck-loader:nth-child(2) {
    background-color: #30a262;
}

.truck-loader:nth-child(3) {
    background-color: #276c46;
}

.brand-categories .category.active, .brand-categories .subcategory.active {
    color: #2ac970 !important;
}

.gmap-container .favorite-box {
    top: 1rem;
    right: 1rem;
    background: #fff url("../media/console/icons/star-outline.svg") center center no-repeat;
    background-size: 40% 40%;
}

.gmap-container .favorite-box.active {
    background: #000 url("../media/console/icons/star-filled.svg") center center no-repeat;
    background-size: 40% 40%;
}

.gmap-container .favorite-box.button--loading {
    background-image: unset;
}

.aside-dark .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%239899ac'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
}

/* End: Custom CSS */

/* Larger than mobile */
@media (min-width: 400px) {
    body, html { font-size: 8px !important; }
}

/* Larger than phablet */
@media (min-width: 550px) {
    body, html { font-size: 9px !important; }
}

/* Larger than tablet */
@media (min-width: 750px) {
    body, html { font-size: 10px !important; }
}

/* Larger than desktop */
@media (min-width: 1000px) {
    body, html { font-size: 11px !important; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    body, html { font-size: 11px !important; }
}

/* Larger than Desktop FHD */
@media (min-width: 1600px) {
    body, html { font-size: 12px !important; }
}