/* Override some defaults */
:root, [data-bs-theme=light] {
	/* Base Only edit the base */
	--tblr-primary: #0076a1;
	--tblr-primary-rgb: 22, 139, 182;
	--tblr-secondary: #54687b;
	--tblr-secondary-rgb: 84, 104, 123;
	--tblr-text-secondary-rgb: var(--tblr-primary-rgb);
	--tblr-light: #ecf0f1;
	--tblr-light-rgb: 236, 240, 241;
    --tblr-dark: #2c3e50; /** Hover etc. **/
	--tblr-dark-rgb: 44, 62, 80;

	/* Body */
    --tblr-body-color: var(--tblr-dark);
    --tblr-body-color-rgb: 44, 62, 80;
    --tblr-body-bg: #ecf0f1;
    --tblr-body-bg-rgb: 236, 240, 241;
    --tblr-emphasis-color: var(--tblr-secondary);
    --tblr-emphasis-color-rgb: 41, 128, 185;
    --tblr-secondary-color: var(--tblr-dark);
    --tblr-secondary-color-rgb: 24, 36, 51;
    --tblr-secondary-bg: var(--tblr-light);
    --tblr-secondary-bg-rgb: var(--tblr-light-rgb);
    --tblr-tertiary-color: #bdc3c7;
    --tblr-tertiary-color-rgb: 127, 140, 141;
    --tblr-tertiary-bg: var(--tblr-light);
    --tblr-tertiary-bg-rgb: var(--tblr-light-rgb);
    --tblr-link-color: var(--tblr-primary);
    --tblr-link-color-rgb: var(--tblr-primary-rgb);
    --tblr-code-color: var(--tblr-gray-600);
    --tblr-border-color: var(--tblr-border-color-translucent);
	--tblr-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
	--tblr-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --tblr-box-shadow-lg: 0 1rem 3rem rgba(236, 240, 241,1.0);
    --tblr-focus-ring-color: rgba(var(--tblr-primary-rgb), 0.25);
    --tblr-form-valid-color:#27ae60;
    --tblr-form-valid-border-color: #27ae60;
    --tblr-form-invalid-color: #c0392b;
    --tblr-form-invalid-border-color: #c0392b;
	--tblr-icon-color: var(--tblr-light);
    --tblr-disabled-color: #bdc3c7;

	/* Warnings: */
	--tblr-success: #27ae60;
    --tblr-info: #2980b9;
    --tblr-warning:#e67e22;
    --tblr-danger: #c0392b;
	--tblr-success-rgb: 46, 204, 113;
    --tblr-info-rgb: 41, 128, 185;
    --tblr-warning-rgb: 230, 126, 34;


	/* --tblr-dropdown-link-active-color */
}

/* Temp fix for margin */
@media (min-width: 992px) {
  :host,
  :root {
    margin-left: 0;
  }
}

/* body {
  overflow-y: scroll;
} */

.page-title {
	line-height: var(--tblr-line-height-h2);
}

.float-none {
    float: none;
    width: 100%;
}


.navbar {
	--tblr-navbar-brand-color: rgb(255, 255, 255);
	--tblr-navbar-padding-y: 0;
    --tblr-navbar-color: rgb(255, 255, 255);
    --tblr-navbar-bg: var(--tblr-primary);
	--tblr-navbar-active-color: rgb(255, 255, 255);

    align-items: stretch;
    min-height: 3.5rem;
    /* box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color); */
    background: var(--tblr-navbar-bg);
    color: var(--tblr-navbar-color);
	---navbar-border-width: 0;
}

hr {

}
.nav-link-icon {
	color:inherit;
}

.dropdown-item.active, .dropdown-item:active {
	border-left: px solid var(--tblr-primary);
}

label {
	margin-top: .5rem;
}
.dropzone {
	border: var(--tblr-border-width) dashed var(--tblr-border-color) !important;
	color: var(--tblr-secondary) !important;
	padding: 1rem !important;
}

.dropzone.is-invalid {
	border-color: var(--tblr-form-invalid-color) !important;
	color: var(--tblr-form-invalid-color) !important;
}

.step-item {
	--tblr-link-color-rgb: 139, 130, 239;
}

/* Icon size */
.ti {
	font-size: 1.2em;
	font-weight: 100;
}

.empty-img img {
	height: 12rem;
}

.save-bar-spacing {
	padding-bottom: 3.5rem
}

/* Phone tell input overrides */
.iti {
	width: 100%;
 }

