body.offcanvas-content-end {
    left: -320px !important;
    transition: left .3s ease-out !important;
    transform: none;
}
.offcanvas.main-offcanvas {
    right: -320px;
    transition: none !important;
    transform: none !important;
}
.offcanvas.main-offcanvas.show {
    width: 320px !important;
    left: auto;
    right: 0;
    transition: left .3s ease-out !important;
    transform: none !important;
}
.offcanvas.main-offcanvas.show > .offcanvas-body > ul.navbar-nav {
    padding: 0;
    margin: 0 -16px auto -2px;
}
.offcanvas.main-offcanvas.show > .offcanvas-body > ul.navbar-nav > li > a {
    margin-left: -14px;
    padding-left: 15px;
    padding-right: 15px;
}
.offcanvas.main-offcanvas.show > .offcanvas-body > ul.navbar-nav > li > ul {
    margin-left: -15px;
    padding: 0;
    border: none;
}

.floating-label {
    flex-wrap: nowrap;
}
.floating-label > input:focus,
.floating-label > textarea:focus,
.floating-label > select:focus {
    background-color: transparent;
}
.floating-label:not(.is-filled) > input + label,
.floating-label:not(.is-filled) > select + label,
.floating-label:not(.is-filled) > textarea + label {
    width: calc(100% - .75rem);
    overflow : hidden;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s, width .2s;
}
.floating-label:not(.is-filled) > input:focus + label,
.floating-label:not(.is-filled) > textarea:focus + label,
.floating-label:not(.is-filled) > select:focus + label,
.floating-label:not(.is-filled) > input:-webkit-autofill + label,
.floating-label:not(.is-filled) > textarea:-webkit-autofill + label,
.floating-label:not(.is-filled) > select:-webkit-autofill + label,
.floating-label:not(.is-filled) > input:disabled + label,
.floating-label:not(.is-filled) > select:disabled + label,
.floating-label:not(.is-filled) > textarea:disabled + label,
.floating-label:not(.is-filled) > input[placeholder]:not(:placeholder-shown) + label,
.floating-label:not(.is-filled) > textarea[placeholder]:not(:placeholder-shown) + label,
.floating-label:not(.is-filled) > select[placeholder]:not(:placeholder-shown) + label {
    width: 100%;
}
.translate-middle {
    transform : translate(-50%, -50%);
}

.menu-horizontal-wrapper {
    overflow : hidden;
    flex     : 0 1 100%;
    width    : 0;
}

.menu-horizontal-wrapper > .navbar-nav {
    height         : 100%;
    flex-direction : row;
    text-wrap      : nowrap;
}

:root {
    --bs-offcanvas-width : 320px;
}

*, ::after, ::before {
    box-sizing : border-box;
}

* {
    caret-color : var(--bs-body-color);
}

html {
    -webkit-text-size-adjust : 100%;
    -webkit-font-smoothing   : antialiased;
    -moz-osx-font-smoothing  : grayscale;
    text-rendering           : optimizeLegibility;
}

.text-gap {
    white-space : pre-wrap;
    word-wrap   : break-word;
}

@font-face {
    font-family  : 'Material Symbols Outlined';
    font-style   : normal;
    font-weight  : 400;
    font-display : block;
    src          : url('/assets/fonts/materialsymbols/materialsymbolsoutlined.woff2') format('woff2');
}

.material-symbols-outlined {
    font-family            : 'Material Symbols Outlined';
    font-weight            : normal;
    font-style             : normal;
    font-size              : 24px;
    vertical-align         : middle;
    position               : relative;
    text-transform         : none;
    display                : inline-block;
    white-space            : nowrap;
    word-wrap              : normal;
    direction              : ltr;
    -webkit-font-smoothing : antialiased;
}

span.material-symbols-outlined.size-20 {
    font-size               : 20px;
    font-variation-settings : 'OPSZ' 20;
}

span.material-symbols-outlined.size-40 {
    font-size               : 40px;
    font-variation-settings : 'OPSZ' 40;
}

span.material-symbols-outlined.size-48 {
    font-size               : 48px;
    font-variation-settings : 'OPSZ' 48;
}

pre {
    white-space : pre-wrap;
    word-wrap   : break-word;
    font-family : var(--bs-body-font-family);
    font-size   : var(--bs-body-font-size);
    font-weight : var(--bs-body-font-weight);
    line-height : var(--bs-body-line-height);
}

.section-beige {
    background-color : var(--bs-secondary-bg);
}

body::-webkit-scrollbar {
    width              : 6px;
    height             : 6px;
    -webkit-transition : .3s background;
    transition         : .3s background
}

body::-webkit-scrollbar-thumb {
    border-radius : 5px;
    background    : #43464c
}

body::-webkit-scrollbar-track {
    background : #e7eaef
}

body::-webkit-scrollbar-corner {
    background : 0 0
}

body::-webkit-scrollbar-thumb {
    background : #a0a6ae
}

.mx-negative {
    margin-right : calc(-0.5 * 2rem);
    margin-left  : calc(-0.5 * 2rem);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition : background-color 600000s 0s, color 600000s 0s;
}

.wrapper-layout {
    position      : relative;
    left          : -320px;
    padding-right : 0;
    transition    : left .3s ease-out;
    /*left: auto;*/
}

.offcanvas.main-offcanvas {
    width : 320px;
}

.offcanvas-start.show,
.offcanvas-end.show {
    height : 100vh;
}

.offcanvas-main.offcanvas-end.show {
    opacity             : 1;
    width               : 320px;
    left                : auto;
    right               : 0;
    transition          : left .3s ease-out;
    transition-property : right;
}

/*.wrapper-layout {*/
/*    position: relative;*/
/*    overflow-x: clip;*/
/*    left: 0; !* змінено на 0 *!*/
/*    transform: translateX(-320px); !* змінено на 320px *!*/
/*    width: 100%;*/
/*}*/

/*.wrapper-layout .offcanvas-main.show {*/
/*    transition: right .3s ease-out; !* змінено на right *!*/
/*    left: auto;*/
/*    right: 0; !* змінено на 0 *!*/
/*    opacity: 1;*/
/*    width: 320px;*/
/*}*/

.main-navbar {
    min-height : 55px;
    transition : padding-top 0.3s ease;
}

.main-navbar.fixed-top {
    transition : transform .3s;
}

.main-content {
    padding : 20px 0;
}

section.background-city-gradient,
section.bg-gradient-green {
    margin : 0;
}

section {
    margin : 30px 0;
}

.section-beidge {
    margin : 30px 0;
}

a,
button,
input {
    cursor  : pointer;
    outline : none;
}

.input-group-addon > span,
.input-group-addon > i {
    line-height : inherit;
}

a:focus,
button:focus,
input:focus {
    outline        : 2px solid transparent;
    outline-offset : 2px;
}

