*{
    scrollbar-width: thin;
}

form{
  margin:0;
  padding:0;
}

:root{
    --modal-title-background-gradient:linear-gradient(to right, #428bca, #fff);
    --modal-title-color: #428bca;
    --modal-title-color-light: #77c0ff;
    --switch-off-danger-on:#00d12d;
    --theme-color:rgba(115, 103, 240);

    --ag-header-background-color: color(srgb 0.981882 0.982275 0.982431);
    --ag-header-row-border: solid 1px var(--ag-border-color);
    --ag-header-text-color: rgb(24, 29, 31);
    --ag-foreground-color: #181d1f;
    --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
    --ag-wrapper-border: solid 1px var(--ag-border-color);
    --ag-wrapper-border-radius: 8px;

}


.fs-7{
    font-size: 0.8075rem !important;
}

.w-30{
    width: 30% !important;
}
.w-35{
    width:35% !important;
}
.w-60{
    width:60% !important;
}
.w-65{
    width:65% !important;
}
.w-70{
    width:70% !important;
}

.accordion-header{

}
a > i.ti,a > i.fi{
    color:#9b9b9b;
}
a > i.ti:hover,a > i.fi:hover{
    color:#288ef6;
}
.loader {
    --c:no-repeat linear-gradient(orange 0 0);
    background:
            var(--c),var(--c),var(--c),
            var(--c),var(--c),var(--c),
            var(--c),var(--c),var(--c);
    background-size: 16px 16px;
    -webkit-animation:
            l32-1 1s infinite,
            l32-2 1s infinite;
            animation:
            l32-1 1s infinite,
            l32-2 1s infinite;
}

@-webkit-keyframes l32-1 {
    0%,100% {width:45px;height: 45px}
    35%,65% {width:65px;height: 65px}
}

@keyframes l32-1 {
    0%,100% {width:45px;height: 45px}
    35%,65% {width:65px;height: 65px}
}
@-webkit-keyframes l32-2 {
    0%,40%  {background-position: 0 0,0 50%, 0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,  50% 50% }
    60%,100%{background-position: 0 50%, 0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,0 0,  50% 50% }
}
@keyframes l32-2 {
    0%,40%  {background-position: 0 0,0 50%, 0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,  50% 50% }
    60%,100%{background-position: 0 50%, 0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,0 0,  50% 50% }
}
.dropzone {
    width: 100%;
    position: relative;
    padding: 1.5rem;
    cursor: pointer;
    border-radius: 0.5rem;
}
.dropzone:not(.dz-clickable) {
    opacity: 0.5;
    cursor: not-allowed;
}
.dropzone.dz-drag-hover {
    border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.dz-message {
    font-size: 1.625rem;
}
.dz-message:before {
    content: "";
    border-radius: 8px;
    position: absolute;
    top: 5rem;
    left: calc(50% - 23px);
    display: inline-block;
    height: 48px;
    width: 48px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.dz-message .note {
    font-size: 0.9375rem;
}

.dz-browser-not-supported.dropzone-box {
    min-height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: auto !important;
    cursor: default !important;
    transition: none;
}
.dz-browser-not-supported .dz-message {
    display: none !important;
}

.dz-started .dz-message {
    display: none;
}

.dz-message {
    margin: 8rem 0 3rem;
    font-weight: 500;
    text-align: center;
}
.dz-message .note {
    font-weight: 400;
    display: block;
    margin-top: 0.625rem;
}

.dz-preview {
    position: relative;
    vertical-align: top;
    margin: 0.5rem;
    background: #fff;
    font-size: 0.8125rem;
    box-sizing: content-box;
    cursor: default;
}

.dz-filename {
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 0.625rem 0.625rem 0 0.625rem;
    background: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dz-filename:hover {
    white-space: normal;
    text-overflow: inherit;
}

.dz-size {
    padding: 1.875rem 0.625rem 0.625rem 0.625rem;
    font-size: 0.6875rem;
    font-style: italic;
}

.dz-preview .progress,
.dz-preview .progess-bar {
    height: 0.5rem;
}

.dz-preview .progress {
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    top: 50%;
    margin-top: -0.25rem;
    z-index: 30;
}

.dz-complete .progress {
    display: none;
}

.dz-thumbnail {
    position: relative;
    padding: 0.625rem;
    height: 7.5rem;
    text-align: center;
    box-sizing: content-box;
}
.dz-thumbnail > img,
.dz-thumbnail .dz-nopreview {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    margin: 0 auto;
    display: block;
}
.dz-thumbnail > img {
    max-height: 100%;
    max-width: 100%;
}

.dz-nopreview {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.6875rem;
}

.dz-thumbnail img[src] ~ .dz-nopreview {
    display: none;
}

.dz-remove {
    display: block;
    text-align: center;
    padding: 0.375rem 0;
    font-size: 0.75rem;
}
.dz-remove:hover, .dz-remove:focus {
    text-decoration: none;
    border-top-color: transparent;
}

.dz-error-mark,
.dz-success-mark {
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    margin-left: -1.875rem;
    margin-top: -1.875rem;
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 50%;
    background-position: center center;
    background-size: 1.875rem 1.875rem;
    background-repeat: no-repeat;
    box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.06);
}

.dz-success-mark {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.dz-error-mark {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.dz-error-message {
    /*position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;*/
    color: #fff;
    z-index: 40;
    padding: 0.75rem;
    text-align: left;
    overflow: auto;
    font-weight: 500;
    display:none;
}
[dir=rtl] .dz-error-message {
    text-align: right;
}

.dz-error .dz-error-message {

}
.dz-error .dz-error-mark {
    display: block;
}
.dz-error:hover .dz-error-message {
    display: block;
}
.dz-error:hover .dz-error-mark {
    display: none;
}

.dz-success .dz-success-mark {
    display: block;
}

.dz-preview {
    background: #494949;
    box-shadow: 5px 5px 4px 0px #898989 !important;
    margin: 0.5rem 0;
}

.dz-filename, .dz-remove {
    background: inherit;
    color: #fff;
}

.dz-preview .progress {
    position: relative;
    left: 0;
    right: 0;
    margin-top: -0.25rem;
    z-index: 30;
    border-radius: 0;
}

.dz-preview .btn-play{
    border-radius: 50%;
    width: 32px;
    height: 32px;
    box-shadow: none !important;
    background: #fff;
    -ms-flex-item-align: center;
        align-self: center;
    margin:0px 5px;

}
.dz-preview .btn-play:hover{


}



.albumfiles{
    text-align: center;
    color:#fff;
}
[dir=rtl] .dz-hidden-input {
    left: auto !important;
    right: 0 !important;
}

.light-style .dropzone {
    border: 2px dashed #dbdade;
}
.light-style .dz-preview {
    border: 0 solid #dbdade;
    border-radius: 0.375rem;
    box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
}
.light-style .dz-message {
    color: #5d596c;
}
.light-style .dz-message:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-upload' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%235d596c' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2' /%3E%3Cpolyline points='7 9 12 4 17 9' /%3E%3Cline x1='12' y1='4' x2='12' y2='16' /%3E%3C/svg%3E") !important;
    background: rgba(75, 70, 92, 0.08);
}
.light-style .dz-message .note {
    color: #6f6b7d;
}
.light-style .dz-thumbnail {
    border-bottom: 1px solid #dbdade;
    background: rgba(75, 70, 92, 0.015);
    border-top-left-radius: calc(0.375rem - 1px);
    border-top-right-radius: calc(0.375rem - 1px);
}
.light-style .dz-size {
    color: #a5a3ae;
}
.light-style .dz-remove {
    color: #6f6b7d;
    border-top: 1px solid #dbdade;
    border-bottom-right-radius: calc(0.375rem - 1px);
    border-bottom-left-radius: calc(0.375rem - 1px);
}
.light-style .dz-remove:hover, .light-style .dz-remove:focus {
    color: #6f6b7d;
    background: rgba(75, 70, 92, 0.05);
}
.light-style .dz-nopreview {
    color: #a5a3ae;
}
.light-style .dz-error-mark,
.light-style .dz-success-mark {
    background-color: rgba(75, 75, 75, 0.5);
}
.light-style .dz-error-message {
    background: rgba(234, 84, 85, 0.8);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
@media (min-width: 576px) {
    .light-style .dz-preview {
        display: inline-block;
        width: 11.25rem;
    }
    .light-style .dz-thumbnail {
        width: 10rem;
    }
}

.dark-style .dropzone {
    border: 2px dashed #434968;
}
.dark-style .dz-preview {
    background: #2f3349;
    border: 0 solid #434968;
    border-radius: 0.375rem;
    box-shadow: 0 0.25rem 1.25rem rgba(15, 20, 34, 0.4);
}
.dark-style .dz-message {
    color: #cfd3ec;
}
.dark-style .dz-message:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-upload' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23cfd3ec' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2' /%3E%3Cpolyline points='7 9 12 4 17 9' /%3E%3Cline x1='12' y1='4' x2='12' y2='16' /%3E%3C/svg%3E") !important;
    background: rgba(134, 146, 208, 0.08);
}
.dark-style .dz-message .note {
    color: #b6bee3;
}
.dark-style .dz-filename {
    background: #2f3349;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-bottom: 0 solid #434968;
}
.dark-style .dz-size {
    color: #7983bb;
}
.dark-style .dz-thumbnail {
    border-bottom: 1px solid #434968;
    background: rgba(255, 255, 255, 0.015);
    border-top-left-radius: calc(0.375rem - 1px);
    border-top-right-radius: calc(0.375rem - 1px);
}
.dark-style .dz-nopreview {
    color: #7983bb;
}
.dark-style .dz-remove {
    color: #b6bee3;
    border-top: 1px solid #434968;
    border-bottom-right-radius: calc(0.375rem - 1px);
    border-bottom-left-radius: calc(0.375rem - 1px);
}
.dark-style .dz-remove:hover, .dark-style .dz-remove:focus {
    color: #b6bee3;
    background: rgba(255, 255, 255, 0.8);
}
.dark-style .dz-error-mark,
.dark-style .dz-success-mark {
    background-color: rgba(215, 216, 222, 0.5);
}
.dark-style .dz-error-message {
    background: rgba(234, 84, 85, 0.8);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
@media (min-width: 576px) {
    .dark-style .dz-preview {
        display: inline-block;
        width: 11.25rem;
    }
    .dark-style .dz-thumbnail {
        width: 10rem;
    }
}

.cptxt{
    cursor: pointer;
}
.ti-copy,.fa-copy{
    cursor: pointer;
}
.ti-copy:hover{
    color:var(--theme-color);
}
.fa-copy{
    margin-left: 5px;
}
.fa-copy:hover,.cptxt:hover{
    color:#5f9ea0;
}
button:disabled{
    cursor:not-allowed !important;
}
.avatar > div > img {
    -o-object-fit: contain;
       object-fit: contain;
}


.titlelink{
    cursor:pointer;
    border-bottom:2px dashed;
}
.titlelink:hover{
    color:var(--modal-title-color);
    border-color: var(--modal-title-color);
}
.modal-title {
    background-color: var(--modal-title-color);
    color: #fff;
    font-weight: normal;
    padding: .2rem .6rem;
    /*margin: -.3rem;*/
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
    background: var(--modal-title-background-gradient);
    cursor:move;
}

.mycross{
    stroke: var( --modal-title-color);
}
.modal-title > .btn-closed {
    position: absolute;
    border: none;
    right: 0;
    top: .1rem;
    padding: 0;
    color: var(--modal-title-color);
    /*background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"  fill="none" class="mycross" stroke="currentColor" stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round" ><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M9 9l6 6m0 -6l-6 6" /></svg>');*/
    width: 24px !important;
    height: 24px !important;
    background-color: transparent;
}
.modal-title > .btn-closed:hover {
    -webkit-transform: none !important;
            transform: none !important;
    color:#5a5a5a;
}
.modal-title > .btn-closed:hover >svg{
    fill: rgb(253, 49, 49);
    stroke:white
}

.avatar{
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    -moz-user-select: none;
         user-select: none; /* Standard syntax */
}
.avatar > div {
    background: none;
    -ms-flex-align: center;
        align-items: center;
    color: #ffffff;
    font-size: 6rem;
    box-shadow: 3px 3px 4px 4px rgb(128, 128, 128, .6);
}
.avatar > div.has-image {
    background-color: transparent !important;
}
.avatar img{
    background-image: url(/assets/img/avatars/avatar_square_grey.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px #e9e9e9 !important;
   /* color: #292121 !important;*/
}

.colselector > i{
    cursor:pointer;
}
.colsel-container {
    border: 1px solid #a9a9a9;
    position: absolute;
    background: #f9f9f9;
    border-radius: .5rem;
    z-index: 99999;
    min-width: 1px;
    height: auto;
    display:block;
    padding:.5rem;
}
.colsel-head{
}
.colsel-container ul{
    list-style: none;
    color:#555;
    padding:0;
    margin:0;
}
.colsel-container ul > li{
    white-space: nowrap;
    font-size: .8rem;
}
.form-check-input{
    cursor: pointer !important;
    margin-right: .2rem;
}
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
    background-color: #67b2f0 ;
    border-color:  #67b2f0 ;
}


.row-changed {
    -webkit-animation: highlight 1s infinite;
            animation: highlight 1s infinite;
    background-color: #e1e1e1; /* Light yellow */
}

@-webkit-keyframes highlight {
    from {
        background-color: #e1e1e1; /* Start with yellow */
    }
    to {
        background-color: white; /* Fade back to white */
    }
}

@keyframes highlight {
    from {
        background-color: #e1e1e1; /* Start with yellow */
    }
    to {
        background-color: white; /* Fade back to white */
    }
}
.row-danger {
    color: #d32020;
}
.row-success {
    color: #068d08;
}

.ag-cell-data-change-error{
    background-color: #d06060 !important}
.ag-cell-data-change-error-animation{
    background-color:transparent
}

.ag-cell-wrapper{
    height:inherit;
    -ms-flex-align: center;
        align-items: center;
}
.ag-custom-filter{
    padding:.7rem;
}
.ag-custom-filter-select{
    font-family: var(--ag-font-family);
    font-size: var(--ag-font-size);
    width: 100%;
    background-color: var(--ag-background-color);
    border: var(--ag-input-border);
    border-radius: 5px;
    min-height: max(var(--ag-list-item-height), calc(var(--ag-spacing)* 4));
    overflow: hidden;
    cursor: pointer !important;
}
.ag-custom-filter-select:focus-within {
        border: var(--ag-input-focus-border);
        box-shadow: var(--ag-focus-shadow);
    }


.ag-checkbox-input{
    cursor: pointer !important;
}
.ag-body-vertical-scroll-viewport,.ag-body-horizontal-scroll-viewport{
    scrollbar-width: thin;
}
.ag-filter-lbar{
    margin-top:.5rem;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100% !important;
    display: -ms-flexbox;
    display: flex;
}
.ag-filter-lbar > a:hover{
    color:#00a74c;
}

span.bcd{
    display: block;
    line-height: 1;
}
.mtables >  thead > tr >th{
    white-space: nowrap;
}
.dt-card{
    margin-bottom: 1rem;
}
.dt-card-header {
    margin: 0px;
    padding: 2px !important;
    font-size: 1.2rem

}
.auth-logo {
    background: url(/assets/img/logos/merilio-half.png) no-repeat center;
    min-height: 66px;
    height: 66px;
    width: 200px;
}
.fax-logo {
    background: url(/assets/img/logos/fax.svg) no-repeat center;
    min-height: 66px;
    height: 66px;
    width: 66px;
    z-index: 2;
    position: absolute;
    right: 25px;
    float: right;
}
.app-brand-logo {
    width: 100%;
}

.the-logo {
    background: url(/assets/img/logos/merilio-half.png) no-repeat left;
}

.layout-menu-fixed .the-logo {
    background-size: contain;
    min-height: 60px;
    height: 60px;
    width: 100%;
}

.layout-menu-fixed.layout-menu-collapsed .the-logo {
    min-height: 60px;
    background-position: right;
    height: 60px;
    width: 100%;
}

.app-brand-link {
    text-align: center;
    width: 70%;
}


input[type=textbox].err, input.err, input[type=textbox].err:focus, input.err:focus {
    border-color: #f60000 !important;
}


.input-group:focus-within .form-control.err, .input-group:focus-within .input-group-text.err,
.input-group > .input-group-text.err {
    border-color: #f60000 !important;
}


.sub-error {
    color: #f60000;
    display: none;
    text-align: center !important;
    margin-top: 0.25rem;
    font-size: 0.9125rem;
}

.f-err-msg {
    position: absolute;
    color: #f60000;
    text-align: left !important;
    overflow: hidden;
    white-space: pre-wrap;
    margin-top: 0.25rem;
    font-size: 0.7125rem
}

.dtfc-fixed-left{
    z-index:9999;
    background:#ffffff !important;
}
.c-info {
    display: block;
}
.c-info-m {
    display: none !important;
}
@media (max-width: 991.98px) {
    .c-info {
        display: none !important;
    }
    .c-info-m {
        display: block !important;
        position: absolute;
        top: 50px;
        width: 100%;
        background: #fff;
        margin: 0;
        padding: 0;
        left: 0;
        text-align: center;
    }
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        margin:0px !important;
        width: 100% !important;
    }
    .nav.nav-pills{
        overflow: auto !important;
        max-height: 2.5rem !important;
    }
    table.dataTable th, table.dataTable td{
        font-size: .8rem !important;
    }
}


.flatpickr-calendar.open{
    z-index:100091 !important;
}
.navbar > .container-fluid > .smenu{
    position:absolute;
    padding:.5rem;
    right: 0;
    color:#ffffff;
}
.navbar > .container-fluid > .smenu > .navbar-nav > a{
    color:#ffffff !important;
}


.modal-body .navbar.navbar-expand-lg {
    top:-1rem;
    border-bottom: 1px solid var(--bs-navbar-color);
}

.switch-label{
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    -moz-user-select: none;
         user-select: none; /* Standard syntax */
}

.switch.switch-off-danger .switch-input:not(:checked) ~ .switch-toggle-slider{
    border: 1px solid rgb(219 56 96) !important;
    background:  rgb(219 56 96) !important;
    color: #fff;
}
.switch.switch-off-danger .switch-input:not(:checked) ~ .switch-toggle-slider:after{
    background: #fff;
}

.switch.switch-off-danger .switch-input:checked ~ .switch-toggle-slider{
    border: 1px solid var(--switch-off-danger-on) !important;
    background:  var(--switch-off-danger-on) !important;
    color: #fff;
}

.switch .switch-toggle-slider{
    width: 2rem;
    height: 1rem;
}
.switch .switch-toggle-slider::after {
    top: -3px;
    left:-3px;
}
.switch .switch-input:checked ~ .switch-toggle-slider{
    background: #2196f3 !important;
}
.switch .switch-input:checked ~ .switch-toggle-slider::after {
    left: .8rem;
}
.switch-toggle-slider::after {
    background: #fff;
}
.switch-input ~ .switch-toggle-slider{
    border-color: rgba(var(--bs-danger-rgb), 1) !important;
    background-color: rgba(var(--bs-danger-rgb), 1) !important;;
}

.switch-disabled{
    pointer-events: none;
    opacity: .5;
}
.cc-display{
    background-size: contain;
    min-height: 100px;
    height: 100px ;
    min-width: 100px !important;
    width: 100px;
}

.cc-small{
    max-height: 15px !important;
    min-height: 15px !important;
    height: 15px !important;
    display: inline-block;
}
.cc-visa{
    background: url(/assets/img/icons/cc/visa.png) no-repeat ;
    background-size: contain;
    background-position: center;

}
.cc-mc,.cc-mastercard{
    background: url(/assets/img/icons/cc/mc.png) no-repeat ;
    background-size: contain;
    background-position: center;

}
.cc-amex{
    background: url(/assets/img/icons/cc/amex.png) no-repeat ;
    background-size: contain;
    background-position: center;

}

select{
    cursor:pointer
}

input[readnly],select[readonly]{
    cursor: not-allowed;
}
input:-moz-read-only:focus{
    border:var(--bs-border-width) solid #dbdade !important;
    box-shadow:none !important;
}
input:read-only:focus{
    border:var(--bs-border-width) solid #dbdade !important;
    box-shadow:none !important;
}


.form-control:disabled, .form-select:disabled {
    background: #fff !important;
    cursor: no-drop !important;
    color: #6f6b7d !important;
}

.floating-input-container {
    margin-bottom: .5rem;
    height:40px;
    /*border-bottom: 1px solid rgb(170 170 171 / 70%);*/
}

.floating-input-container  label{
    font-size:.8rem;
}
.floating-input-container {
    position: relative;
    padding: 0;

}

.floating-input-container:has(label) {
    margin-top: 1.5rem;
}

.floating-input-container label {
    pointer-events: none;
    font-size: 1rem;
    position: absolute;
    transition-duration: 300ms;
    font-weight: normal;
    color: #b0b0b0;

}

.floating-input-container label.error {
    color: #e20b0b !important;
}

.floating-input-container input:not(:-moz-placeholder-shown) + label {
    white-space: nowrap;
    position: absolute;
}

.floating-input-container input:not(:-ms-input-placeholder) + label {
    white-space: nowrap;
    position: absolute;
}

.floating-input-container:focus-within label,
.floating-input-container input:not(:placeholder-shown) + label,.nonEmptyLabel {
    white-space: nowrap;
    position: absolute;
}
.floating-input-container.form-password-toggle i{
    cursor: pointer;
}
.floating-input-container input:not(:-moz-placeholder-shown) + label {
    transform: translateY(-22px);
    font-size: 0.825em !important;
    transition-duration: 300ms !important;;
    color: var(--modal-title-color);
}
.floating-input-container input:not(:-ms-input-placeholder) + label {
    transform: translateY(-22px);
    font-size: 0.825em !important;
    transition-duration: 300ms !important;;
    color: var(--modal-title-color);
}
.floating-input-container:focus-within label,
.floating-input-container input:not(:placeholder-shown) + label,.nonEmptyLabel {
    -webkit-transform: translateY(-22px);
            transform: translateY(-22px);
    font-size: 0.825em !important;
    transition-duration: 300ms !important;;
    color: var(--modal-title-color);
}

.floating-input-container input:not(:-moz-placeholder-shown):not(:focus) + label {
    color: #5d596c;
}

.floating-input-container input:not(:-ms-input-placeholder):not(:focus) + label {
    color: #5d596c;
}

.floating-input-container input:not(:placeholder-shown):not(:focus) + label {
    color: #5d596c;
}

.floating-input-container select:not(:empty) + label {
    -webkit-transform: translateY(-22px);
            transform: translateY(-22px);
    font-size: 0.825em;
    transition-duration: 300ms;

}
.floating-input-container select:not(:empty):focus + label{
    color: var(--modal-title-color);
}
.floating-input-container input::-webkit-input-placeholder {
    opacity: 0;
}
.floating-input-container input::-moz-placeholder {
    opacity: 0;
}
.floating-input-container input:-ms-input-placeholder {
    opacity: 0;
}
.floating-input-container input::-ms-input-placeholder {
    opacity: 0;
}
.floating-input-container input::placeholder {
    opacity: 0;
}

.floating-input-container input:-moz-read-only:focus {
    border: none !important;
}

.floating-input-container input:read-only:focus {
    border: none !important;
}
.floating-input-container button.targetBtn{
    width: inherit;
}

.floating-input-container button.targetBtn::after{
    position: absolute;
    right: 0;
}
.floating-input-label-empty {
    top: 22px;
    font-size: 1rem !important;
    color: #b9b9b9;
}

@media (min-width: 768px) {
    .row > .floating-input-container.col-md-6 {
        width: 48% !important;
    }
}

.floating-input-container >div.floating-border{
    border: 1px solid rgb(170 170 171 / 70%);
    width: 100%;
    margin: 0 auto;
    visibility: visible;
    top: 1px;
    position: relative;
    line-height: 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-flexbox;
    display: flex;
}

.floating-input-container >div.floating-border >span{
    width: 0%;
    position: relative;
    top: 0;
    line-height: 0;
    height: 1px !important;
    max-height: 1px;
    font-size: 1px !important;

}
.floating-input-container.active > div.floating-border>span{
    background: #24cc12;
    transition: width .2s ease;
    width: 100%;
}
.floating-input-container.active:has(.f-err-msg)> div.floating-border>span{
    background: #e20b0b;
}
.floating-input-container .floating-input {
    border: 0;
    outline: none;
    color: #6f6b7d;
}


/*.floating-input-container > div.floating-border {
    border: 1px solid #00b300;
    width: 0;
    margin: 0 auto;
    visibility: hidden;
}

 */

.floating-input-container > .floating-code-input {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
}

.floating-code-input > label {
    margin-bottom: 0;
    padding-bottom: 0;
    top: .45rem;
    position: relative;
}

.floating-input-container > .floating-code-input > input {
    border: 0;
    border-radius: 0;
    width: 80%;
    display: inline;
    font-size: 1.8rem;
    box-shadow: none;
    letter-spacing: .2rem;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: .45rem;
}

.floating-code-input > input:focus {
    box-shadow: none;
}

.floating-input-container i{
    position:relative;
    top:.45rem;
}
.floating-input-container  i.icon-right{
    right:0;
}

.pwdsuggestor,.pwdcompare {
    position: absolute;
    display: block;
    border: 1px solid;
    z-index: 9999;
    width: 100% !important;
    border-radius: .5rem;
    border-color: #c9c9c9;
    background: #f9f9f9;
    padding: 1rem;
    line-height: 1rem;
    font-size: 0.8rem;
    box-shadow: .5rem .5rem .5rem #a9a9a9;
    margin-top:-.5rem;
    font-weight: 500;
}
.pwdsuggestor div.text-success{
    color:rgb(0 145 65) !important;
}
.pwdsuggestor div.text-danger{
    color:rgb(209 9 9) !important;
}
.pwdsuggestor svg{
    height:1rem !important;
    width:1rem !important;
}
.pwdsuggestor::before,.pwdcompare::before{
    content: "";
    position: absolute;
    top: -1rem;
    left: 50%;
    margin-left: -.7rem;
    border-width: .5rem;
    border-style: solid;
    border-color: transparent transparent #c9c9c9 transparent;
}

.card:hover .card-action-element{
    color: var(--modal-title-color) !important;
}

.card .card-action-element{
    cursor: pointer;
}


.card-header > div{
    color:#333 !important;
    -ms-flex-item-align: center;
        align-self: center;
    margin-left:4px;
}
.addressavs{
    position: absolute;
    height: 100px;
    z-index: 999999;
    border: 1px solid;
    border-radius: 0 0 5px 5px;
    background: white;
    overflow: auto;
    display: none;
}
.addressavs > ul{
    list-style: none;
    padding:0;
}
.addressavs > ul >li{
    cursor: pointer;
    padding: 0 .5rem;
    font-size: .8rem;
    padding-top: 2px;
}
.addressavs > ul>li:hover{
    background: #F1F1F1;
    color: var(--modal-title-color)
}


@media (min-width: 768px){
    .billsw{
        margin-top:2rem;
    }
}


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

.accordion-header{
    background-color: #ffffff !important ;
    border-radius: inherit !important;
}
.accordion-header > button{
    background: transparent !important;
}



.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}


.alert-warning{
    color: #856404 !important;
}

.alert .alert-icon{
    background: transparent !important;
}





.__iocontainer{
    scrollbar-width: thin;
    overflow: auto hidden;
}
.mtables {
    table-layout: fixed;
}

.mtables tr > * {
    font-size: .8rem;
    color: #101010;

}

.mtables > :not(caption) > * > * {
    padding: .25rem 1.25rem;
}

.mtables > thead > tr > th, .mtables > tbody > tr > td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mtables thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1003;
}

.mtables thead tr th {
    cursor: pointer;
    background: rgba(115, 103, 240);
    color: #fff !important;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    -moz-user-select: none;
         user-select: none; /* Standard syntax */
    /*border-right: 2px solid #ffffff;*/
    position: relative;
}

.mtables thead th > div.re {
    cursor: col-resize;
}

.__iotb_dh {
    cursor: col-resize;
    background: #fff;
    min-width: 2px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width:2px;
}
@media not (min-width:961px) {
    td.sticky, th.sticky {
        position: relative !important;
        left: 0px !important;
        z-index: 1010;

    }
}
@media (min-width:961px) {
    td.sticky, th.sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
        left: 0px;
        z-index: 1010;

    }
}



th > div, td > div {
    overflow: hidden;
}

tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

tbody tr:nth-child(odd) {
    background-color: #fff;
}

tbody tr td.ndf {
    text-align: center;
}


tbody tr.flash {
    -webkit-animation: flashAnimation 6s ease-in-out 1 alternate backwards;
            animation: flashAnimation 6s ease-in-out 1 alternate backwards;
}

@-webkit-keyframes flashAnimation {
    0%,
    11%,
    31%,
    51%,
    71%,
    91% {
        background-color: inherit;
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        background-color: #ffb606;
    }

    100% {
        background-color: inherit;
    }
}

@keyframes flashAnimation {
    0%,
    11%,
    31%,
    51%,
    71%,
    91% {
        background-color: inherit;
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        background-color: #ffb606;
    }

    100% {
        background-color: inherit;
    }
}

.pidx {
    position: relative;
    right: 1rem;
    bottom:0;
}

.pidx button.hidden {
    display: none !important;
}

.pidx .btnelip {
    display: inline-block;
    font-weight: 500;
    margin-right: .4rem;
    margin-left: .25rem;
    line-height: 2rem;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
         user-select: none;
}

.pidx .ti-xs {
    font-size: .9rem !important
}


.__iFilter input, .__iFilter select {
    cursor: pointer;
    width: 100% !important;
}

.sorted {
    padding-right: 18px;
    position: relative;
}


.sort-asc:before,
.sort-desc:after {

    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}

th.io_select, td.io_select {
    text-overflow: unset !important;
    text-align: center;
    padding: .5rem !important;
     width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
}

th.sticky,td.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 1100;
}
th.io_select>input, td.io_select>input {
    cursor: pointer !important;
}

.table tbody tr.selected {
    background: rgb(227 224 255) !important;
}

.sort-desc:after {
    border-bottom-color: #666;
    margin-top: -9px;
}

.sort-asc:before {
    border-top-color: #666;
    margin-top: 1px;
}


.service_container {
    padding: 2rem;
    width:100%;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    display:-ms-flexbox;
    display:flex;
    gap:2rem;
}

.service_btn_container {
    max-width: 7rem;
    min-width: 7rem;
    width: 7rem;
    text-align: center;
    white-space: pre-wrap;
    overflow: visible;
    display: -ms-flexbox;
    display: flex;

}

.service_btn_container img{
    border-radius:.5rem !important;
}

/*.service_container .service_btn_container:not(:last-child) {
    margin-right: 2rem;
}*/
@media screen and (max-width:600px) {
    .service_container{
        padding:0px;


    }
    .service_btn_container {
        max-width: 5rem;
        min-width: 5rem;
        width: 5rem;
        padding:0px;
        overflow: visible;
    }
    .service_btn {
        height: 5rem !important;
        min-height: 5rem !important;
        width: 5rem !important;
        min-width: 5rem !important;
    }
}
.service_btn {
    height: 7rem ;
    min-height: 7rem ;
    width: 7rem ;
    min-width: 7rem ;
    background-color: transparent !important;
    background-position: center !important;;
    background-size: contain !important;;
}

.service_btn:hover {
    background-color: unset !important;
    box-shadow: 10px 10px 10px #888888 !important;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.service_btn_container > span {
    /*margin-top: 2rem;*/
}


.service_voice {
    background: url('/assets/img/services/voip.png');
}

.service_vps {
    background: url('/assets/img/services/vps.png');

}

.service_dedicatedhosting {
    background: url('/assets/img/services/server.png');
}



.xswitch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
}