/* Added so there is no animation and no delay on the collapse */
.collapsing.no-delay {
	-webkit-transition: none;
	transition: none;
	display: none;
}

/* Rotate */
.rotate {
	transform: rotate(0deg);
	transition: transform 0.1s linear;
}

.rotate.open {
	transform: rotate(180deg);
	transition: transform 0.1s linear;
}

.text-right {
	text-align: right
}

.hamburger,
.hamburger:after,
.hamburger:before {
	background: #495057;
	border-radius: 1px;
	content: "";
	cursor: pointer;
	display: block;
	height: 3px;
	transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
	width: 24px;
}
.hamburger {
	position: relative;
}
.hamburger:before {
	position: absolute;
	top: -7.5px;
	width: 24px;
}
.hamburger:after {
	bottom: -7.5px;
	position: absolute;
	width: 16px;
}
.sidebar-toggle:hover .hamburger,
.sidebar-toggle:hover .hamburger:after,
.sidebar-toggle:hover .hamburger:before {
	background: #3b7ddd;
}
.hamburger-right,
.hamburger-right:after,
.hamburger-right:before {
	right: 0;
}

#form-input-group {
	display: contents;
}

.input-group-text {
	color: inherit;
}

.h20 {
	height: 20px !important;
}

/* .hide {
	display: none !important;
} */

.baseline {
	align-items: baseline;
}

.align-center {
	align-items: center;
}

.badge {
	color: white;
}

.link[data-href] {
	cursor: pointer;
}

.pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/**
 * Extractor code editor
 */
.CodeMirror {
	height: 400px;
	border: 1px solid #ccc;
}


/**
 * Select areas
 */
.select-areas-overlay {
	background-color: #000;
	overflow: hidden;
	position: absolute;
}
.blurred {
	filter: url("/filters.svg#blur3px");
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
}

.select-areas-outline {
	background: #fff url('outline.gif');
	overflow: hidden;
}

.select-areas-resize-handler {
	background-color: #000;
	border: 1px #fff solid;
	height: 8px;
	width: 8px;
	overflow: hidden;
}

.select-areas-delete-area {
	background: url('bt-delete.png');
	cursor: pointer;
	height: 16px;
	width: 16px;
}
.delete-area {
	position: absolute;
	cursor: pointer;
	padding: 5px;
}

.header-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.drag-handle {
	cursor: pointer;
}

tr.info, tr.info > td {
	background-color: rgba(0, 84, 166, 0.1)!important;
}

.table-striped>tbody>tr.info:nth-of-type(even)>* {
	--tblr-table-bg-type: rgba(0, 84, 166, 0.1)!important;
}

.table>:not(caption)>*>* {
	padding: 0.5rem 0.5rem;
}

.card {
	--tblr-card-cap-padding-y: 0.75rem;
	/* --tblr-card-cap-padding-x: 0.75rem; */
}

.list-group {
	--tblr-list-group-item-padding-y: 0.85rem;
}

.list-group-item {
	border-color: var(--tblr-card-border-color);
}

.list-group-item.active {
	border-left-color: var(--tblr-secondary);
}

.list-group-item {
	border-color: var(--tblr-card-border-color);
}




form {
	display: contents;
}

.calendar-header {
	justify-content: unset!important;
}

.tempus-dominus-widget.light
.date-container-days div.range-end:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
    background-color: var(--tblr-primary);
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before {
    border-bottom-color:var(--tblr-primary);
}

.footer {
	padding: 1rem;
}

select + .select2-container--bootstrap-5 {
    padding: 0;
}

@media (min-width: 1400px) {
	.container-xxl {
		max-width: 1600px;
	}
}

@media (min-width: 768px) {
    .navbar-expand-md .nav-item.active:after {
		border: 0 var(--tblr-border-style) white;
        border-bottom-width: 3px;
    }
}

.home-icon {
	font-size: 3.2em;
}

.home-title {
	font-size: 0.8rem
}

/* Adding some extra css rules */
.w-10 {
	width: 10%;
}

/* ================ SELECT 2 =========================== */
.select2 {
	width:100%!important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	font-size: .875rem;
	line-height: 1.4285714286!important;
	color: var(--tblr-body-color)!important;
	padding-top: 3px!important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #000!important;
    background-color: #e9ecef!important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
	box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25)!important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	font-size: .875rem!important;
	padding: 0.15rem 0.65rem!important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
	width: 0.6rem!important;
	height: 0.6rem!important;
	margin-top: 2px;
}