:focus {
    outline : 0;
}

svg {
    fill : currentColor;
}

/*.btn-gray {*/
/*    --bs-btn-font-weight: 600;*/
/*    --bs-btn-color: var(--bs-gray-900);*/
/*    --bs-btn-bg: var(--bs-gray-300);*/
/*    --bs-btn-border-color: var(--bs-gray-300);*/
/*    --bs-btn-border-radius: .5rem;*/
/*    --bs-btn-hover-color: var(--bs-gray-900);*/
/*    --bs-btn-hover-bg: var(--bs-gray-400);*/
/*    --bs-btn-hover-border-color: var(--bs-gray-400);*/
/*    --bs-btn-focus-shadow-rgb: 211, 212, 213;*/
/*    --bs-btn-active-color: var(--bs-btn-hover-color);*/
/*    --bs-btn-active-bg: var(--bs-btn-hover-bg);*/
/*    --bs-btn-active-border-color: var(--bs-btn-hover-border-color);*/
/*}*/

.btn-action {
    color : var(--bs-body-color);
}

.btn > .status-loader {
    position : absolute;
}

.btn-arrow {
    position : relative;
}

.btn-back:hover, .btn-back:focus {
    border-color : transparent !important;
}

.btn-back {
    color        : var(--bs-body-color);
    padding-left : 0;
}

.btn-back i {
    padding-right : .5rem;
}

.btn-arrow:before {
    content             : '';
    position            : absolute;
    right               : -40px;
    width               : 25px;
    height              : 25px;
    background-repeat   : no-repeat;
    transition          : 0.2s ease-in-out;
    background-size     : contain;
    background-position : center center;
    background-image    : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/> </svg>');
}

.btn-arrow:hover::before {
    right : -45px;
}

.form-floating.form-floating-outlined .form-control.is-invalid ~ .m-notch > .m-notch-after,
.form-floating.form-floating-outlined .form-control.is-invalid ~ .m-notch > .m-notch-before,
.form-floating.form-floating-outlined .form-control.is-invalid ~ .m-notch > .m-notch-between,
.form-floating.form-floating-outlined .form-select.is-invalid ~ .m-notch > .m-notch-after,
.form-floating.form-floating-outlined .form-select.is-invalid ~ .m-notch > .m-notch-before,
.form-floating.form-floating-outlined .form-select.is-invalid ~ .m-notch > .m-notch-between,
.was-validated .form-floating.form-floating-outlined .form-control:invalid ~ .m-notch > .m-notch-after,
.was-validated .form-floating.form-floating-outlined .form-control:invalid ~ .m-notch > .m-notch-before,
.was-validated .form-floating.form-floating-outlined .form-control:invalid ~ .m-notch > .m-notch-between,
.was-validated .form-floating.form-floating-outlined .form-select:invalid ~ .m-notch > .m-notch-after,
.was-validated .form-floating.form-floating-outlined .form-select:invalid ~ .m-notch > .m-notch-before,
.was-validated .form-floating.form-floating-outlined .form-select:invalid ~ .m-notch > .m-notch-between {
    border-color : var(--bs-danger);
}

.form-floating.form-floating-outlined .form-control.is-invalid ~ .m-notch > .m-notch-between > label,
.form-floating.form-floating-outlined .form-select.is-invalid ~ .m-notch > .m-notch-between > label {
    color : #dc3545ff;
}

/*.invalid-feedback {*/
/*    position: absolute;*/
/*    margin-top: 0;*/
/*}*/

.btn-primary-light {
    background : #e0e7ff;
    border     : 1px solid #e0e7ff;
    color      : var(--bs-primary);
}

.btn-primary-light:hover {
    background   : #c7d2fe;
    border-color : #c7d2fe;
    color        : var(--bs-primary);
}

.pace-activity {
    display : none !important;
}

.nav-next:before {
    content       : '';
    position      : absolute;
    width         : 2px;
    height        : 25px;
    left          : -7px;
    top           : 9px;
    background    : #4d4d4d;
    border-radius : 2px;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
    -ms-flex-preferred-size : 0;
    flex-basis              : 0;
    -webkit-box-flex        : 1;
    -ms-flex-positive       : 1;
    flex-grow               : 1;
    text-align              : center;
    margin                  : .5rem;
}

.dropdown-main {
    background-color : #0d273c;
    width            : 100%;
}

.navbar-toggler:focus {
    box-shadow : none !important;
}

.alert [data-growl="message"] {
    margin-right : 1rem;
}

.nav-transparent ul li a > span.material-symbols-outlined,
.nav-transparent ul li .nav-link {
    color : var(--bs-border-color);
}

.nav-transparent .navbar-nav a svg {
    fill : #ffffff;
}

.nav-transparent .navbar-nav a span.material-symbols-outlined {
    color : #ffffff;
}

.header-main-menu-bar span:nth-of-type(4) {
    display : none;
}

.header-main-menu-bar span:nth-of-type(5) {
    display : none;
}

.header-main-menu-bar span:nth-of-type(6) {
    display : none;
}

.main-navbar.scroll-up {
    display          : flex;
    justify-content  : space-between;
    background-color : var(--bs-offcanvas-bg);
    position         : fixed;
    transition       : all 300ms ease;
    z-index          : 10;
    width            : 100%;
}

/*.navbar-expand-md .navbar-nav .nav-link {*/
/*    color: #ffffff;*/
/*}*/
/*.navbar-expand-md .navbar-nav .nav-link:hover,*/
/*.navbar-expand-md .navbar-nav .nav-link:active {*/

/*    color: rgba(255,255,255,0.7);*/
/*}*/
.sticky-header .switcher svg g line {
    stroke              : var(--bs-body-color);
    -webkit-text-stroke : var(--bs-body-color);
}

.offcanvas-main.show {
    width     : 100%;
    max-width : 320px !important;
}

.navbar.bg-dark .cls-txt {
    fill : rgb(255, 255, 255, 0.55);

}

.offcanvas-main.show > .offcanvas-header {
    /*color: rgba(255, 255, 255, .55);*/
}

