/*
	Created on : 17.11.2020
	Updated on : 22.10.2025
	Author     : financeAds IT-Team
*/

/*
	-> 1. GENERAL(PAGE) SETTINGS
	-> 2. MENU SETTINGS
	-> 3. CARD SETTINGS
	-> 4. LIST SETTINGS
	-> 5. MODAL SETTINGS
	-> 6. FORM AND PAGINATION SETTINGS
	-> 7. TABLE SETTINGS
	-> 8. BUTTON SETTINGS
	-> 9. FONTSIZE AND TITEL SETTINGS
	-> 10. BACKGROUNDCOLOR AND TEXTCOLOR SETTINGS
	-> 11. ICON SETTINGS
	-> 12. POPOVER, ALERT, RIBBON, ACCORDION, BORDER, STEPS, MARGIN/PADDING AND TOOLTIPS SETTINGS
	-> 13. BOOTSTRAP SELECTPICKER SETTINGS
	-> 14. DATERANGEPICKER SETTINGS
	-> 15. MEDIA-QUERIES SETTINGS
*/

/*==============================================================================
1. GENERAL(PAGE) SETTINGS
==============================================================================*/
:host, :root
{
	margin-left: 0 !important;
	--tblr-light-rgb: 244, 246, 250;
}

body
{
	color:#000000 !important;
	background-color: #f5f7fb;
}

a
{
	color: rgba(37, 145, 145, 1);
	text-decoration: none !important;
	outline: none !important;
}

a:hover
{
	color: #1BA39C;
	text-decoration: none !important;
	outline: none !important;
}

textarea,
button
{
	tab-size: 0 !important;
}

.page-title
{
	font-size: 1.5rem;
}

.avatar
{
	background: #ced4da no-repeat center/cover;
	color: #868e96;
	box-shadow: none;
	border-radius: 4px;
}

.avatar-md 
{
	--tblr-avatar-size: 3.75rem;
	font-size: calc(var(--tblr-avatar-size) / 2.8571429);
}

.content
{
	margin-bottom: 5rem;
}