.xswitch-small{
    width: 2.1rem;
    height: 1rem;
}
/* Hide default HTML checkbox */
.xswitch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.xswitch  > .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aa0000;
    transition: .4s;
}

.xswitch  > .slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
}

.xswitch-small > .slider:before{
    height: .7rem;
    width: .7rem;
    bottom: .17rem;
    left: .25rem;
}
.xswitch  > input:checked + .slider {
    background-color: #7367f0;
}

.xswitch  > input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.xswitch > input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
}
.xswitch-small > input:checked + .slider:before {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
}


/* Rounded sliders */
.xswitch  > .slider.round {
    border-radius: 34px;
}

.xswitch  > .slider.round:before {
    border-radius: 50%;
}


.modal-body > .overlay{
    display:none;
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 0;
    background: #a9a9a9;
    opacity: .4;
}

.number-cell{
    text-align: right;
}
.hbtn{
    position: relative;
    cursor: pointer;
    -ms-flex-pack: center;
        justify-content: center;
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
}

.btn-circle {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    -ms-flex-item-align: center;
        align-self: center;
    margin: 0px 5px;
}
.btn-media {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    box-shadow: none !important;
    background: #fff;
    -ms-flex-item-align: center;
        align-self: center;
    margin: 0px 5px;
}

.btn-media:hover,.btn-media:active{
    box-shadow: 0 0 4px 2px #ffffff !important;
    background-color: #ffffff !important;
    color: var(--bs-btn-color) !important;
}
.btnico{
    -ms-flex-item-align: center;
        align-self: center;
    z-index: 2;
    color:#272727;
}
.btnbg{
    z-index: 1;
    position: absolute;
    background: #efefef;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform: scale(0);
            transform: scale(0);
    border:1px solid #d0d0d0;
}