.offcanvas-main.show .navbar-nav .nav-link.dropdown-toggle.show {
    /*background-color: rgba(97, 97, 97, .1);*/
    transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.offcanvas-main.show hr {
    /*color: rgba(255, 255, 255, .55);*/
}

.offcanvas-main.show ul {
    font-size    : 1rem;
    font-weight  : normal;
    margin-left  : -15px;
    margin-right : -15px;
}

.offcanvas-main.show ul li a {
    padding-left  : 1rem;
    padding-right : 1rem;
}

.offcanvas-main.show .navbar-nav .nav-link {
    /*color: rgba(255, 255, 255, .75);*/

}

.offcanvas-main.show .navbar-nav .nav-link:hover {
    background-color : rgba(97, 97, 97, .1);
    transition       : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.offcanvas-main.show .navbar-nav .nav-link {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
}

.offcanvas-main.show .dropdown-menu {
    /*transition: transform .35s ease;*/
    /*transition: transform 0.3s ease-in-out;*/
}

.offcanvas-main.show .dropdown-menu.show {
    background-color : transparent;
    box-shadow       : none;
    border           : 0;
    margin-left      : 0;
    margin-right     : 0;
}

.offcanvas-main.show .dropdown-menu.show .dropdown-item {
    /*color: rgba(255, 255, 255, .55);*/
    padding-left  : 1rem;
    padding-right : 1rem;
    white-space   : unset;
}

.offcanvas-main.show .dropdown-menu.show .dropdown-item:hover {
    background-color : rgba(97, 97, 97, .1);
    transition       : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.offcanvas-main.show .dropdown-menu.show .dropdown-item.active,
.offcanvas-main.show .dropdown-menu.show .dropdown-item:active,
.dropdown-item.active, .dropdown-item:active {
    background-color : var(--bs-primary-bg-subtle);
    color            : var(--bs-primary-text);
    transition       : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/*.dropdown-toggle::after {*/
/*.dropdown-toggle::after {*/
/*    display: inline-block;*/
/*    border-top: 1px solid;*/
/*    border-right: 1px solid;*/
/*    border-left: none;*/
/*    width: 9px;*/
/*    height: 9px;*/
/*    transform: rotate(135deg);*/
/*    vertical-align: baseline;*/
/*    margin-bottom: 2px;*/
/*    !*transition      : transform .35s ease;*!*/
/*    !*transform-origin: 0.25em 50%;*!*/
/*}*/

@media (max-width : 768px) {
    .offcanvas-main.show .navbar-nav .dropdown-toggle::after {
        transform        : rotate(225deg);
        transition       : transform .35s ease;
        transform-origin : 0.25em 50%;
    }

    .offcanvas-main {
        max-width : 320px;
    }

    .offcanvas-main.show .navbar-nav .dropdown-toggle.show::after {
        transform      : rotate(135deg);
        vertical-align : baseline;
    }
}

.dropdown-menu > li > div > .avatar {
    width : 3.5rem;
}

.dropdown-item > .bi {
    width          : 1em;
    height         : 1em;
    vertical-align : -.125em;
    fill           : currentcolor;
}

.navbar-toggler:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline : none;
}

.offcanvas-main.show .navbar-nav .nav-link:hover,
.offcanvas-main.show .navbar-nav .nav-link:focus {
    /*background-color: rgba(97, 97, 97, .1);*/
    transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.offcanvas-main.show .navbar-nav .dropdown-menu li a:hover,
.offcanvas-main.show .navbar-nav .dropdown-menu li a:focus {
    background-color : rgba(97, 97, 97, .1);
    transition       : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.linkappeal .card .card-body a {
    color : var(--bs-body-color);
}

.unread {
    width            : 1rem;
    height           : 1rem;
    border           : 1px solid #0c56d0;
    border-radius    : 50%;
    background-color : #0c56d0;
}

.notofocation-item {
    padding : 0.5rem 1rem;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;*/
}

/*input.typeahead:focus, input.typeahead:hover,*/
/*select.typeahead:focus, select.typeahead:hover {*/
/*    box-shadow: none;*/
/*}*/

.notificationText {
    white-space   : pre-line;
    /*overflow   : hidden;*/
    text-overflow : ellipsis;
}

#AppealMap {
    height : calc(100vh - 120px);
}

.daterangepicker {
    background : var(--bs-body-bg);
}

.daterangepicker, .calendar-table {
    background : var(--bs-body-bg);
}

@media (max-width : 576px) {
    .daterangepicker {
        left      : 0 !important;
        right     : auto !important;
        transform : translate(0, 0) !important;
        top       : 0 !important;
        width     : 100%;
    }

    .daterangepicker .calendar {
        margin    : 0;
        /*width: 100% ;*/
        max-width : 100%;
    }
}

#daterange,
#daterangeAdelina {
    min-width    : 220px;
    border       : 0;
    background   : transparent;
    box-shadow   : none;
    cursor       : pointer;
    padding-left : 1.75rem !important;
}

.daterangepicker .daterangepicker_input i {
    position : absolute;
    left     : 8px;
    top      : 3px;
}

.form-get-btn-code {
    display : grid;
}

@media (max-width : 576px) {
    .bootstrap-select .dropdown-menu {
        min-width          : 100%;
        -webkit-box-sizing : border-box;
        -moz-box-sizing    : border-box;
        box-sizing         : border-box;
        max-width          : 350px;
    }
}

.bootstrap-select .dropdown-menu {
    min-width : 270px;
}

.multiselect-container {
    position                : absolute;
    top                     : 100%;
    right                   : 0;
    left                    : auto;
    z-index                 : 1000;
    display                 : none;
    float                   : left;
    min-width               : 290px;
    width                   : 100%;
    padding                 : 5px 0;
    margin                  : 2px 0 0;
    font-size               : 14px;
    text-align              : left;
    list-style              : none;
    background-color        : #ffffff;
    -webkit-background-clip : padding-box;
    background-clip         : padding-box;
    /*border               : 1px solid #ccc;*/
    border                  : 1px solid rgba(0, 0, 0, .15);
    border-radius           : 4px;
    -webkit-box-shadow      : 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow              : 0 6px 12px rgb(0 0 0 / 18%);
}

.no-icons {
    background-image : none !important;
}

.no-icons:after {
    content : none;
}

.autocomplete-suggestions:focus {
    color : #ffffff;
}

.autocomplete-suggestions {
    position : relative;
}

.autocomplete-suggestions {
    position : absolute;
}

.multiselect-filter > .input-group {
    position        : relative;
    /*display      : table;*/
    border-collapse : separate;
}

/*input.form-control.multiselect-search {*/
/*    width: 100%;*/

/*}*/
.multiselect-container > li > a {
    display     : block;
    padding     : 3px 20px;
    clear       : both;
    font-weight : 400;
    line-height : 1.42857143;
    color       : #333333;
    white-space : nowrap;
}

.multiselect-container > li > a > label {
    white-space : normal;
}

.badge {
    border-radius : 5px;
    font-weight   : 400;
}

.rule-1 {
    background-color : #6c757d;
}


.rule-2 {
    background-color : var(--bs-primary);
}

.rule-3 {
    background-color : #dc3545;
}

.rule-4 {
    background-color : #198754;
}

.rule-prop {
    display       : flex !important;
    padding       : 3px;
    min-width     : 5px;
    border-radius : 0.2rem;
    opacity       : 1;
}

.badge-status {
    display   : flex !important;
    padding   : 3px;
    min-width : 5px;
}

.badge-status-1 {
    background-color : #6c757d;
}


.badge-status-2 {
    background-color : var(--bs-primary);
}

.badge-status-3 {
    background-color : #dc3545;
}

.badge-status-4 {
    background-color : #198754;
}

.confirmed-1 {
    color : var(--bs-primary);
}

.confirmed-2 {
    color : #198754;
}

.confirmed-3 {
    color : #dc3545;
}

.TaskStatusId-2 {
    color : #dc3545;
}

.TaskStatusId-1 {
    color : #198754;
}

input[type="checkbox"] + label {
    border-bottom : 0 !important
}

@media (max-width : 767px) {
    .main-navbar {
        box-shadow : var(--bs-box-shadow-sm);
    }

    .grid-divider > [class*=col]:nth-child(n+2):after {
        width  : calc((100% - 30px));
        height : 1px;
        left   : 15px;
        top    : -0.5px;
    }
}

img.app-img-transform {
    position  : relative;
    max-width : 600px;
    width     : 100%;
}

.img-profile {
    height : 150px;
    width  : auto;
}

@media (min-width : 992px) {
    img.app-img-transform {
        position : absolute;
        bottom   : 0;
        right    : 0;
    }
}

@media (min-width : 768px) {
    .grid-divider > [class*=col]:nth-child(n+2):after {
        width       : 1px;
        height      : auto;
        left        : -0.5px;
        margin-left : -0.5px;
    }
}

.bg-dark-primary {
    background-color : #004a8f;
}

.file-view {
    border : 2px dashed var(--bs-border-color);
    cursor : pointer;
}

.file-view:hover {
    border : 2px dashed var(--bs-primary);
}

.file-field input[type=file] {
    position  : absolute;
    top       : 0;
    right     : 0;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    margin    : 0;
    padding   : 0;
    font-size : 20px;
    cursor    : pointer;
    opacity   : 0;
    filter    : alpha(opacity=0);
}

.switcher svg {
    display : block;
}

.switcher svg g line {
    animation-duration        : 6s;
    animation-iteration-count : infinite;
    animation-timing-function : ease-in-out;
    stroke                    : var(--bs-body-color);
    -webkit-text-stroke-color : var(--bs-body-color);
    stroke-dasharray          : 40px, 10px;
    stroke-dashoffset         : 0;
    stroke-width              : 2;
    -webkit-text-stroke-width : 2;
    transition                : all 0.2s ease-in-out 0s;
}

.switcher svg g line:nth-child(1) {
    animation-name : line1;
}

.switcher svg g line:nth-child(2) {
    animation-name : line2;
}

.switcher svg g line:nth-child(3) {
    animation-name : line3;
}

.switcher:hover svg g line {
    animation-direction : reverse;
    stroke              : var(--bs-primary);
    -webkit-text-stroke : var(--bs-primary);
}

/*.appealImageAddRotateIcon {*/
/*    display: none;*/
/*    right: auto;*/
/*}*/
/*.appealImageAddTrashIcon {*/
/*    display: none;*/

.aImage {
    width   : auto;
    z-index : 30;
}

.h-thumbnail {
    max-width : 230px;
}

img.h-thumbnail {
    height : 145px;
}

video.h-thumbnail {
    height : 145px;
}

iframe.h-thumbnail {
    height : 145px;
}

.appealImageAddTrashIcon,
.appealImageAddRotateIcon {
    outline    : none;
    position   : absolute;
    top        : 0;
    display    : none;
    margin-top : 2px;
    z-index    : 30;
}

.appealImageAddTrashIcon {
    left : 10px;
}

.appealImageAddRotateIcon {
    right : 10px;
}

.appealImageAddTrashIcon:focus,
.appealImageAddRotateIcon:focus {
    outline            : none !important;
    border             : none !important;
    -webkit-box-shadow : none !important;
    box-shadow         : none !important;
}

.gpsPhotoAdd {
    z-index  : 1;
    position : absolute;
    height   : 100%;
    top      : 0;
    width    : 100%;
    left     : 0;
    opacity  : 0;
    cursor   : pointer;
}

.lg-backdrop {
    z-index : 2000;
}

.lg-outer {
    z-index : 2010;
}

/*.bootstrap-select .dropdown-menu {*/
/*    width: 340px;*/
/*}*/

.bootstrap-select .dropdown-menu li a.dropdown-item {
    white-space : initial;
}

.bootstrap-select .dropdown-menu .inner {
    overflow-x : hidden;
}

.bd-clipboard {
    position : relative;
    /*display: none;*/
}

@media (min-width : 768px) {
    .bd-clipboard {
        display : block;
    }
}

.btn-clipboard {
    position         : absolute;
    top              : 1.3rem;
    right            : .3rem;
    z-index          : 10;
    display          : block;
    padding          : .25rem .5rem;
    font-size        : .65em;
    color            : #0d6efd;
    background-color : #ffffff;
    border           : 1px solid;
    border-radius    : .25rem;
    cursor           : pointer;
}

.bd-clipboard + pre {
    margin-top : 1rem;
}

.btn-clipboard:hover {
    color            : #ffffff;
    background-color : #027de7
}

.highlight {
    padding          : 1rem;
    padding-top      : 2rem;
    background-color : #f8f9fa;
}

.highlight pre {
    padding          : 0;
    margin-top       : .65rem;
    margin-bottom    : .65rem;
    white-space      : pre;
    background-color : transparent;
    border           : 0;
}

.highcharts-title {
    fill : var(--bs-body-color) !important;
}

.highcharts-axis-labels highcharts-xaxis-labels {
    color : var(--bs-body-color) !important;
}

.highcharts-button-box {
    fill : transparent;
}

.highcharts-button-symbol {
    fill : var(--bs-body-color) !important;
}

.fieldsetFilter {
    display        : flex;
    flex-direction : column;
}

.elem-filter:disabled {
    background-color : transparent;
    opacity          : 0.5 !important;
}

.form-select.typeahead,
.form-select.autocomplete {
    background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
    background-color : transparent;
}
.form-select.typeahead:disabled,
.form-select.autocomplete:disabled {
    background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
    background-color: var(--bs-secondary-bg);
}
[data-bs-theme=dark] .form-select.autocomplete,
[data-bs-theme=dark] .form-select.typeahead {
    background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23adb5bd' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
}

@media (max-width : 767.98px) {
    .bootstrap-select {
        width : 100% !important;
    }
}

.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color            : var(--bs-body-color);
    background-color : var(--bs-border-color);
    border-radius    : .25rem;
    border           : 1px solid transparent;
}

.bootstrap-select {
    color            : var(--bs-body-color);
    background-color : var(--bs-border-color);
    border-radius    : .25rem;
    border           : 1px solid transparent;
}

.bootstrap-select > .no-icons.dropdown-toggle:after {
    margin-top : -1px;
}

.autocomplete-suggestions {
    overflow           : auto;
    cursor             : pointer;
    color              : var(--bs-body-color);
    background-color   : var(--bs-body-bg);
    border             : 1px solid var(--bs-border-color);
    border-radius      : .25rem;
    transition         : border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}

.autocomplete-suggestion {
    padding  : 5px 5px;
    /*white-space: pre-wrap;*/
    overflow : hidden;
    cursor   : pointer;
}

.autocomplete-suggestion:hover {
    background-color : #e9ecef;
    color            : var(--bs-body-color);
}

.autocomplete-selected {
    background-color : #e9ecef;
    color            : var(--bs-body-color);
}

.autocomplete-suggestions strong {
    font-weight : normal;
    color       : var(--bs-body-color);
}

.autocomplete-group {
    padding : 2px 5px;
}

.autocomplete-group strong {
    display    : block;
    border     : 1px solid var(--bs-border-color);
    font-size  : 1.15rem;
    margin-top : 10px;
}

.autocomplete-suggestion span {
    font-size    : 0.8rem;
    padding-left : 44px;
    color: gray;
}

#objectSearchAutoComplete {
    margin-bottom : 10px;
}

/*#objectSearchAutoComplete:focus {*/
/*    !*border: 1px solid #11619e;*!*/
/*    border-radius: 0;*/
/*}*/

li {
    list-style : none;
}

.list-group-item-action {
    width      : 100%;
    color      : var(--bs-body-color);
    text-align : inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index          : 1;
    color            : var(--bs-body-color);
    text-decoration  : none;
    background-color : var(--bs-body-bg);
}

a.list-group-item-action:hover,
a.list-group-item-action:focus {
    z-index          : 1;
    color            : var(--bs-list-group-action-hover-color);
    text-decoration  : none;
    background-color : var(--bs-body-bg);
}

*::-webkit-scrollbar {
    width              : 6px;
    height             : 6px;
    -webkit-transition : .3s background;
    transition         : .3s background
}

*::-webkit-scrollbar-thumb {
    border-radius : 5px;
    background    : #43464c
}

*::-webkit-scrollbar-track {
    background : #e7eaef
}

*::-webkit-scrollbar-corner {
    background : 0 0
}

*::-webkit-scrollbar-thumb {
    background : #a0a6ae
}

@media (max-width : 576px) {
    .modal-dialog {
        width     : 100%;
        height    : 100%;
        margin    : 0;
        padding   : 0;
        transform : translate(-50%, -50%);
    }

    .modal-content {
        height        : auto;
        min-height    : 100%;
        border-radius : 0;
        border        : 0;
    }
}

.avatar-upload-trigger {
    position      : relative;
    bottom        : 0;
    /*right: 1rem;*/
    cursor        : pointer;
    border-radius : 50%;
}

.upload-profile-img {
    position : absolute;
    right    : 0;
    width    : -moz-available;
    width    : -webkit-fill-available;
    width    : fill-available;
    opacity  : 0;
}

.shadow-soft {
    box-shadow : 0 3px 6px 0 rgba(140, 152, 164, .25) !important;
}

img {
    max-width : 100%;
}

.divAppealSwitch {
    display       : inline-block;
    padding       : 5px;
    border        : 1px solid var(--bs-primary);
    margin-right  : 8px;
    margin-bottom : 10px;
    border-radius : 6px;
    cursor        : pointer;
}

.divAppealSwitchActive {
    background-color : var(--bs-primary);
    color            : white;
}

.nav-scroller {
    overflow-x         : auto;
    flex-wrap          : nowrap;
    white-space        : nowrap;
    display            : flex;
    position           : relative;
    -ms-overflow-style : -ms-autohiding-scrollbar;
}

.nav-scroller::-webkit-scrollbar {
    display : none !important;
}


.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
    background    : hsl(45deg 100% 51%);
    border-radius : 0.125rem;
    content       : attr(data-beer-label);
    line-height   : 1;
    padding       : 0.3rem;
    position      : absolute;
    bottom        : 0.5rem;
    top           : auto;
}

