/**
 * @copyright Martin Procházka (c) 2024
 * @license   MIT License
 */

:root {
	--brand: #f6be00;
}

.bg-brand { background-color: var(--brand); }
.text-brand { color: var(--brand); }

.table-responsive .table { min-width: 1080px; }

/* Icon custom styling */
.small-box .icon > i.watermark {
	transform: none !important;
	font-size: 2rem;
	transition: none;
	top: 27px;
}

/* Full page overlay */
.wrapper-overlay > .overlay {
	position: fixed;
	left: 0; top: 0;
	bottom: 0; right: 0;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(255, 255, 255, .7);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1150;
}


/**
 * Navigations
 */
.navbar-nav .nav-link { padding: .5rem .9rem !important; margin: 0rem .1rem; }
.navbar-nav .nav-link.active { background-color: rgba(0,0,0, .2); }

/* Main navbar */
.navbar.navbar-toolbar { background-color: var(--light); }
.navbar.bg-brand .navbar-nav .nav-link:is(.active, :hover) { color: #000; }
.navbar.bg-brand .navbar-nav .nav-link:is(:hover) { background-color: rgba(0,0,0, .1);  }
.navbar.bg-brand .navbar-nav .nav-link { color: rgba(0,0,0,.5); }

.navbar-nav:is(.menu) .nav-link span { display: none; }

/* Large buttoned navbar */
.navbar.navbar-large-buttons { border-radius: .25rem !important; justify-content: flex-start !important; }
.navbar.navbar-large-buttons .btn { text-align: center; padding: .5rem; width: 6rem; }
.navbar.navbar-large-buttons .btn i { font-size: 1.5rem; margin: .5rem auto; }
.navbar.navbar-large-buttons .btn span { display: block; }

.navbar.navbar-toolbar { min-height: 56px; }


/**
 * Forms
 */
.form-section {
	color: var(--gray);
	font-size: .9rem;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(127,127,127, .25);
	margin: 0 -1.25rem;
	padding-top: 1.25rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
}

/* Summernote */
.card .note-editor { margin-bottom: 0px; }
.card .note-editor.note-airframe .note-placeholder { padding: 0px; }
.card .note-editor.note-airframe p:last-child { margin-bottom: 0px; }
.card .direct-chat-text p:last-child { margin-bottom: 0px; }
.card .info-box.min-h-auto { min-height: auto !important; }


/**
 * FileUpload & FileGallery
 */
.mailbox-attachments li { transition: border-color .15s ease-in-out; }
.mailbox-attachments li:hover { border-color: #3395ff; }
.mailbox-attachments .mailbox-attachment-icon { padding: 0px; height: 132px; font-size: 1rem; max-height: 132px; }
.mailbox-attachments .mailbox-attachment-icon > i { margin-top: 33px; font-size: 65px; }
.mailbox-attachments .mailbox-attachment-icon > img {
	height: 132px;
	width: auto;
}


/**
 * FrameModal - Document preview
 */
.document-preview { max-width: 210mm; }
.document-preview .document { min-height: 297mm; padding: 0px; }

.document-preview iframe {
	position: relative;
	z-index: 1;
	margin-bottom: -5px;
}

.document-preview .loading {
	position: absolute;
	color: rgba(90, 90, 90, .5);
	top: 90mm;
	left: 0px;
	right: 0px;
	text-align: center;
	z-index: 0;
}


/**
 * Tables
 */
.table th { white-space: nowrap; }

.table.table-xs td,
.table.table-xs th {
	padding: .1rem .3rem;
}

.table .col-action .dropup,
.table .col-action .dropdown {
	display: inline-block;
}

.datagrid .hidden {
	display: none !important
}

.datagrid table thead tr th {
	font-size: 90%;
	vertical-align: top
}

.datagrid table tbody td {
	vertical-align: middle
}

.datagrid table tbody tr.row-item-detail.toggled {
	display: table-row
}

.datagrid table tbody tr.row-item-detail,
.datagrid table tbody tr.row-item-detail .item-detail-content,
.datagrid table tbody tr.row-item-detail-helper,
.datagrid table thead tr th .datagrid-column-header-additions .column-settings-menu .dropdown-toggle::after,
.datagrid .datagrid-tree .datagrid-tree-item.has-children > .datagrid-tree-item-children {
	display: none
}


/**
 * ====================================
 * DARK MODE
 * ====================================
 */

.dark-mode body { background-color: #454d55 !important; color: #fff; }

.dark-mode .card .overlay,
.dark-mode .info-box .overlay,
.dark-mode .overlay-wrapper,
.dark-mode .overlay,
.dark-mode .small-box .overlay,
.dark-mode .wrapper-overlay > .overlay {
	background-color: rgba(52,58,64,.7);
}

/**
 * FileUpload & FileGallery
 */
.dark-mode .fuc-container .fuc-dropzone { color: rgba(255,255,255,.8); }
.dark-mode .fuc-container {
	background-color: rgba(0,0,0,.1);
	border-color: rgba(0,0,0,.125);
}

.dark-mode .fuc-file .card .card-header {
	color: #fff;
	background-color: #3f474e;
}

.dark-mode .mailbox-attachments .mailbox-attachment-info { background-color: #454d55; }
.dark-mode .mailbox-attachments .mailbox-attachment-name { color: #fff; }
.dark-mode .mailbox-attachments li { border-color: #454d55; }


/**
 * Navigations
 */
.dark-mode .navbar.navbar-toolbar { background-color: var(--gray-dark); }


/**
 * Popover
 */
.dark-mode .popover {
	color: var(--light);
	background-color: var(--gray-dark);
}

.dark-mode .popover[x-placement^="top"] .popover-header::before,
.dark-mode .popover[x-placement^="top"] .arrow::after { border-top-color: var(--gray-dark) !important; }
.dark-mode .popover[x-placement^="left"] .popover-header::before,
.dark-mode .popover[x-placement^="left"] .arrow::after { border-left-color: var(--gray-dark) !important; }
.dark-mode .popover[x-placement^="right"] .popover-header::before,
.dark-mode .popover[x-placement^="right"] .arrow::after { border-right-color: var(--gray-dark) !important; }
.dark-mode .popover[x-placement^="bottom"] .popover-header::before,
.dark-mode .popover[x-placement^="bottom"] .arrow::after { border-bottom-color: var(--gray-dark) !important; }

.dark-mode .popover .popover-body { color: var(--light); }
.dark-mode .popover .popover-header {
	background-color: rgba(0,0,0,.1);
	border-color: rgba(0,0,0,.125);
}

/* Table syntax highlight */
.dark-mode .item-detail-content pre { color: #ced4da; }
.dark-mode .item-detail-content.bg-light {
	background-color: rgba(0, 0, 0, .25) !important;
}


/**
 * ====================================
 * RESPONSIBILITY
 * ====================================
 */

@media (min-width: 768px) and (max-width: 1200px) {
	.navbar-nav:is(.menu-toolbar) .nav-link span { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav:is(.menu-web, .menu-user) .nav-link span { display: none; }
}

@media (min-width: 991px) {
	.navbar-nav:is(.menu-user) .nav-link span { display: none; }
}