.footer
{
	border-top: none;
	background-color: transparent;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl 
{
	padding-right: var(--tblr-gutter-x, 1.5rem);
	padding-left: var(--tblr-gutter-x, 1.5rem);
}

/*==============================================================================
2. MENU SETTINGS
==============================================================================*/
.navbar-brand
{
	padding:0 !important;
}

.dropdown-menu
{
	margin-top: 3px !important;
	min-width: 15rem;
}

.dropdown-divider
{
	margin:0 !important;
}

a.dropdown-item
{
	cursor: pointer;
	gap: 0;
}

.nav-link:focus, .nav-link:hover
{
	background-color: transparent !important;
}

.fads-border-subaccount .nav-link:focus, 
.fads-border-subaccount .nav-link:hover
{
	background-color: rgba(125, 125, 125, .125) !important;
}

.fads-border-subaccount .nav-pills .nav-link.active,
.fads-border-subaccount .nav-pills .show>.nav-link 
{
	background-color: rgba(125, 125, 125, .25) !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active
{
	color: #000000;
}

.navbar .navbar-nav .nav-link 
{
	color: #232e3c;
}

.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover 
{
	color: rgba(35, 46, 60, .7);
}

.nav-link-icon
{
	opacity: .7;
}

/*==============================================================================
3. CARD SETTINGS
==============================================================================*/
.card
{
	margin-bottom: .875rem;
	color: inherit;
	border-radius: 4px;
}

.card-body
{
	padding: 1rem;
}

.card-header
{
	padding: 1rem 1rem .75rem;
	margin-bottom: 0;
	color: #000000;
	background-color: transparent;
}

.card-title
{
	font-size: 1rem;
	font-weight: 500;
}

.card-header .card-title
{
	margin: 0;
}

.empty-title
{
	font-size: 1.125rem !important;
	line-height: 1.5555556 !important;
	font-weight: 500 !important;
}

.card-footer
{
	background-color: #ffffff;
}

/*==============================================================================
4. LIST SETTINGS
==============================================================================*/
.list-group-item
{
	border-right: 1px solid #e6e8e9;
	border-left: 0;
	border-bottom:0;
	border-top:0;
	padding: .5rem .25rem;
}

.list-group-item:last-child
{
	border-right: 0 !important;
}

.list-group-item:hover 
{
	background-color: transparent !important;
}

.fads-card-list .list-group-item
{
	position: relative;
	display: block;
	padding: .75rem 1rem;
	background-color: inherit;
	border: 1px solid #e6e8e9;
	border-left:0;
	border-right:0;
	border-bottom:0;
}

.fads-card-list .list-group-item:first-child
{
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.fads-card-list .list-group-item:last-child
{
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.fads-card-list .list-group-flush>.list-group-item
{
	border-width: 0 0 1px;
}

/*==============================================================================
5. MODAL SETTINGS
==============================================================================*/
.modal
{
	/*z-index: 999999 !important;*/
	padding-right: 0px !important;
}

.modal-open .modal
{
	padding-right: 0px !important;
}

.modal-content
{
	background-color:#ffffff;
}

.modal-header
{
	/*min-height: 2.75rem;*/
}

.modal-status
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #656d77;
	border-radius: 3px 3px 0 0;
}

.modal-footer
{
	justify-content: flex-start;
	background-color: #ffffff;
	border-top: 0;
}

.modal-footer>*
{
	margin:0;
}

.modal-blur
{
	backdrop-filter: blur(8px);
}

.fade
{
	transition: opacity .125s linear;
}

@media (min-width: 576px)
{
	.modal-dialog-scrollable {
		height: auto !important;
	}
}

/*==============================================================================
6. FORM AND PAGINATION SETTINGS
==============================================================================*/
.form-floating > .form-control, .form-floating > .form-select
{
	padding-right: 2.5rem;
	height: calc(3.75rem + 2px);
}

.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown)
{
	padding-top: 1.875rem;
	padding-bottom: .625rem;
}

.form-floating>.form-select
{
	padding-top: 1.875rem !important;
}

.form-floating>label
{
	top: 8px !important;
	padding: .5rem .75rem !important;
	color: rgba(0, 0, 0, 0.65) !important;
}

.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after
{
	background: transparent !important;
}

.form-floating .dropdown-divider
{
	margin: .5rem 0 !important;
}

.form-floating .dropdown-header
{
	font-size: inherit !important;
}

.input-group
{
	box-shadow: none;
}

.input-group>label
{
	z-index: 99;
}

.spinner-border
{
	margin-left: .25rem;
}

.spinner-border-sm
{
	border-width: 2px;
}

.form-check-input
{
	box-shadow: none;
	border: 1px solid rgba(101, 109, 119, .24);
}

.form-check-input:checked
{
	background-color: #259191 !important;
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label
{
	opacity: 1 !important;
}

.form-switch .form-check-input
{
	width: 2.75em;
}

.form-switch .form-check-label
{
	margin-left: .375rem;
}

/* Pagination */
.fads-pagination .page-item
{
	margin:0 .125rem;
}

.fads-pagination .page-item.active .page-link
{
	background-color: rgba(37, 145, 145, 1) !important;
	border-color: rgba(37, 145, 145, 1) !important;
}

.fads-pagination .page-link
{
	padding:.25rem .5rem !important;
	min-width: 1.75rem;
	border-radius: 4px;
	border: 0 solid #e7eaef;
}

.fads-pagination .page-link:hover
{
	z-index: 2;
	color: #000;
	text-decoration: none;
	background-color: #f0f2f6 !important;
	border-color: #e7eaef;
}

.fads-pagination .page-item.active .page-link:hover
{
	z-index: 3;
	color: #fff;
	background-color: #206bc4;
	border-color: #206bc4;
}

input[type=number].form-control
{
	-moz-appearance: textfield !important;
}

input[type=number].form-control::-webkit-inner-spin-button,
input[type=number].form-control::-webkit-outer-spin-button
{
	-webkit-appearance: none !important;
	margin: 0;
	display: none;
}

.datepicker td, .datepicker th
{
	width: 35px !important;
	height: 35px !important;
}

.datepicker .table-condensed
{
	width: 100%;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-calendar-picker-indicator
{
	position: absolute;
	right:-5px;
	bottom:2px;
	width:20px;
	height:20px;
	padding:20px;
	opacity: .25;
}

.fads-input-group-form-floating-inputs input[type="date"]::-webkit-inner-spin-button,
.fads-input-group-form-floating-inputs input[type="date"]::-webkit-calendar-picker-indicator,
.fads-input-group-form-floating-inputs input[type="time"]::-webkit-inner-spin-button,
.fads-input-group-form-floating-inputs input[type="time"]::-webkit-calendar-picker-indicator,
.fads-input-group-form-floating-inputs input[type="datetime-local"]::-webkit-inner-spin-button,
.fads-input-group-form-floating-inputs input[type="datetime-local"]::-webkit-calendar-picker-indicator
{
	position: absolute;
	right:-10px;
	bottom:-8.5px;
	width:18px;
	height:18px;
	padding:20px;
	opacity: .25;
}

.fads-input-group-form-floating-inputs .form-floating
{
	width: 50%;
}

.fads-input-group-form-floating-inputs .form-floating label
{
	white-space: nowrap;
	z-index: 999;
}

.fads-input-group-form-floating-inputs .form-floating-input-left input
{
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.fads-input-group-form-floating-inputs .form-floating-input-right input
{
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fads-input-group-form-floating-inputs .form-floating > .form-control,
.fads-input-group-form-floating-inputs .form-floating > .form-select
{
	padding-right: .75rem !important;
}

:not(output):-moz-ui-invalid:not(:focus)
{
	box-shadow: none;
}

:not(output):-moz-ui-invalid:-moz-focusring:not(:focus)
{
	box-shadow: none;
}

.dimmer.active .dimmer-content
{
	opacity: .35;
}

.loader
{
	color: #000000 !important;
}

.form-select,
.form-control
{
	color: #000000 !important;
	background-color: #FFFFFF !important;
	border: 1px solid #dadcde;
	border-radius: 4px;
	box-shadow: none;
}

.form-select:focus,
.form-control:focus
{
	border-color: #dadcde !important;
	box-shadow: none !important;
}

.form-control:disabled, .form-control[readonly]
{
	color: #a0a6ae;
	background-color: #f0f2f6 !important;
}

.form-select:disabled
{
	color: #a0a6ae;
	background-color: #f0f2f6 !important;
}

.form-selectgroup-label
{
	padding: 0.4375rem !important;
	color: #333;
	font-weight: 500;
}

.form-selectgroup-input:checked + .form-selectgroup-label 
{
	color: rgba(37, 145, 145, 1) !important;
	background: #FFFFFF !important;
	border-color: rgba(37, 145, 145, 1) !important;
	box-shadow: none !important;
}

.fads-card-table-admin .form-selectgroup-input:checked + .form-selectgroup-label 
{
	color: #FFFFFF !important;
	background: rgba(37, 145, 145, 1) !important;
	border-color: rgba(37, 145, 145, 1) !important;
	box-shadow: none !important;
}

.navbar-expand-md .navbar-light .nav-item.active:after,
.navbar-expand-md.navbar-light .nav-item.active:after,
.navbar-expand-lg .navbar-light .nav-item.active:after,
.navbar-expand-lg.navbar-light .nav-item.active:after
{
	border: 0 solid #cb0000 !important;
	border-bottom-width: 2px !important;
}

.daterangepicker .ranges li.active
{
	background-color: #259191;
}

.daterangepicker td.active, .daterangepicker td.active:hover
{
	background-color: #259191;
}

.daterangepicker .drp-buttons .btn
{
	padding: .25rem .375rem !important;
}

.form-switch.form-check-reverse 
{
	padding-right: 2.5em;
	padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input 
{
	margin-right: -2.5em;
	margin-left: 0;
}

.form-check-reverse .form-check-input 
{
	float: right;
	margin-right: -1.5em;
	margin-left: 0;
}

.form-floating>.form-control:not(:-moz-placeholder)~label {
	opacity: .65;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	opacity: .65;
}

.form-floating>.form-control:-webkit-autofill~label {
	opacity: .65;
}

.input-group-text
{
	border: 1px solid #dadcde;
	box-shadow: none;
	border-radius: 4px;
}

.dropdown.form-select
{
	box-shadow: none;
}

/*==============================================================================
7. TABLE SETTINGS
==============================================================================*/
.table-responsive
{
	border: none !important;
}

.table thead th
{
	color: #656d77;
	background: #f4f6fa;
	font-weight: 600;
	text-transform: none !important;
	letter-spacing: .04em;
	line-height: 1.6;
	color: #656d77;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	white-space: normal;
}

table.dataTable thead .sorting
{
	background-image: url(../images/sort_both.png);
}

table.dataTable thead .sorting_desc
{
	background-image: url(../images/sort_desc.png);
}

table.dataTable thead .sorting_asc {
	background-image: url(../images/sort_asc.png);
}

.markdown>table>:not(caption)>*>*, .table>:not(caption)>*>*
{
	padding: .5rem .5rem;
	box-shadow: none;
}

.card-table tr td:first-child, .card-table tr th:first-child
{
	padding-left: 1rem;
}

.card-table tr td:last-child, .card-table tr th:last-child
{
	padding-right: 1rem;
}

.card-table thead tr:first-child td,.card-table thead tr:first-child th {
	border-top: 0
}

.card-table tbody tr:last-child td,.card-table tbody tr:last-child th {
	border-bottom: 0
}

.dataTables_wrapper .dataTables_paginate
{
	float: none !important;
	text-align: center !important;
	padding: 1rem !important;
	border-top: 1px solid rgba(101,109,119,.16);
}

.fads-table-responsive-admin-start .dataTables_wrapper .dataTables_paginate
{
	border-top: 0 !important;
}

.fads-table-responsive-admin-start .card-table tbody tr:last-child td
{
	border-bottom: 0;
}

.fads-table-responsive-admin-start .markdown>table>:not(caption)>*>*, .fads-table-responsive-admin-start .table>:not(caption)>*>*
{
	border-bottom-width: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
	background: rgba(37, 145, 145, 1) !important;
	border-color: rgba(37, 145, 145, 1) !important;
	color: #FFFFFF !important;
	border-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
	padding: .25rem .625rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
	background: #f0f2f6;
	border-color: #e7eaef;
	color: #000 !important;
	border-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:first-child
{
	margin-left: 0 !important;
}

table.dataTable thead th, table.dataTable tfoot th
{
	font-weight: 600 !important;
}

th.fads-sort, div.fads-sort {
	background-image: url(../images/sort_both.png) !important;
	cursor: pointer !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	padding-right: 1.5em !important;
}

/*==============================================================================
8. BUTTON SETTINGS
==============================================================================*/
.btn
{
	padding: 0.675rem 2rem;
	border-color: rgba(101, 109, 119, .24);
	border-radius: 4px;
	box-shadow: none !important;
}

.btn:hover {
	background-color: #f4f6fa;
}

.btn-sm
{
	padding: 0.125rem 0.5rem !important;
}

.btn-secondary
{
	background-color: #706f6f !important;
}

.btn-danger
{
	background-color: #cb0000 !important;
}

.btn-dark
{
	background-color: #000000 !important;
	color: #FFFFFF;
}

.btn-list>*
{
	display: inline-flex;
}

.accordion-button
{
	font-weight: 600;
}

.btn:focus
{
	box-shadow: none !important;
}

.btn-close:focus
{
	box-shadow: none !important;
}

/*==============================================================================
9. FONTSIZE AND TITEL SETTINGS
==============================================================================*/
.font-weight-bold
{
	font-weight: 600 !important;
}

.font-weight-medium
{
	font-weight: 500 !important;
}

.font-weight-normal
{
	font-weight: normal !important;
}

.page-header
{
	margin: 1.25rem 0;
	line-height: 1.5555556 !important;
}

.page-title
{
	font-size: 1.5rem !important;
	line-height: 1.5555556 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
	font-weight: 500 !important;
}

h2, .h2
{
	line-height: 1.5555556 !important;
	font-size: 1.125rem !important;
}

.page-pretitle
{
	font-size: .625rem;
}

/*==============================================================================
10. BACKGROUNDCOLOR AND TEXTCOLOR SETTINGS
==============================================================================*/
.bg-secondary
{
	background-color: #7D7D7D !important;
}

.bg-success
{
	background-color: #269191 !important;
}

.bg-danger
{
	background-color: #cb0000 !important;
}

.bg-dark
{
	background-color: #000000 !important;
}

.bg-light {
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
}

.text-secondary
{
	color: #7D7D7D !important;
}

.text-success
{
	color: #269191 !important;
}
.text-danger
{
	color: #cb0000 !important;
}

.text-dark
{
	color: #000000 !important;
}

.divide-y>:not(template):not(:first-child) 
{
	padding-top: .625rem!important
}

.divide-y>:not(template):not(:last-child) 
{
	padding-bottom: .625rem!important
}

/*==============================================================================
11. ICON SETTINGS
==============================================================================*/
.icon-lg
{
	width: 3.5rem;
	height: 3.5rem;
	stroke-width: 1;
}

.empty-img
{
	margin-bottom: 0;
}

.empty-img .icon
{
	width: 5rem;
	height: 5rem;
}

.social {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  aspect-ratio: 1;
  background: no-repeat center/cover;
  vertical-align: bottom;
}

.social-app-facebook
{
	background-image: url(../images/social-brands/facebook.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-instagram
{
	background-image: url(../images/social-brands/instagram.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-twitter
{
	background-image: url(../images/social-brands/twitter.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-youtube
{
	background-image: url(../images/social-brands/youtube.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-tiktok
{
	background-image: url(../images/social-brands/tiktok.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-linkedin
{
	background-image: url(../images/social-brands/linkedin.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-x
{
	background-image: url(../images/social-brands/x.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-dribble
{
	background-image: url(../images/social-brands/dribbble.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-app-tumblr
{
	background-image: url(../images/social-brands/tumblr.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.social-xxs 
{
  height: 1rem;
}

.social-xs 
{
  height: 1.25rem;
}

.social-sm 
{
  height: 2rem;
}

.social-md 
{
  height: 2.5rem;
}

.social-lg 
{
  height: 3rem;
}

.social-xl 
{
  height: 5rem;
}

.social-2xl 
{
  height: 7rem;
}

/*==============================================================================
12. POPOVER, ALERT, RIBBON, ACCORDION, BORDER, STEPS, MARGIN/PADDING AND TOOLTIPS SETTINGS
==============================================================================*/
.popover
{
	max-width: 350px !important;
	font-size: 0.875rem !important;
}

.popover-body
{
	padding: .5rem 1.25rem;
	color: #000000;
}

.alert
{
	position: relative;
	padding: .75rem;
	margin: 1rem 0rem 0rem;
	--tblr-alert-color: inherit;
	background-color: #ffffff;
	border-radius: 3px;
	border: 1px solid rgba(101,109,119,.16);
	box-shadow: rgba(35,46,60,.04) 0 2px 4px 0;
}

.alert-success
{
	color: #000;
	background-color: #fff;
	border-left: .25rem solid #2fb344 !important;
}

.alert-success b
{
	color: #2fb344;
}

.alert-danger
{
	color: #000;
	background-color: #fff;
	border-left: .25rem solid #cb0000 !important;
}

.alert-danger b
{
	color: #cb0000;
}

.alert-warning
{
	color: #000;
	background-color: #fff;
	border-left: .25rem solid #f76707 !important;
}

.alert-warning b
{
	color: #f76707;
}

.alert-dismissible .btn-close
{
	padding: 1.25rem .75rem;
	cursor: pointer;
}

.alert-icon
{
	width: 1.5rem !important;
	height: 1.5rem !important;
}

.alert .d-flex.align-items-center
{
	width: 100% !important;
}

.ribbon
{
	top: .5rem;
	padding: .15rem .75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.5rem;
}

.fads-ribbon-left
{
	margin: 0rem 0rem 0rem 2.75rem !important;
}

.badge
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: calc(.25rem - 1px) .25rem;
	height: 1.25rem;
	min-width: 1.25rem;
	font-weight: 600;
	font-size: .625rem;
	letter-spacing: .04em;
	color: #FFFFFF;
	border-radius: 4px;
}

.badge .icon{
	width: 1rem;
	height: 1rem;
}

.border
{
	border: 1px solid rgba(101, 109, 119, 0.16) !important;
}

.border-wide
{
	border: 2px solid rgba(101, 109, 119, 0.16) !important;
}

.border-0
{
	border: 0 !important;
}

.border-top
{
	border-top: 1px solid rgba(101, 109, 119, 0.16) !important;
}

.border-top-wide
{
	border-top: 2px solid rgba(101, 109, 119, 0.16) !important;
}

.border-top-0
{
	border-top: 0 !important;
}

.border-right
{
	border-right: 1px solid rgba(101, 109, 119, 0.16) !important;
}

.border-right-wide
{
	border-right: 2px solid rgba(101, 109, 119, 0.16) !important;
}

.border-right-0
{
	border-right: 0 !important;
}

.border-bottom
{
	border-bottom: 1px solid rgba(101, 109, 119, 0.16) !important;
}

.border-bottom-wide
{
	border-bottom: 2px solid rgba(101, 109, 119, 0.16) !important;
}

.border-bottom-0
{
	border-bottom: 0 !important;
}

.border-left
{
	border-left: 1px solid rgba(101, 109, 119, 0.16) !important;
}

.border-left-wide
{
	border-left: 2px solid rgba(101, 109, 119, 0.16) !important;
}

.border-left-0
{
	border-left: 0 !important;
}

.border-primary
{
	border-color: #206bc4 !important;
}

.border-secondary
{
	border-color: #656d77 !important;
}

.border-success
{
	border-color: #2fb344 !important;
}

.border-info
{
	border-color: #4299e1 !important;
}

.border-warning
{
	border-color: #f76707 !important;
}

.border-danger
{
	border-color: #d63939 !important;
}

.border-danger-light {
	border-color: #f5d2d2 !important;
}

.border-light
{
	border-color: #f4f6fa !important;
}

.border-dark
{
	border-color: #232e3c !important;
}

.border-white
{
	border-color: #ffffff !important;
}

.border-0
{
	border-width: 0 !important;
}

.accordion-button
{
	background-color: #FFFFFF !important;
	font-size: .875rem;
}

.accordion-collapse,
.accordion-body
{
	background-color: #FFFFFF !important;
	color: #182433;
}

.accordion-button:not(.collapsed)
{
	box-shadow: none !important;
}

.accordion-tabs>.accordion-item
{
	border-radius: 0px !important;
}

.collapsing
{
	transition: none !important;
}

.step-item.active~.step-item:after
{
	background: #f3f5f5 !important;
}

.steps .step-item:after, .steps .step-item:before
{
	color: #fff;
	background: #269191;
}

.steps-counter .step-item
{
	padding-top: calc(1.5rem + 10px) !important;
}

.steps-counter .step-item.active~.step-item:before
{
	background: #f3f5f5 !important;
}

/*==============================================================================
13. BOOTSTRAP SELECTPICKER SETTINGS
==============================================================================*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
	width: 100% !important;
}

.bootstrap-select>.dropdown-toggle
{
	padding: 0 !important;
	background: none;
	border: none;
	box-shadow: none;
}

.bootstrap-select>.dropdown-toggle:after
{
	display: none !important;
}

.bootstrap-select .dropdown-menu
{
	min-width: 100% !important;
	left: -12px !important;
}

.form-floating .bootstrap-select .dropdown-menu
{
	min-width: 100% !important;
	max-width: 422px;
	max-height: 750px !important;
	left: -12px !important;
	top: -1px !important;
}

.form-floating .bootstrap-select .dropdown-menu .dropdown-item
{
	white-space: normal;
}

.fads-form-floating-ws-normal .bootstrap-select .dropdown-menu .dropdown-item
{
	white-space: normal !important;
}

.form-floating .bootstrap-select>.dropdown-toggle
{
	padding: 1.875rem 0 .4375rem !important;
	position: relative;
	top: -1.875rem;
	box-shadow: none;
	background-color: transparent !important;
}

.form-floating .dropdown-item.active,
.form-floating .dropdown-item:active
{
	color: #FFFFFF !important;
	background-color: #269191 !important;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
	outline: thin dotted #333333 !important;
	outline: 0px auto -webkit-focus-ring-color !important;
	outline-offset: -2px;
}

.form-floating>.dropdown.bootstrap-select
{
	display: block !important;
}

.form-floating .form-control.form-select
{
	display: block;
	width: 100%;
	padding: .5625rem 2.5rem .5625rem 1rem;
	-moz-padding-start: calc(.75rem - 3px);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.4285714;
	color: #232e3c;
	background-color: #f4f6fa;
	--tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px;
	border: 1px solid #dadcde;
	border-radius: 4px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form-floating .btn.dropdown-toggle
{
	font-weight: normal !important;
	color: #000000 !important;
}

/*==============================================================================
14. DATERANGEPICKER SETTINGS
==============================================================================*/
.daterangepicker
{
	box-shadow: rgb(0 0 0 / 18%) 0px 6px 12px;
}

.daterangepicker .ranges ul
{
	min-width: auto !important;
	width: auto !important;
}

.datepicker table tr td.active
{
	background-color: #259191 !important;
	background-image: none !important;
}

.daterangepicker .ranges li
{
	font-size: .875rem !important;
	white-space: nowrap !important;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect
{
	font-size: .875rem !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td
{
	font-size: .875rem !important;
	min-width: 36px !important;
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left
{
	border: none !important;
}

.daterangepicker.show-calendar .ranges
{
	margin-top: 0px !important;
}

.daterangepicker .drp-calendar.left .calendar-table
{
	padding-right: 0 !important;
}

.daterangepicker .drp-calendar
{
	max-width: 100% !important;
}

/*==============================================================================
jQuery UI 1.13.2
==============================================================================*/
.ui-autocomplete 
{
	max-height: 400px;
	overflow-y: auto;
	overflow-x: auto;
	z-index: 9999 !important;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete 
{
	height: 400px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover
{
	background-color: #269191;
	border: 1px solid #269191;
}

.ui-menu .ui-menu-item
{
	white-space: nowrap;
}

.ui-menu .ui-menu-item-wrapper
{
	padding: .25rem .5rem !important;
}

.ui-widget-content
{
	font-family: inherit !important;
	font-size: inherit;
}

/*==============================================================================
TinyMCE Settings
==============================================================================*/
.fads-form-tinymce-editor .tox .tox-menubar
{
	display: none;
}

.fads-form-tinymce-editor .tox .tox-menubar.fads-tinymce-with-menubar
{
	display: flex !important;
}

#tinymce .mce-content-body
{
	margin: 1rem 0 rem !important;
}

/*==============================================================================
15. MEDIA-QUERIES SETTINGS
==============================================================================*/
@media (max-width: 340.98px)
{
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		--tblr-gutter-x: .5rem !important;
	}

	.navbar-brand-image
	{
		width: 9rem;
		height: auto;
	}

	.dropdown-item
	{
		white-space: normal;
	}

	.fads-advertiser-dashboard .ui-autocomplete
	{
		max-width: 303px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 268px;
	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 341px) and (max-width: 575.98px)
{
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		--tblr-gutter-x: .675rem !important;
	}

	.navbar-brand-image
	{
		width: 10rem;
		height: auto;
	}

	.dropdown-item
	{
		white-space: normal;
	}

	.daterangepicker
	{
		width: 320px !important;
	}

	.fads-advertiser-dashboard .ui-autocomplete
	{
		max-width: 353px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 320px;
	}
}

@media (max-width: 575.98px)
{
	.daterangepicker .drp-selected
	{
		display: block !important;
		padding: 0 !important;
		margin-bottom: 10px;
		margin-top: 3px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px){
	.container, .container-sm
	{
		max-width: 100%;
	}

	.modal-dialog
	{
		margin: 5rem auto;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px)
{
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		--tblr-gutter-x: .75rem !important;
	}

	.navbar-brand-image
	{
		width: 10rem;
		height: auto;
	}

	.daterangepicker
	{
		width: 100% !important;
		max-width: 543px !important;
	}

	.fads-advertiser-dashboard .ui-autocomplete
	{
		max-width: 369px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 295px;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px)
{
	.empty
	{
		padding:2rem;
	}

	.daterangepicker.show-calendar .ranges
	{
		width: 100% !important;
		margin-bottom: 0.5rem;
		border-bottom: 1px solid #ccc;
	}

	.daterangepicker .ranges ul
	{
		width: 100% !important;
	}

	.daterangepicker .ranges ul
	{
		padding: 0.675rem 0 !important;
	}

	.daterangepicker .ranges li
	{
		padding: .5rem !important;
	}

	.daterangepicker .drp-calendar.left
	{
		padding: .5rem !important;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px){
	.container, .container-sm, .container-md
	{
		max-width: 100%;
	}

	.daterangepicker
	{
		box-shadow: rgb(0 0 0 / 18%) 0px 6px 12px;
	}

	.daterangepicker .ranges ul
	{
		padding: 0.675rem 0 !important;
	}

	.daterangepicker .ranges li
	{
		padding: .5rem !important;
	}

	.daterangepicker .drp-calendar.left
	{
		padding: .5rem !important;
	}

	.daterangepicker .ranges
	{
		border-right: 1px solid #CCC;
	}

	.daterangepicker.show-ranges.ltr .drp-calendar.left
	{
		border-left: none !important;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px)
{
	.navbar-expand-md .navbar-nav .nav-link
	{
		padding-right: 0.375rem !important;
		padding-left: 0.375rem !important;
	}

	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		--tblr-gutter-x: .75rem !important;
	}

	.navbar-brand-image
	{
		width: 11rem;
		height: auto;
	}

	.fads-advertiser-dashboard .ui-autocomplete
	{
		max-width: 369px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 330px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px){
	.container, .container-sm, .container-md, .container-lg
	{
		max-width: 100%;
	}

	.fads-pagination-changelog .page-link
	{
		padding:.25rem !important;
		min-width: 1.5rem;
	}

	.fads-pagination .page-item {
		margin: 0;
	}

	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		--tblr-gutter-x: 1.5rem !important;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px)
{
	.content
	{
		min-height: 80vh;
	}

	.navbar-brand-image
	{
		width: 11rem;
		height: auto;
	}

	.fads-advertiser-dashboard .ui-autocomplete
	{
		max-width: 354px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 200px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	.content
	{
		min-height: 90vh;
	}

	.container, .container-sm, .container-md, .container-lg, .container-xl
	{
		max-width: 1200px;
	}

	.navbar-brand-image
	{
		width: 12rem;
		height: auto;
	}

	.fads-advertiser-dashboard .ui-autocomplete
	{
		max-width: 370px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 242px;
	}

	.fads-pagination-changelog .page-link
	{
		padding:.25rem !important;
		min-width: 1.375rem;
	}
}

/* 2-Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px)
{
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		max-width: 1300px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 266px;
	}

	.fads-pagination-changelog .page-link
	{
		padding:.25rem !important;
		min-width: 1.5rem;
	}
}

@media (min-width: 1680px)
{
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		max-width: 1540px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 327px;
	}

	.fads-pagination-changelog .page-link
	{
		padding:.25rem .375rem !important;
		min-width: 1.5rem;
	}

	.fads-pagination .page-item {
		margin: 0 .125rem;
	}
}

@media (min-width: 1921px)
{
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		max-width: 1760px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 383px;
	}

	.fads-pagination-changelog .page-link
	{
		padding:.25rem .5rem !important;
		min-width: 1.75rem;
	}
}

@media (min-width: 2200px)
{
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl
	{
		max-width: 1900px;
	}

	.fads-admin-dashboard .ui-autocomplete
	{
		max-width: 420px;
	}
}