.aegov-form-control .ts-wrapper .ts-control {
    position: relative;
    display: flex;
    border: none;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;

    --tw-ring-color: #92722A;
    font-size: 1rem;
    line-height: 1.5rem !important;
    padding: .75rem 1rem !important;
}

.aegov-form-control .ts-wrapper .ts-control:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 192 39 / var(--tw-ring-opacity));
}

.aegov-form-control .ts-dropdown {
    padding: .75rem 1rem !important;
    border: 1px solid #92722A;
    border-radius: .5rem;
}

.aegov-form-control .ts-dropdown .option {
    padding: 5px 8px;
    margin: .5rem 0;
}

.aegov-form-control .ts-dropdown .active {
    background-color: #92722A;
    color: #FFF;
}

.uppy-uploader.aegov-form-control {
    position: relative;
}

@media only screen and (min-width: 820px) {
    .uppy-Dashboard-inner {
        width: 100% !important;
        height: 100% !important;
    }
}

/*
.uppy-uploader #sar_featured_image-gallery,.uppy-uploader #back_image-gallery,
 .uppy-uploader #bottom_image-gallery, .uppy-uploader #right_image-gallery,
 .uppy-uploader #left_image-gallery,
 {
    display: none;
}*/
.uppy-uploader .uppy-Dashboard-inner {

    background-color: #ffffff;
    border: none;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;

    --tw-ring-color: #92722A;
    padding: 5px;

}

.uppy-uploader .uppy-Dashboard-browse {
    color: #92722a;

}

.ck.ck-content {

    border: none;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: #92722A;



    --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
    --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
    --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);


    --ck-color-button-on-background: #92722A;
    --ck-color-button-on-hover-background: #92722A;
    --ck-color-button-on-active-background: #92722A;
    --ck-color-button-on-disabled-background: #92722A;
    --ck-color-button-on-color: #92722A;
}

.ck.ck-content p {
    margin-bottom: .5rem;
}

.ck-toolbar {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: #92722A;


}

.aegov-form-control .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border: none;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 192 39 / var(--tw-ring-opacity));
}

.aegov-form-control .uppy-Dashboard-Item {
    border-bottom: none;
}

.aegov-form-control:not(.col-span-2) .uppy-DashboardContent-bar {
    display: none;
}

.aegov-form-control:not(.col-span-2) .uppy-StatusBar.is-complete {
    display: none;
}

.aegov-form-control:not(.col-span-2) .uppy-Dashboard-files {
    padding-bottom: 0;
}


.aegov-form-control:not(.col-span-2) .uppy-StatusBar {

    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
}

.aegov-form-control:not(.col-span-2) .uppy-Dashboard-Item-preview {

    width: 45px;
    height: 45px;
}
.aegov-form-control:not(.col-span-2) .uppy-size--md .uppy-Dashboard-Item {
    position: relative;
    display: block;
    float: inline-start;
    width: calc(33.333% - 15px - 15px);
    height: 215px;
    margin: 5px 15px;
    padding: 0;
    border-bottom: 0;
    width: calc(100% - 15px - 15px);
    display: flex;
    gap: 1rem;
    height: auto;
}
.aegov-form-control .uppy-size--md .uppy-Dashboard-Item-action--remove,#tabulator_wrapper  .uppy-size--md .uppy-Dashboard-Item-action--remove{
    opacity: 0;
}
.aegov-form-control .uppy-size--md  .is-complete .uppy-Dashboard-Item-action--remove,#tabulator_wrapper  .uppy-size--md  .is-complete .uppy-Dashboard-Item-action--remove{
    opacity: 1;
}
.aegov-form-control .uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
   
    background-color: #fafafa;
    border: 1px solid #ccc;
}
.aegov-form-control .uppy-StatusBar-progress,#tabulator_wrapper  .uppy-StatusBar-progress{
   
    top: 100%;
}
.aegov-form-control .uppy-Informer,#tabulator_wrapper  .uppy-Informer{
    bottom: 0;
}
.aegov-form-control  .uppy-u-reset.uppy-c-btn.uppy-Dashboard-Item-progressIndicator,#tabulator_wrapper  .uppy-u-reset.uppy-c-btn.uppy-Dashboard-Item-progressIndicator{
    opacity:0;
}
@media (max-width: 768px) {
    .grid-cols-1>.col-span-2 {
        grid-column: span 1 / span 1;
    }
}

body #tabulator_wrapper .tabulator-placeholder {
    background-color: #fff;
}
 
