body{
	font-family: 'Ubuntu', sans-serif;
}

/* ---------- header  */
.filament-main-topbar{
	height: 48px;
}
.filament-main-topbar .h-10{
	height: 2rem;
}
.filament-main-topbar .w-10{
	width: 2rem;
}

/* ---------- sidebar  */
.filament-sidebar-header{
	height: 48px;
}
.filament-sidebar-header::before {
	--tw-gradient-from: #d7d7d7;
	--tw-gradient-to: #2d3538 ;
	--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
	--tw-gradient-to: #2d3538;
	--tw-gradient-stops: var(--tw-gradient-from),#2d3538 var(--tw-gradient-via-position),var(--tw-gradient-to);
	--tw-gradient-to: #d7d7d7;
}

.filament-sidebar-nav .space-y-6 > :not([hidden]) ~ :not([hidden]){
	margin-bottom: calc(.4rem*var(--tw-space-y-reverse));
	margin-top: calc(.4rem*(1 - var(--tw-space-y-reverse)));
}


.filament-sidebar-nav button{
	padding-bottom: calc(.1rem*(1 - var(--tw-space-y-reverse)));
	padding-top: calc(.1rem*(1 - var(--tw-space-y-reverse)));
}


.filament-sidebar-nav .space-y-1 > :not([hidden]) ~ :not([hidden]) {
	margin-top: 0;
}

.filament-sidebar-nav.py-6{
	padding-top: 0.5rem;
}


.filament-sidebar .bg-primary-500,
.filament-sidebar .bg-primary-500:hover, 
.filament-sidebar .bg-primary-500:active, 
.filament-sidebar .bg-primary-500:focus{
	background-color: #2d3538;
}

.filament-sidebar-collapse-button,.filament-sidebar-close-button{
	color: #2d3538;
}

.filament-sidebar li{
	margin:0;
}

/*.filament-sidebar-nav button .items-center svg {
	margin: 0;
	height: 20px;
	width: 20px;
	color: rgb(var(--color-primary-800) / var(--tw-text-opacity));
}

.filament-sidebar-open .filament-sidebar-nav .space-y-6 > :not([hidden]) ~ :not([hidden]) ul li svg{
	display: none;
}


.filament-sidebar-group[x-data="{ label: 'Media' }"] button{
	display: none;
}
.filament-sidebar-group[x-data="{ label: 'Media' }"] ul li svg{
	display: block;
}*/

/* ---------- import button */

[dusk="filament.admin.action.import"].bg-success-600, 
[dusk="filament.admin.action.import"].bg-success-600:hover, 
[dusk="filament.admin.action.import"].bg-success-600:active, 
[dusk="filament.admin.action.import"].bg-success-600:focus{
	background-color: #5b84a2;
}
[dusk="filament.admin.action.import"].focus\:ring-offset-success-700:focus{
	--tw-ring-offset-color: #5b84a2;
} 


/* ---------- column */
.filament-tables-badge-column .bg-success-500\/10, .filament-tables-badge-column .bg-secondary-500\/10, .filament-tables-badge-column .bg-danger-500\/10{
	background: none;
	padding: 0;
}


/* ---------- table coloumn */

th.filament-tables-header-cell.filament-table-header-cell-no{
	width: 70px;
}

th.filament-tables-header-cell.filament-table-header-cell-image{
	width: 90px;
}
th.filament-tables-header-cell.filament-table-header-cell-mid{
	width: 90px;
}
th.filament-tables-header-cell.filament-table-header-cell-created-at{
	width: 120px;
}
th.filament-tables-header-cell.filament-table-header-cell-status{
	width: 100px;
}
th.filament-tables-header-cell.filament-table-header-cell-is-active{
	width: 100px;
}
th.filament-tables-header-cell.filament-table-header-cell-type{
	width: 100px;
}
th.filament-tables-header-cell.filament-table-header-cell-id{
	width: 70px;
}
th.filament-tables-header-cell.filament-table-header-cell-guard-name{
	width: 100px;
}


/* ---------- Custom */

.wrap--content--post trix-editor[id="data.content"],.wrap--content--page trix-editor[id="data.content"]{
	min-height: 300px;
}

#site_logo.filament-forms-file-upload-component{
	width: 200px;
}

#site_favicon.filament-forms-file-upload-component{
	width: 100px;
}


/* ---------- textarea */

.content--textarea{
	padding-top: 0;
}
.content--textarea .filament-forms-rich-editor-component-toolbar-button{
	padding-left: 5px;
	padding-right: 5px;
}


/* ---------- login */
.filament-login-page{
	background: none;
}


.wrap-captcha-form-login .filament-forms-field-wrapper .filament-forms-field-wrapper-helper-text{
	margin:0;
}
.wrap-captcha-form-login img{
	height: 40px;
	border-radius: 5px;
	border: 1px solod #ccc;
}

.choices__inner,
.rounded-xl,
.rounded-lg,
.rounded-2xl
{
	border-radius: 5px;
}

.rounded-t-xl{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.rounded-b-xl{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.filament-forms-section-component  .filament-forms-section-header-wrapper.rounded-b-xl{
	border-bottom: none;
}
.filament-forms-section-component  .filament-forms-section-header-wrapper{
	min-height: 36px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	background: #f9fafb;
}
.filament-forms-section-component  .filament-forms-section-header-wrapper h3{
	font-size: 0.9rem;
	font-weight: 500;
}

.filament-forms-section-component  .filament-forms-section-header-wrapper button{
	height: 25px;
	width: 25px;
}

.filament-forms-section-component  .filament-forms-section-header-wrapper svg{
	height: 20px;
	width: 20px;
}


/* MEDIA  */

.filament-resources-media .filament-tables-table-container .grid .filament-tables-actions-container {
	padding-bottom: 40px;
}
.filament-resources-media .filament-tables-table-container .grid .filament-icon-button {
	background: #ffffff8f;
}

.filament-resources-media .filament-tables-table-container .grid .filament-tables-record-url-link {
	padding:0;
}
.filament-resources-media .filament-tables-table-container .grid > div {
	margin-bottom: 1rem;
}


/* BUILDER FORM QNA */
.filament-forms-builder-component  > ul > li > header > p {
	white-space: nowrap;
	overflow: hidden;
}

.filament-forms-builder-component  > ul > li > header > p small{
	float: left;
	margin-right: 10px;
}
.filament-forms-repeater-component[data-qa-list="text"] > ul > div > li > div.p-6 {
	position: absolute;
	top: 2px;
	right: 200px;
	left: 43px;
	padding: 0;
}

.filament-forms-repeater-component[data-qa-list="text"] > ul > div > li > div.p-6 >.grid > div:nth-child(2) input {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.filament-forms-repeater-component[data-qa-list="text"] > ul > div > li > div.p-6 > .grid > div:nth-child(3)  {
	position: absolute;
	right: -106px;
	top: 10px;
	display: inline-block;
}

.filament-forms-repeater-component[data-qa-list="image"] > ul > div {
	display: grid;
	grid-template-columns: auto auto auto auto;
}