* {
    box-sizing: border-box;
}

body { font-family: 'Inter', sans-serif; }
input { font-family: 'Inter', sans-serif; }
button { font-family: 'Inter', sans-serif; }
select { font-family: 'Inter', sans-serif; }
.leaflet-popup-content { font-family: 'Inter', sans-serif; }
.client-logo {
    max-height: 40px;
    max-width: 280px;
    width: auto;
    max-width: 80%;
    display: block;
    margin: auto;
}

.nom { margin: 0; }
.nop { padding: 0; }
.nopi { padding: 0 !important; }
.nomp { margin: 0; padding: 0; }
.nopl { padding-left: 0; }
.nopr { padding-right: 0; }
.m-auto { margin: auto; }

.relative { position: relative; }
.flex { display: flex; }
.grid { display: grid; }
.block { display: block; }
.inline-block { display: inline-block; }
.clickable { cursor: pointer; }
.nowrap { white-space: nowrap; }

.w-30px { width: 30px; }
.w-50px { width: 50px; }
.w-60px { width: 60px; }
.w-80px { width: 80px; }
.w-100px { width: 100px; }
.w-150px { width: 150px; }
.w-180px { width: 180px; }
.w-200px { width: 200px; }
.w-220px { width: 220px; }
.w-100 { width: 100%; }
.w-auto { width: auto; }
.h-100 { height: 100%; }
.h-auto-container { display: flex; flex-direction: column; }
.h-auto { flex: 1; }
.h-btn { height: 36px; line-height: 36px; }
.h-45px { height: 45px; }

.thin { font-weight: 200; }
.thin-i { font-weight: 200 !important; }
.semibold { font-weight: 600; }
.bold { font-weight: 800; }
.italic { font-style: italic; }
.underline-hover:hover { text-decoration: underline; }

.hidden { display: none; }

.smallest-text { font-size: 10px; }
.smaller-text { font-size: 12px; }
.f-14px { font-size: 14px; }
.normalsize-text { font-size: 16px; }
.bigger-text { font-size: 18px; }
.biggest-text { font-size: 20px; }

.b-radius-8px { border-radius: 8px; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.p-4px { padding: 4px; }

.p-8px { padding: 8px; }
.p-l-8px { padding-left: 8px; }
.p-r-8px { padding-right: 8px; }
.p-lr-8px { padding-left: 8px; padding-right: 8px; }

.p-lr-10 { padding-left: 10%; padding-right: 10%; }
.p-10px { padding: 10px; }

.p-r-10px { padding-right: 10px; }
.p-r-20px { padding-right: 20px; }
.p-b-20px { padding-bottom: 20px; }

.m-b-s { margin-bottom: 4px; }
.m-b-m { margin-bottom: 8px; }
.m-b-12px { margin-bottom: 12px; }

a { color: black; }
hr { border: 1px solid var(--fineline); }

.toast { border-radius: 8px; }

input.browser-default,
select.browser-default {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    padding: 12px 18px 12px 12px;
}
input.browser-default:focus,
select.browser-default:focus {
    outline: 1px solid var(--blue1);
}
input.browser-default.disabled,
select.browser-default.disabled {
    background-color: var(--disabled);
}

::-webkit-input-placeholder { /* Edge */
    font-size: 12px;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 12px;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
::placeholder {
    font-size: 12px;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

input.browser-default.icon-left { padding-left: 42px; }
input.browser-default.icon-right { padding-right: 42px; }

iconify-icon { font-size: 20px; }

button.iconify-t-5px iconify-icon { top: 5px !important; }
button.iconify-t-6px iconify-icon { top: 6px !important; }
button.noshadow { box-shadow: none !important; }

.col iconify-icon.icon-prefix.left {
    position: absolute;
    top: 12px;
    left: 24px;
}
.col iconify-icon.icon-prefix.left {
    position: absolute;
    top: 12px;
    left: 24px;
}
.col iconify-icon.icon-prefix.right {
    position: absolute;
    top: 12px;
    right: 24px;
}
.col iconify-icon.icon-prefix.right {
    position: absolute;
    top: 12px;
    right: 24px;
}

.input-fields iconify-icon.icon-prefix.right {
    position: absolute;
    top: 12px;
    right: 12px;
}
.input-fields iconify-icon.icon-prefix.right {
    position: absolute;
    top: 12px;
    right: 12px;
}

button:not(.btn-square) iconify-icon {
    top: 8px;
    position: relative;
}

.btn, .btn-small, .btn-large {
    text-transform: inherit;
    border-radius: 8px;
    font-weight: 600;
}

.btn-square {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.btn-square iconify-icon {
    font-size: 16px;
}
.btn-square-large {
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.btn-square-large iconify-icon {
    font-size: 20px;
    position: relative;
    top: 2px;
}

.btn.shadow, .btn-small.shadow, .btn-large.shadow {
    box-shadow: 0px 165px 66px rgba(0, 0, 0, 0.01),
        0px 93px 56px rgba(0, 0, 0, 0.05),
        0px 41px 41px rgba(0, 0, 0, 0.09),
        0px 10px 23px rgba(0, 0, 0, 0.1),
        0px 0px 0px rgba(0, 0, 0, 0.1);
}

:where(.swal2-styled).swal2-confirm {
    background-color: var(--blue1) !important;
}
.swal2-icon { box-sizing: content-box !important; }

.scroll-h { overflow-x: auto; }
.scroll-v { overflow-y: auto; }
.scroll { overflow-x: auto; overflow-y: auto; }

.scroll-v::-webkit-scrollbar { width: 2px; }
.scroll-h::-webkit-scrollbar { height: 2px; }
.scroll::-webkit-scrollbar { width: 2px; height: 2px; }

.scroll-v::-webkit-scrollbar-track,
.scroll-h::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.scroll-v::-webkit-scrollbar-thumb,
.scroll-h::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}

.dropdown-content li>a, .dropdown-content li>span {
    color: var(--black2);
    white-space: nowrap;
}

table thead tr { border: 0; }
th, td { border-radius: 0; }
th {
    color: var(--blue1);
    background-color: var(--grey1);
}
th:not(:last-child) {
    border-right: 2px solid white;
}

table tbody tr {
    border-bottom: 1px solid var(--fineline);
}

.modal {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.modal-footer {
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin-bottom: 12px !important;
}

.btn-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid var(--blue1);
    border-bottom: 2px solid var(--blue1);
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid var(--blue1);
    background-color: var(--blue1);
}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
    border: 1px solid var(--fineline);
    background-color: white;
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: var(--blue3);
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: var(--blue2);
}

.select2 {
    width: 100% !important;
    height: 36px !important;
    line-height: 36px !important;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 36px !important;
    line-height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}
.select2-search__field {
    height: inherit !important;
    background: #FFFFFF !important;
    border: 1px solid #E7E7E7 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.custom-scrollbar-x::-webkit-scrollbar {
    height: 2px;
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar-x::-webkit-scrollbar-thumb {
    background-color: var(--grey2);
    border: none;
    border-radius: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track,
.custom-scrollbar-x::-webkit-scrollbar-track {
    background-color: var(--grey5);
    border: 1px solid var(--fineline);
    border-radius: 8px;
}

.highcharts-credits { display: none; }