/*Custom filament backend styling, wil be copied as asset to /public/css dir */

.bg-red-400 {
    background-color: rgba(255, 99, 71, 0.4);
}

.bg-green-400 {
    background-color: rgba(43, 207, 87, 0.4);
}

.bg-blue-400 {
    background-color: rgba(43, 128, 207, 0.4);
}

.bg-purple-400 {
    background-color: rgba(144, 43, 207, 0.4);
}

.bg-yellow-400 {
    background-color: rgba(255 ,255, 0, 0.4);
}

.bg-orange-400 {
    background-color: rgba(207, 141, 43, 0.4);
}

.bg-violet-400 {
    background-color: rgba(235, 52, 204, 0.4);
}




.bg-red-300 {
    background-color: rgba(255, 99, 71, 0.3)!important;
}

.bg-green-300 {
    background-color: rgba(43, 207, 87, 0.3)!important;
}

.bg-blue-300 {
    background-color: rgba(43, 128, 207, 0.3)!important;
}

.bg-purple-300 {
    background-color: rgba(144, 43, 207, 0.3)!important;
}

.bg-yellow-300 {
    background-color: rgba(255 ,255, 0, 0.3)!important;
}

.bg-orange-300 {
    background-color: rgba(207, 141, 43, 0.3)!important;
}

.bg-violet-300 {
    background-color: rgba(235, 52, 204, 0.3)!important;
}


.bg-red-200 {
    background-color: rgba(255, 99, 71, 0.2);
}

.bg-green-200 {
    background-color: rgba(43, 207, 87, 0.2);
}

.bg-blue-200 {
    background-color: rgba(43, 128, 207, 0.2);
}

.bg-purple-200 {
    background-color: rgba(144, 43, 207, 0.2);
}

.bg-yellow-200 {
    background-color: rgba(255 ,255, 0, 0.2);
}

.bg-orange-200 {
    background-color: rgba(207, 141, 43, 0.2);
}

.bg-violet-200 {
    background-color: rgba(235, 52, 204, 0.2);
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.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-table {
	/*flip content back to original position*/
    /*transform: rotate(180deg);*/
}

.fi-ta-empty-state-heading {
	/*transform: rotate(180deg);*/
}

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

.py-4 {
	padding-bottom: 0.2rem!important;
    padding-top: 0.2rem!important;
}

.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-in-text {
    color: #888 !important;
}

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