.beer-reveal[data-beer-label]:after {
    left : .5rem;
}

.beer-slider[data-beer-label]:after {
    right : .5rem;
}

.beer-handle:hover,
.beer-handle:focus {
    background : hsl(0deg 0% 100% / 87%);
}

.btn-result {
    position : absolute;
    z-index  : 10;
    right    : 0;
    margin   : .5rem;
}

.bg-skew {
    position : relative;
}

.bg-skew::before {
    content          : "";
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    transform        : skewY(-2deg);
    transform-origin : top left;
    z-index          : -1;
    background       : inherit;
}

@media screen and (max-width : 568px) {
    .alertify:not(.ajs-maximized) .ajs-modal {
        padding : 0 1% !important;
    }
}

.alertify .ajs-commands button.ajs-close {
    background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    width            : 1em;
    height           : 1em;
    padding          : 0.25em 0.25em;
    opacity          : .5;
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
    -webkit-transition : .3s background;
    transition         : .3s background;
    backdrop-filter    : blur(4px);
}

.alertify.rightModal .ajs-body {
    padding    : 0;
    height     : 100%;
    max-height : 100% !important;
    /*position: relative;*/
}

.alertify.rightModal .ajs-header {
    display : none;
}

.alertify.rightModal .ajs-body .ajs-content {
    position : relative;
}

