/*Custom admin filament backend styling*/
@import '../../../../vendor/saade/filament-fullcalendar/resources/css/filament-fullcalendar.css';
@source '../../../../vendor/saade/filament-fullcalendar/resources/views/**/*.blade.php';


.shorttext {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    max-height: 65px;
}

.jsontext {
	font-family: consolas;
	font-size: 0.8em;
	color: rgba(217, 119, 6, 1);
}

.preorder-status {
	min-width: 265px!important;
}

.editform-small {
	max-width: 50%!important;
	margin-left: 23vw;
}

.fi-fo-field-wrp-label {
	width: 100%;
	border-bottom: 1px solid #dde;
	height: 30px;
}

.placeholder-padded {
	padding: .375rem .75rem;
	border: 1px solid #dde;
	border-radius: 8px;
}

.placeholder-underline {
	padding: .17rem .75rem;
	border-bottom: 1px solid #dde;
}

.fi-ta-content {
	/*flipped upside down moving scrollbar on top*/
	overflow-x: auto;
	overflow-y: auto;
	max-height: calc(100vh - 430px );
    /*transform: rotate(180deg);*/
}

.fi-ta-row {
	margin-top: 50px;
}



.fi-ta-text-item-label {
	max-height: 22px;
}

.fi-ta-filters-above-content-ctn {
	margin-top: 15px;
}

.fi-fo-field-wrp {
	margin-top: -15px;
}

@media (min-width: 640px) {
    .sm\:leading-6 {
        line-height: 1rem!important;
    }
}

.fi-button-copy {
	color:white;
	background-color: rgb(217 119 6);
	border-radius: 10px;
	padding: 8px 15px 8px 15px;
}

.fi-notification-hidden {
	display: none;
	margin-left: 20px;
}

.fi-ta-header-toolbar .fi-ta-actions [x-ref="panel"] {
    min-width: 500px;
}

.fi-sidebar-header {
	background-image: url(../img/logo/admin_logo.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	padding-left: 100px!important;
	
}

.bg-danger {
	background-color: oklch(88.5% 0.062 18.334);
}
.bg-warning {
	background-color: oklch(90.1% 0.076 70.697);
}
.bg-success {
	background-color: oklch(96.2% 0.044 156.743);
}

.bg-yellow {
	background-color: oklch(96.2% 0.059 95.617);
}


/* --- Filament Tabs Custom Styling --- */
.fi-tabs-item.fi-active {
	background-color: #29d;
}


.fi-tabs-item.fi-active .fi-tabs-item-label {
	color: white;
}