body #tabulator_wrapper .tabulator {
    border: none;
    margin-bottom: 2rem;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: #92722A;
    padding: 5px;
  /*  height: auto !important;
    max-height: 600px;
    min-height: 100px;*/
    overflow: auto;
} 

#tabulator_wrapper .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {

    margin-left: 0 !important;
}
/*
#tabulator_wrapper .tabulator-row .tabulator-cell {

    height: auto !important;
}*/

#tabulator_wrapper .tabulator-row {

    display: flex;

}

#tabulator_wrapper .tabulator .tabulator-row .uppy-Dashboard-AddFiles-title {

    text-align: inline-start;
    font-size: .7rem;
}

#tabulator_wrapper .tabulator .uppy-Dashboard-AddFiles-title {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 3px;
}

body #tabulator_wrapper .tabulator .tabulator-header .tabulator-col {
    background: #fff;
    border-right: 2px solid #92722a;
}

 body .tabulator-row .tabulator-cell {
    border-right: 2px solid #92722a;
 }
 
body #tabulator_wrapper .tabulator *{
     border-color: #92722a !important;
}
#tabulator_wrapper .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    
}
body #tabulator_wrapper .tabulator-row.tabulator-row-even {
    background-color: #FFF;
}
body #tabulator_wrapper .tabulator-row.tabulator-row-odd {
    background-color: #F9F7ED;
}
@media (hover: hover) and (pointer: fine) {
    body #tabulator_wrapper .tabulator-row.tabulator-selectable:hover {
        background-color: #F2ECCF;
        cursor: pointer;
    }
}
body #tabulator_wrapper .tabulator-row .tabulator-cell {
    padding: 10px 15px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{
      padding: 10px 15px;
}
 #tabulator_wrapper .tabulator-row .uppy-StatusBar {
   position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
    width: 100%;
 }
 #tabulator_wrapper .tabulator-row .uppy-StatusBar.is-complete{
    display: none;
 }
 #tabulator_wrapper .tabulator-row .uppy-DashboardContent-bar{
    display: none;
 }
 #tabulator_wrapper .tabulator-row .uppy-Dashboard-files{
    overflow: hidden;
  }
#tabulator_wrapper .uppy-Dashboard-Item-preview {
 
    width: 30px;
    height: 30px;
}
#tabulator_wrapper .uppy-Dashboard-files{
    padding: 0;
}
#tabulator_wrapper .uppy-Dashboard-innerWrap{
    position: relative;
}
.aegov-form-control [disabled]{
    opacity: 0.3;
}
#tabulator_wrapper .tabulator-row .tabulator-cell.tabulator-validation-fail {
    border-color: #d00 !important;
}
.excel-validation-error{
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #d00;
    margin-top: .5rem;
}
.excel-validation-error p{
    margin: 0;
    font-size: .8rem;
}
.uppy-Dashboard-Item-name{
    max-width: 120px;
    overflow: hidden;
}

.aegov-form-control .ts-wrapper .ts-control {
    
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237C5E24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    padding-inline-end: 40px !important;
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
}

html[dir=rtl] .aegov-form-control .ts-wrapper .ts-control {
    background-position: left .5rem center;
}

body .just-validate-error-label {
    position: absolute;
    pointer-events: none;
    bottom: 0;
    transform: translateY(95%);
    font-size: 0.75rem;
    font-weight: 500;
    left: 0;
}

html[dir=rtl] body .just-validate-error-label {
    right: 0;
    left: auto;
}
.aegov-form-control {
    position: relative;
}
#modalError{
    color: red;
    margin: 1rem 0;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    border-radius: 0;
    padding: .5rem .75rem;
    color: inherit;
    text-decoration-line:none
}

.dropdown-item:visited {
    color:inherit
}

.dropdown-item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
    color:inherit
}

.dropdown-item:active {
    color:inherit
}

.dropdown-item svg {
    height: 1.25rem;
    width: 1.25rem;
    color:currentColor
}

.tagify.form-control-input {
    padding: 0.26rem;
}

.aegov-form-control .form-control-input[dir=rtl] {
    direction: rtl;
}


.aegov-form-control:has(input[dir=rtl]) .tagify {
    direction: rtl;
}

.image-wrapper-item {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    aspect-ratio: 16/8;
    border: 1px solid #dadada;
    border-radius: 1rem;
}

.image-wrapper-item img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    padding: 0;
    margin: 0;
}

.change-aspect-ratio .image-wrapper-item {
    aspect-ratio: 5/1.75;
}

.aegov-form-control:has(input[dir=rtl]) label {
    direction: rtl;
}