.alertify .ajs-body .ajs-content {
    padding-left  : 0 !important;
    padding-right : 0 !important;
}

.alertify .ajs-dialog {
    max-width        : 600px;
    padding          : 0 !important;
    margin           : 2% auto !important;
    position         : relative;
    display          : flex;
    flex-direction   : column;
    width            : 100%;
    pointer-events   : auto;
    background-color : var(--bs-body-bg);
    background-clip  : padding-box;
    border           : 1px solid rgba(0, 0, 0, .2);
    border-radius    : .3rem;
    outline          : 0;
}

.alertify .ajs-header {
    margin                  : 0 !important;
    display                 : flex;
    flex-shrink             : 0;
    align-items             : center;
    justify-content         : space-between;
    padding                 : 1rem 1rem;
    color                   : var(--bs-body-color);
    background-color        : var(--bs-body-bg);
    border-bottom           : var(--bs-border-width) solid var(--bs-border-color);
    border-top-left-radius  : calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    border-top-right-radius : calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
}

.alertify .ajs-commands {
    position : absolute;
    right    : 0;
    padding  : 1rem;
    z-index  : 2;
    margin   : 0 !important;
}

.alertify .ajs-body {
    position : relative;
    flex     : 1 1 auto;
    padding  : 1rem;
    margin   : 0 !important;
}

