:root {
	--light-grey: #f8f9fa;
	--grey: #dce7f1;
	--dark-grey: #607080;
	--primary: #435EBE;
}

/* misc */
.cursor-pointer {
	cursor: pointer;
}

.bg-light-grey {
	background-color: var(--light-grey);
}

.setting-logo-preview {
	height: 100px;
	width: 200px;
	object-fit: contain;
}

.setting-icon-preview {
	height: 50px;
	width: 50px;
	object-fit: contain;
}

.image-preview {
	height: 100px;
	width: 100px;
	object-fit: cover;
}

.product-image-preview {
	height: 100px;
	width: 100px;
	object-fit: cover;
}

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

.img-thumbnail {
	border-radius: 0.25rem;
	width: 100px;
	height: 100px;
	object-fit: cover;
	max-width: 100px;
}

/* button */
.btn-trashed {
	padding-top: 0.3rem !important;
	padding-bottom: 0.3rem !important;
}

.btn-trashed i {
	margin-right: 0.15rem;
}

.btn-xs {
	padding: 0.25rem 0.5rem;
	font-size: 0.9rem;
}

.btn-xs i {
	margin-right: 0.15rem;
}

/* auth */
#auth #auth-left .auth-title {
	font-size: 2rem;
}

#main #main-content {
    padding-top: 0px;
}

.sidebar-wrapper .menu .sidebar-title {
    margin-top: 2rem;
}

.sidebar-wrapper .menu {
    margin-top: 0rem;
}

/* navbar */
.navbar {
	padding-bottom: 1rem;
}

/* header */
.page-heading {
	margin-bottom: 1rem;
}

/* breadcrumb */
.breadcrumb {
	margin-bottom: 0rem;
}

/* table */
.table-fit {
    width: 1%;
    white-space: nowrap;
}

table.in-transaction-table td {
	vertical-align: top !important;
}

/* datatables */
.datatables-header {
	padding: 1.5rem 2rem 0.1rem 2rem;
}

.datatables-footer {
	padding: 0.1rem 2rem 1.5rem 2rem;
}

.paginate_select {
	margin: 0 0.5rem;
	width: fit-content;
	min-width: 3rem;
	border: 1px solid var(--grey);
	border-radius: 0.2rem;
	font-size: .875rem;
	padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
	color: var(--dark-grey);
}

.dataTables_info, .dataTables_paginate {
	color: var(--dark-grey);
}

.dataTables_length {
	margin-bottom: 0rem;
}

.table.dataTable>tbody>tr.child ul.dtr-details {
	margin-left: 2rem;
}

.card-border {
	border: 1px solid var(--grey);
}

.card-content .dataTables_wrapper thead tr th:first-child,
.card-content .dataTables_wrapper tbody tr td:first-child {
	padding: 0rem 2rem 0rem 2rem !important;
}

.card-content .dataTables_wrapper thead tr th:last-child,
.card-content .dataTables_wrapper tbody tr td:last-child {
	padding: 0rem 2rem 0rem 0rem !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	font-size: 8pt;
}

table.dataTable td {
	padding: 10px 8px!important;
}

.datatables-header-left {
	display: flex;
	justify-content: flex-start;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0rem;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.03);
}

.table:not(.table-borderless) thead th, .dataTable-table:not(.table-borderless) thead th {
    border-bottom: 1px solid #dedede!important;
	border-top: 1px solid #dedede!important;
}

/* table.dataTable tr:hover {

} */

/* select2 */
.select2-container--default .select2-selection--single {
	border: 1px solid var(--grey) !important;
	color: var(--dark-grey) !important;
	/* width: 100%; */
    padding: 0.375rem 0rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	-webkit-appearance: none;
    appearance: none;
	border: 1px solid #dce7f1;
    border-radius: 0.25rem;
	height: fit-content !important;
	color: var(--dark-grey) !important;
	min-width: fit-content;
	text-align: left;
}

/* css .form-select.is-invalid sibling .select2-container--default .select2-selection--single */
.form-select.is-invalid ~ .select2-container--default .select2-selection--single {
	border-color: #dc3545 !important
}


.select2-container--default.select2-container--open {
	border-color: #a1afdf;
	box-shadow: 0 0 0 0.25rem rgba(67,94,190,.25);
	border-radius: 0.25rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--dark-grey) !important;
	line-height: 1.4 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    right: 5px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
    color: white;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--grey);
	border-radius: 0.25rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
	outline: none;
}

.select2-dropdown {
	border-radius: 0.25rem;
	border: 1px solid var(--grey);
}

.select2-results__option {
	color: var(--dark-grey);
}

.select2-container--default .select2-results>.select2-results__options:last-child {
	border-radius: 0rem 0rem 0.25rem 0.25rem;
}

/* form */
.form-info {
	margin-bottom: 0rem;
	margin-top: 0.25rem;
}

.form-control-disabled {
	background-color: var(--grey);
}

.form-control-disabled:focus {
	background-color: var(--grey);
}

p.heading-form-control {
	font-size: .725rem;
	color: var(--dark-grey);
	margin-bottom: 0.125rem;
	text-align: start;
	font-weight: bold;
}

p.leading-form-control {
	font-size: .925rem;
	color: var(--dark-grey);
	margin-bottom: 0.125rem;
}

/* fancybox */
.fancybox__container {
	z-index: 9999999;
}

/* modal */

@media (max-width: 575.98px) {
	.datatables-header-left {
		justify-content: center;
	}

	.card-content .dataTables_wrapper thead tr th:last-child, .card-content .dataTables_wrapper tbody tr td:last-child {
		padding: 0rem 2rem 0rem 2rem !important;
	}
}