@charset "UTF-8";

/* .fi-fo-wizard .flex.items-center.justify-between.gap-x-3.px-6.pb-6 {
   display:none;
} */

.fi-link-icon {
   width: 20px !important;
   height: 20px !important;
   margin-top: -10px;
   position: absolute;
}

.smx-alert {
   display: flex;
}
.smx-alert-icon {
   width: 30px;
   height:30px;
}
.smx-alert-content {
   padding-left:10px;
   padding-top:4px;
}

.smx-alert_top {
   display: flex;
}

.smx-alert_top .smx-alert-icon {
   width: 20px;
   height:20px;
}
.smx-alert_top .smx-alert-content {
   padding-left: 5px;
   padding-top: 0px;
   font-size: 13px;
}

div.fi-layout > aside.fi-sidebar {
   padding-top: 0px !important;
}
.adv_label {
   display:flex;
   align-items: flex-start;
}

.opacity-0 div{
   opacity: 1 !important;
}

.adv_label svg {
   width: 18px;
   height: 18px;
   margin-right: 5px;
   min-width: 18px;
}

.adv_label button {
   height: 18px;
   width: 18px;
   margin-left: 5px;
}

.adv_sub_value {
   font-size: 11px !important;
}

.state-draft {
   color:#CCCCCC !important;
}

.state-waiting {
   color:#0077B6 !important;
}

.state-running {
   color:#0077B6 !important;
}

.state-completed {
   color:#CCCCCC !important;
}

.state-archived {
   color:#BBBBBB !important;
}

.state-paused {
   color:#CC0000 !important;
}

.slim{
    border-radius: 10px;
    border: none !important;
 }

 .dark .slim{
    background-color: black;
 }

 .asColorPicker-dropdown {
    box-sizing: content-box;
    border-radius: 10px;
    border: none;
 }

 .dark .asColorPicker-dropdown{
    background-color: #000;
 }

 .asColorPicker-wrap {
    display: flex !important;
 }



 .asColorPicker-trigger {
    width: 50px !important;
    height: 36px !important;
    border-top-right-radius: 7px;
    border: none !important;
    border-bottom-right-radius: 7px;
    position: absolute !important;
    right: 0px;
 }

 .asColorPicker-trigger span {
    border-top-right-radius: 7px;
    border: none !important;
    border-bottom-right-radius: 7px;
 }

 .invisible .fi-section-content {
    display: none;
 }

 .form-check-input {
    height:20px !important;
 }

 .accordion-collapse.collapse {
   visibility: unset !important;
 }

.filament.accordion-body {
   background-color: white !important;
   color: #333 !important;
}

.dark .filament.accordion-body {
   background-color: rgba(var(--gray-900),var(--tw-bg-opacity)) !important;
   color: white !important;
}

.filament.accordion-header{
   border-bottom-width: 1px;
   border-style: solid;
   border-color: #666;
   display: inline-flex;
   position: relative;
   width:100%;
}


.filament.accordion-header button{
   background-color: white !important;
   color: #333 !important;
}

.dark .filament.accordion-header {
   background-color: rgba(var(--gray-900),var(--tw-bg-opacity)) !important;
   color: white !important;
   display: flex;
}

.dark .filament.accordion-header button{
   background-color: rgba(var(--gray-900),var(--tw-bg-opacity)) !important;
   color: white !important;
}

.filament.accordion-item {
   border-color:#333;
}

.filament .accordion-button::after {
   position:absolute;
   right:10px;
}

.custom_field {
   border-radius: 0.5rem !important;
}

.dark .custom_field {
   background-color: hsla(0,0%,100%,.05)!important;
   border-color:rgb(113, 113, 122) !important;
   color:white !important;
}

.smx_megaradio_basic .smx_megaradio_content {
   display:flex;
}

.smx_megaradio_basic .smx_megaradio_product_wrapper {
   display:flex;
   margin-right: 0.5rem!important;
}

.smx_megaradio_basic .smx_megaradio_product_image {
   width: 100px;
   height: 200px;
   background-position: center center;
   background-size: cover;
}
.smx_megaradio_basic .smx_megaradio_description {
   overflow: scroll;
   max-height: 200px;
}

.smx_megaradio_picture .smx_megaradio_product_image {
   width: 100%;
   aspect-ratio: 16/9;
   background-position: center center;
   background-size: cover;
}
.smx_megaradio_picture .smx_megaradio_description {
   height: 100px;
   margin-top:10px;
   overflow: scroll;
}

.smx_help_input {
   display: inline;
}
.wrnc {
   color:red;
}



.card-body {
   background: unset !important;
}

.table th, .table td {
   background: unset !important;
}

.dark .table th, .dark .table td {
   color:white !important;
}


#-tab_performances-tab {
   overflow: scroll;
}

.option_help {
   display: block;
   margin-right: 13px;
   position: absolute;
   right: 20px;
   background-color: unset;
   top: 8px;
   z-index: 1000;
}

.smx_megaradio_heading {
   display: inline-flex;
   width: 100%;
}
.smx_megaradio_links {
   display: inline-flex;
   margin-left: auto;
}

button.w-full {
   width: 100%;
}