.alertify .ajs-footer {
    display                    : flex;
    flex-wrap                  : wrap;
    flex-shrink                : 0;
    align-items                : center;
    justify-content            : flex-end;
    color                      : var(--bs-body-color);
    background-color           : var(--bs-body-bg);
    padding                    : 1rem 1rem;
    margin                     : 0 !important;
    border-top                 : var(--bs-border-width) solid var(--bs-border-color);
    border-bottom-right-radius : calc(.3rem - 1px);
    border-bottom-left-radius  : calc(.3rem - 1px);
}

.gallery-view {
    display      : flex;
    justify-self : center;
    align-self   : center;
    position     : relative;
}

.btn-remove-file {
    z-index  : 9999;
    position : absolute;
    top      : 20px;
    right    : 0;
}

.avatar-sm {
    --tblr-avatar-size  : 2.1rem;
    position            : relative;
    width               : var(--tblr-avatar-size);
    height              : var(--tblr-avatar-size);
    font-size           : calc(var(--tblr-avatar-size) / 2.8571429);
    font-weight         : 500;
    display             : inline-flex;
    align-items         : center;
    justify-content     : center;
    color               : #656d77;
    text-align          : center;
    text-transform      : uppercase;
    vertical-align      : bottom;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    /*background: #f0f2f6 no-repeat center/cover;*/
    border-radius       : 4px;
}

.form-attachments__wrapper {
    position        : relative;
    background      : var(--bs-light);
    border          : 2px dashed #cccccc;
    border-radius   : 5px;
    min-height      : 50px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 4px;
}

.form-attachments__wrapper:hover {
    border : 2px dashed #004a8f;
}

.form-attachments__wrapper input {
    position : absolute;
    top      : 0;
    left     : 0;
    bottom   : 0;
    width    : 100%;
    filter   : alpha(opacity=0);
    opacity  : 0;
    outline  : none;
    cursor   : pointer;
    display  : block;
}

.form-attachments__description {
    width          : 100%;
    text-align     : center;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    padding        : 15px 10px;
}

.form-attachments__description > :first-child {
    font-weight : 700;
}

.form-attachments__description > :last-child {
    color     : #6c757d;
    font-size : 0.8125rem;
}

.form-attachments__items {
    display   : flex;
    flex-wrap : wrap;
    flex      : 0 0 100%;
}

.form-attachments__item {
    flex         : 0 0 25%;
    overflow     : hidden;
    margin-right : 1rem;
    font-size    : 0.75rem;
}

.form-attachments__item-wrapper {
    border          : 1px solid #e0e0e0;
    background      : #ffffff;
    box-shadow      : 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    /*padding      : 26px 4px;*/
    border-radius   : 4px;
    position        : relative;
    min-height      : 100%;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
}

/*img.h-thumbnail {*/
/*    height: 115px;*/
/*}*/
.form-attachments__item-image {
    height        : 115px;
    display       : block;
    max-width     : 100%;
    height        : auto;
    margin-bottom : auto;
    margin-left   : auto;
    margin-right  : auto;
}

.form-attachments__item-name {
    display    : none;
    margin-top : auto;
    max-width  : 100%;
    overflow   : hidden;
    word-wrap  : break-word;
}

.form-attachments__item-size {
    position    : absolute;
    bottom      : 0;
    padding     : 3px 6px;
    font-weight : normal;
    text-align  : center;
    width       : 100%;
    background  : #1f1a1794;
    color       : var(--bs-body-color);
}

.form-attachments__item-link {
    /*position: absolute;*/
    top         : 0;
    right       : 0;
    padding     : .375rem .5rem;
    color       : inherit;
    cursor      : pointer;
    margin-left : auto;
    font-size   : 1.5rem;
    font-weight : 700;
    line-height : 1;
    text-shadow : 0 1px 0 #ffffff;
    opacity     : .5;
}

.floating-label > .field-counter {
    display         : flex;
    justify-content : flex-end;
}

@media (max-width : 768px) {
    .daterangepicker.dropdown-menu {
        flex-direction : column;

    }
}

.daterangepicker .calendar-table {
    border     : 1px solid var(--bs-border-color-translucent);
    background : var(--bs-body-bg);
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
    background-color : var(--bs-body-bg);
    border-color     : transparent;
    color            : var(--bs-form-control-disabled-bg);
}

.daterangepicker td.start-date {
    border-radius : 4px 0 0 0;
}

.daterangepicker td.end-date {
    border-radius : 0 0 4px 0;
}

td.active.start-date.available,
td.active.end-date.in-range.available {
    background-color : var(--bs-primary);
    color            : #ffffff;
}

.daterangepicker td.in-range {
    background-color : var(--bs-primary-bg-subtle);
    border-color     : transparent;
    color            : var(--bs-body-color);
    border-radius    : 0;
}

.daterangepicker:before,
.daterangepicker:after {
    content : none;
}

.daterangepicker .ranges {
    display        : flex;
    flex-direction : column;
}

.daterangepicker .ranges ul {
    margin-bottom : auto;
}

.beer-slider {
    max-width  : 100%;
    max-height : 450px;
    width      : 100%;
}

.beer-slider > img {
    height    : auto;
    max-width : 100%;
}

.beer-slider > img, .beer-slider > .beer-reveal {
    max-width : 100%;
    width     : 100%;
}

/*.beer-slider > img,*/
/*.beer-slider > .beer-reveal {*/
/*    min-height: 450px;*/
/*    max-width: 100%;*/
/*    width: 100%;*/
/*}*/

.view-container {
    display   : flex;
    flex-wrap : wrap;
}

.pdf-item {
    object-fit : cover;
    width      : 100%;
    height     : 100% !important;
}

.file-item > .btn-remove,
.pdf-item > .btn-remove {
    position : absolute;
    top      : .8rem;
    left     : .8rem;
}

.view-container > .file-item {
    display          : flex;
    height           : 170px;
    width            : 170px;
    background-color : #f0f0f0;
    border-radius    : .5rem;
    position         : relative;
    float            : left;
    margin-right     : .5rem;
    margin-bottom    : 1rem;
    padding          : 0;
}

.view-container > .file-item > .file {
    width         : 100%;
    border-radius : inherit;
}

.addFile {
    opacity  : 0;
    position : absolute;
    width    : 100%;
    height   : 100%;
    left     : 0;
    top      : 0;
    cursor   : pointer;
}

a.swipebox {
    position : relative;
}

.work-files-attach {
    display   : flex;
    flex-wrap : wrap;
}

.item-preview {
    position : relative;
    display  : flex;
    z-index  : 30;
}

.card-item {
    flex            : 0 1 calc((100% / 3) - 0.5rem);
    overflow        : hidden;
    position        : relative;
    min-height      : 100%;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    margin          : 0.25rem;
    background      : var(--bs-body-bg);
    box-shadow      : var(--bs-box-shadow);
    border-radius   : var(--bs-border-radius);
}