.hbtn:hover > .btnbg,.hbtn.isselected > .btnbg{
    width:100%;
    height:100%;
    -webkit-animation: createBox .3s ease-out forwards;
            animation: createBox .3s ease-out forwards;
    /* transform: translate(-50%, 0); /*Add this*/
}
.hbtn:hover > .btnico,.hbtn.isselected > .btnico{
    color: var(--merilio-primary-color);
    transition: background-color 1000ms linear;
}
@-webkit-keyframes createBox {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes createBox {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

.htip{
    font-size: .8rem;
    color: #fff;
    background: #666;
    line-height: 1rem;
    height: 1.2rem;
    position: absolute;
    /*left: -60%;
    top: 100%;
    display: none;*/
    z-index: 9999;
    padding: 2px;
    border-radius: 4px;
}

.selectdropdown {
    max-height: 200px;
    overflow: auto;
    scrollbar-width: thin;
}

.overlayt{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
}
.overlayt>.oinner{
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.overlayt>.oinner>.oinner2{
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-animation: ovlt 1s infinite;
            animation: ovlt 1s infinite;
}
.weoverlay{
    position: absolute;
    top: 0;
    left: 0;
    background: #a9a9a9;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-image: radial-gradient(#e32a2a 10%, transparent 10%), radial-gradient(#e32a2a 10%, transparent 10%);
    background-position: 0 0, 10px 10px;
    background-size: 10px 20px;

}
@-webkit-keyframes ovlt {
    0%{
        left:0;
        background-position: 0% 50%;
    }


    100% {
        left: 100%;
        background-position: 50% 0%;
    }
}
@keyframes ovlt {
    0%{
        left:0;
        background-position: 0% 50%;
    }


    100% {
        left: 100%;
        background-position: 50% 0%;
    }
}
.ed-list {
  display: none;
}
.ono{
  background-color: rgb(248, 247, 250);
  z-index:3;

}
.ono-cls-btn {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  z-index: 2;
}
.ono-cls-btn button:hover{
  box-shadow: 0 0.225rem 0.35rem rgba(165, 163, 174, 0.6) !important;
}
@media (min-width: 1024px) {
  .ed-list {
    display: inherit;
  }
}

.ed-container {
  position: relative;
  top: 0;
  background: #ffffff;
  border: 1px solid #a9a9a9;
  height: -webkit-fill-available;
  margin: 0 16px 0 16px;
  border: var(--ag-wrapper-border);
  border-radius: var(--ag-wrapper-border-radius);
  overflow: hidden;;
  max-width: 1024px !important;
}
.ed-content{
  overflow: auto;
  height: inherit;
}
.ed-container .buttonbar{
  position: absolute;
  bottom: 0;
  height: 3rem;
  min-height: 3rem;
  width: 100%;
  text-align: end;
  padding: .5rem 2rem;
  background: var(--ag-header-background-color);
  border-top: var(--ag-header-row-border);
}
.ed-list .ag-row:hover{
  cursor: pointer;
  background-color: var(--ag-row-hover-color);
}

.ed-list .ag-row.selected{
  background-color: var(--ag-selected-row-background-color);

}

.ag-floating-top{
  overflow: auto !important;
}
.ed-content .edrow{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
  padding: 1rem 0rem;
}
.ed-content .edrow:not(:first-of-type){
  border-top: 1px solid var(--bs-border-color);

}

.edrow>div:first-child{
  max-width: 50% !important;
}

.blinkerror{
    -webkit-animation: blinking 1s ;
            animation: blinking 1s ;
    -webkit-animation-iteration-count: 4;
            animation-iteration-count: 4;

}
@-webkit-keyframes blinking {
    50% {
        color: red;
    }
}
@keyframes blinking {
    50% {
        color: red;
    }
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }
.select2-container .select2-search--inline {
  float: left; }
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }


.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: block;
  width: 100%;
  padding: 0.22rem 0.22rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6f6b7d !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: var(--bs-border-width) solid #dbdade;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: calc(1.5em + 2px + 0.75rem);
  min-width: 150px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: .3rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #6f6b7d !important;
}

.select2.error {
  margin: 0 !important;
}

.select2.error span.select2-selection {
  border-color: red !important;
}




/*************** Tagify ************************/
@charset "UTF-8";:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-text-color:black;--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em;--tagify-dd-max-height:300px}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.2em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag--min-width:1ch;--tag--max-width:100%;--tag-hide-transition:0.3s;--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;outline:0;position:relative;box-sizing:border-box;transition:.1s}@-webkit-keyframes tags--bump{30%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes tags--bump{30%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes rotateLoader{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLoader{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.tagify:has([contenteditable=true]){cursor:text}.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);-webkit-filter:saturate(0);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){cursor:default}.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{padding:var(--tag-pad)}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{-webkit-animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@-webkit-keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;-webkit-filter:brightness(.95);filter:brightness(.95)}}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;-webkit-filter:brightness(.95);filter:brightness(.95)}}.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;-webkit-animation:rotateLoader .4s infinite linear;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;-webkit-transform:scale(0)!important;transform:scale(0)!important}.tagify__tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;max-width:var(--tag--max-width);margin-inline:5px 0;margin-block:5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag>div{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{display:block;outline:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div>:only-child{width:100%}.tagify__tag>div::before{content:"";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:120ms ease;-webkit-animation:tags--bump .3s ease-out 1;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;-webkit-animation:rotateLoader .4s infinite linear;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{-webkit-animation:none;animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{-webkit-animation:none;animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{--tag-bg:var(--tag-invalid-bg);transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{-webkit-animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;-webkit-filter:brightness(.95);filter:brightness(.95)}}.tagify__tag--editable>div{color:var(--tag-text-color--edit)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none;opacity:0;-webkit-transform:translateX(100%) translateX(5px);transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{-ms-flex-order:5;order:5;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-inline:auto 4.6666666667px;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"×";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{-ms-flex-positive:1;flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:var(--tag-pad);line-height:normal;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit;overflow:hidden}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;-webkit-transform:translatex(6px);transform:translatex(6px)}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;-webkit-transform:none;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);width:100%;height:100%;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none;opacity:0;position:absolute}.tagify__input::after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input::after{content:none}.tagify--select{cursor:default}.tagify--select::after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;-webkit-transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{-webkit-transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2);transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select[aria-expanded=true] .tagify__tag__removeBtn{pointer-events:none;opacity:0;-webkit-transform:translateX(100%) translateX(5px);transform:translateX(100%) translateX(5px)}.tagify--select .tagify__tag{-ms-flex:1;flex:1;max-width:none;-webkit-margin-end:2em;-moz-margin-end:2em;margin-inline-end:2em;margin-block:0;padding-block:5px;cursor:text}.tagify--select .tagify__tag div::before{display:none}.tagify--select .tagify__tag+.tagify__input{display:none}.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;-webkit-transform:none;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;-webkit-transform:translateY(-1px);transform:translateY(-1px);border-top:1px solid var(--tagify-dd-color-primary);overflow:hidden}.tagify__dropdown[dir=rtl]{-webkit-transform:translate(-100%,-1px);transform:translate(-100%,-1px)}.tagify__dropdown[placement=top]{margin-top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{scroll-behavior:auto;max-height:var(--tagify-dd-max-height);overflow:hidden;overflow-x:hidden;color:var(--tagify-dd-text-color);background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.3s cubic-bezier(.5,0,.3,1),-webkit-transform .15s;transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;transition:.3s cubic-bezier(.5,0,.3,1),transform .15s,-webkit-transform .15s;-webkit-animation:dd-wrapper-show 0s .3s forwards;animation:dd-wrapper-show 0s .3s forwards}@-webkit-keyframes dd-wrapper-show{to{overflow-y:auto}}@keyframes dd-wrapper-show{to{overflow-y:auto}}.tagify__dropdown__header:empty{display:none}.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}.tagify__dropdown__footer:empty{display:none}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;-webkit-transform:translateY(-1em);transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{-webkit-transform:translateY(2em);transform:translateY(2em)}.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;white-space:pre-wrap;cursor:pointer;border-radius:2px;position:relative;outline:0;max-height:60px;max-width:100%;line-height:normal;position:relative}.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{-webkit-filter:brightness(105%);filter:brightness(105%)}.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}.tagify__dropdown__item--hidden>*{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;transition:inherit}.tagify__dropdown__item--selected::before{content:"✓";font-family:monospace;position:absolute;inset-inline-start:6px;text-indent:0;line-height:1.1}.tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item{text-indent:1em}