.card-item > .card {
    overflow      : hidden;
    border-radius : .75rem !important;
    height        : 100%;
    width         : 100%;
    border        : 0;
}

.item {
    object-fit : cover;
    width      : 100%;
    height     : 100%;
}

.file-item[data-src],
.pdf-item {
    cursor : pointer;
}

.file-item,
.pdf-item {
    z-index : inherit;
    width   : 100%;
    height  : 100%;
}

.appealLightGallery > .col > .file-preview {
    max-width : 140px;
}

.file-preview {
    overflow      : hidden;
    height        : 140px;
    width         : 100%;
    border-radius : var(--bs-border-radius);
}

.file-preview > .img-thumbnail {
    padding    : 0;
    border     : none;
    object-fit : cover;
    height     : 150px;
    width      : 100%;
}

img.file[src=""] {
    display : none;
}

.btn-group.file-actions {
    position : absolute;
    top      : 0;
    right    : 0;
    margin   : .5rem;
    z-index  : 5;
}

.place-error {
    text-align : center;
}

.highlight {
    padding          : 1rem;
    margin-bottom    : 1rem;
    background-color : #f8f9fa
}

@media (min-width : 576px) {
    .highlight {
        padding : 1rem 1.5rem
    }
}

.highlight pre {
    padding          : 0;
    margin-top       : .65rem;
    margin-bottom    : .65rem;
    white-space      : pre;
    background-color : transparent;
    border           : 0
}

.highlight pre code {
    font-size : inherit;
    color     : #212529;
    word-wrap : normal
}

.bd-content .highlight {
    margin-right : -.75rem;
    margin-left  : -.75rem
}

@media (min-width : 576px) {
    .bd-content .highlight {
        margin-right : 0;
        margin-left  : 0
    }
}

.groupInformLabels {
    display : flex;
    flex    : none;
}

.mapFullScreen {
    margin-top : 0 !important;
    z-index    : 1030;
}

.mapDefault {
    margin-top    : 1rem;
    margin-bottom : 1rem;
}

#legend {
    z-index : 1020 !important;
}

.is-valid {
    background-image : none !important;
}

/*.btn-notify {*/
/*    height: 2.5rem;*/
/*}*/


.footer-light {
    background : #f2f8fc;
}

.footer-light h5 {
    position       : relative;
    padding-bottom : .5rem;
    margin-bottom  : 0;
    text-transform : uppercase;
    color          : #00529e;
}

.footer-light h5::before,
.footer-light h5::after {
    left      : 0;
    transform : translateX(0);
}

.footer-light h5::after {
    content       : "";
    position      : absolute;
    border-bottom : 3px solid #00529e;
    bottom        : 0;
    /*left       : 50%;*/
    width         : 30px;
    transform     : translateX(0);
}

.footer-light ul li a {
    padding        : 0;
    padding-bottom : 5px;
    color          : #0e4561;
    font           : inherit;
}

.footer-light ul li a:hover,
.footer-light ul li a:focus {
    background      : none;
    text-decoration : none;
    transition      : .4s ease-in-out;
    color           : #00529e;
    outline         : none;
}


.loaderZ {
    display   : block;
    margin    : 0 auto 16px auto;
    width     : 32px;
    height    : 32px;
    position  : relative;
    border    : 4px solid #242f3f;
    top       : 50%;
    animation : loaderZ 2s infinite ease;
}

.loader-innerZ {
    vertical-align   : top;
    display          : inline-block;
    width            : 100%;
    background-color : #242f3f;
    animation        : loader-innerZ 2s infinite ease-in;
}


.chatPulse {
    animation                 : chatPulse 2s linear;
    animation-iteration-count : infinite;
    opacity                   : 1;
    color                     : #ffffff;
    /* you need this to specify a color to pulse to */
}

.pulse {
    border-radius : 50% !important;
    animation     : pulse 1.2s infinite;
}

.giveMeEllipsis {
    white-space        : pre-line;
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    /*display         :inline-block;*/
    word-wrap          : break-word;
    overflow-wrap      : anywhere;
    -webkit-box-orient : vertical;
    -webkit-line-clamp : 4;
    line-height        : 22px;
    max-height         : 88px;
    width              : calc(100% - 10px);
}

.jqx-widget-content-bootstrap {
    border-color : transparent !important;
}

.jqx-scrollbar-state-normal-bootstrap {
    background-color : transparent !important;
    border           : 1px solid transparent;
}

.jqx-scrollbar-state-normal {
    background-color : transparent !important;
    border           : 1px solid transparent;
}

.jqx-tree-item-li {
    padding : var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
}

.jqx-checkbox-default.jqx-checkbox-default-bootstrap.jqx-fill-state-normal.jqx-fill-state-normal-bootstrap.jqx-rc-all.jqx-rc-all-bootstrap {
    margin-top    : 0 !important;
    width         : auto !important;
    height        : auto !important;
    padding-left  : initial !important;
    padding-top   : initial !important;
    border        : 2px solid #5f6368;
    border-radius : 2px;
}

.jqx-checkbox-check-checked {
    border-color     : var(--bs-primary);
    background-color : var(--bs-primary);
    background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.chkbox.jqx-widget.jqx-widget-bootstrap.jqx-checkbox.jqx-checkbox-bootstrap {
    margin-top : 2px !important;
    height     : auto !important;
    width      : auto !important;
}

.privacy {
    text-align : justify;
    padding    : 0 10px;
}

svg .cls-txt {
    fill : var(--bs-body-color);
}

.text-sm {
    font-size : 8px;
}

/*[data-bs-theme=dark] .text-dark, [data-bs-theme=dark] .text-black {*/
/*    color: var(--bs-body-color);*/
/*}*/

/*[data-bs-theme=dark] .section-beige {*/
/*    background-color: var(--bs-tertiary-bg-rgb);*/
/*    !*background-color: var(--bs-body-bg);*!*/
/*    !*color: var(--bs-body-color);*!*/
/*}*/

/*[data-bs-theme=dark] .main-navbar {*/
/*    box-shadow: inset 0 -1px 1px #132F4C;*/
/*    background-color: rgba(10, 25, 41, 10);*/
/*    color: rgba(255, 255, 255, .75);*/
/*}*/

/*[data-bs-theme=dark] .offcanvas-main {*/
/*    box-shadow: inset 0 -1px 1px #132F4C;*/
/*    color: var(--bs-body-color);*/
/*}*/

[data-bs-theme=dark] .footer-light {
    background-color : var(--bs-navbar-bg);
    /*background-color: rgba(10, 25, 41, 10);*/
}

[data-bs-theme=dark] .footer-light ul li a,
[data-bs-theme=dark] .footer-light h5 {
    color : var(--bs-body-color);
}

[data-bs-theme=dark] .footer-light h5::after {
    color : var(--bs-body-color);
}

[data-bs-theme=dark] .linkappeal .card .card-body > a {
    color : var(--bs-body-color);
}

/*[data-bs-theme=dark] .btn-outline-dark {*/
/*    --bs-btn-color: #f8f9fa;*/
/*    --bs-btn-border-color: #f8f9fa;*/
/*    --bs-btn-hover-color: #000;*/
/*    --bs-btn-hover-bg: #f8f9fa;*/
/*    --bs-btn-hover-border-color: #f8f9fa;*/
/*    --bs-btn-focus-shadow-rgb: 248, 249, 250;*/
/*    --bs-btn-active-color: #000;*/
/*    --bs-btn-active-bg: #f8f9fa;*/
/*    --bs-btn-active-border-color: #f8f9fa;*/
/*    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
/*    --bs-btn-disabled-color: #f8f9fa;*/
/*    --bs-btn-disabled-bg: transparent;*/
/*    --bs-btn-disabled-border-color: #f8f9fa;*/
/*    --bs-gradient: none;*/
/*    opacity: .5;*/
/*}*/

/*[data-bs-theme=dark] .btn-dark {*/
/*    --bs-btn-color: #000;*/
/*    --bs-btn-bg: #f8f9fa;*/
/*    --bs-btn-border-color: #f8f9fa;*/
/*    --bs-btn-hover-color: #000;*/
/*    --bs-btn-hover-bg: #d3d4d5;*/
/*    --bs-btn-hover-border-color: #c6c7c8;*/
/*    --bs-btn-focus-shadow-rgb: 211, 212, 213;*/
/*    --bs-btn-active-color: #000;*/
/*    --bs-btn-active-bg: #c6c7c8;*/
/*    --bs-btn-active-border-color: #babbbc;*/
/*    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
/*    --bs-btn-disabled-color: #000;*/
/*    --bs-btn-disabled-bg: #f8f9fa;*/
/*    --bs-btn-disabled-border-color: #f8f9fa;*/
/*}*/

/*[data-bs-theme=dark] .linkappeal .card {*/
/*    background-color: #132F4C;*/
/*}*/

[data-bs-theme=dark] .line-bottom {
    border-bottom : 0;
}

[data-bs-theme=dark] .panelinform {
    background-color : #132f4c;
}

.linkappeal .card .card-body > a, .appealFullScreen .card .card-body > a {
    color : var(--bs-body-color);
}

[data-bs-theme=dark] .app-one {
    background-color : #132f4c;
}

[data-bs-theme=dark] .system {
    background-color : #132f4c;
}

[data-bs-theme=dark] .alertify .ajs-commands button.ajs-close {
    background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    opacity          : .7;
}

.jqx-widget-content-bootstrap {
    border-color : transparent;
    background   : var(--bs-body-bg);
}

.jqx-widget {
    color        : var(--bs-body-color);
    border-color : transparent;
}

@-webkit-keyframes octocat-wave {
    0%, to {
        transform : rotate(0)
    }

    20%, 60% {
        transform : rotate(-25deg)
    }

    40%, 80% {
        transform : rotate(10deg)
    }
}

@keyframes octocat-wave {
    0%, to {
        transform : rotate(0)
    }

    20%, 60% {
        transform : rotate(-25deg)
    }

    40%, 80% {
        transform : rotate(10deg)
    }
}


@keyframes loaderZ {
    0% {
        transform : rotate(0deg);
    }

    25% {
        transform : rotate(180deg);
    }

    50% {
        transform : rotate(180deg);
    }

    75% {
        transform : rotate(360deg);
    }

    100% {
        transform : rotate(360deg);
    }
}

@keyframes loader-innerZ {
    0% {
        height : 0%;
    }

    25% {
        height : 0%;
    }

    50% {
        height : 100%;
    }

    75% {
        height : 100%;
    }

    100% {
        height : 0%;
    }
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray  : 1, 200;
        stroke-dashoffset : 0;
    }

    50% {
        stroke-dasharray  : 89, 200;
        stroke-dashoffset : -35;
    }

    100% {
        stroke-dasharray  : 89, 200;
        stroke-dashoffset : -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray  : 1, 200;
        stroke-dashoffset : 0;
    }

    50% {
        stroke-dasharray  : 89, 200;
        stroke-dashoffset : -35;
    }

    100% {
        stroke-dasharray  : 89, 200;
        stroke-dashoffset : -124;
    }
}

@-webkit-keyframes color {

    100%,
    0% {
        stroke : #d62d20;
    }

    40% {
        stroke : #0057e7;
    }

    66% {
        stroke : #008744;
    }

    80%,
    90% {
        stroke : #ffa700;
    }
}

@keyframes color {

    100%,
    0% {
        stroke : #d62d20;
    }

    40% {
        stroke : #0057e7;
    }

    66% {
        stroke : #008744;
    }

    80%,
    90% {
        stroke : #ffa700;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow : 0 0 0 0 rgba(28, 141, 255, 0.4);
    }

    70% {
        -webkit-box-shadow : 0 0 0 10px rgba(28, 141, 255, 0);
    }

    100% {
        -webkit-box-shadow : 0 0 0 0 rgba(28, 141, 255, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow : 0 0 0 0 rgba(28, 141, 255, 0.4);
        box-shadow      : 0 0 0 0 rgba(28, 141, 255, 0.4);
    }

    70% {
        -moz-box-shadow : 0 0 0 10px rgba(28, 141, 255, 0);
        box-shadow      : 0 0 0 10px rgba(28, 141, 255, 0);
    }

    100% {
        -moz-box-shadow : 0 0 0 0 rgba(28, 141, 255, 0);
        box-shadow      : 0 0 0 0 rgba(28, 141, 255, 0);
    }
}

@keyframes chatPulse {
    0% {
        color : #ffffff;
    }

    50% {
        color : #ff0000;
    }

    100% {
        color : #ffffff;
    }
}

.response-header h5 {
    color : var(--bs-body-color);
}

.response-header h5::after {
    border : 0;
}

.rating {
    display         : flex;
    flex-direction  : row-reverse;
    justify-content : center;
    /* gap: 2; */
}

.rating > input {
    display : none;
}

.rating > label {
    position : relative;
    color    : #ffd600;
    cursor   : pointer;
}

.rating > label::before {
    content  : "\2605";
    position : absolute;
    opacity  : 0;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before {
    opacity : 1 !important;
}

.rating > input:checked ~ label:before {
    opacity : 1;
}

.rating:hover > input:checked ~ label:before {
    opacity : 0.4;
}

@media (max-width : 768px) {
    .feedback-modal {
        width  : auto;
        margin : auto;
    }
}
[data-bs-theme=dark] {
    .leaflet-layer,
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out,
    .leaflet-control-attribution {
        filter : invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
    }
}