@keyframes opaque {
	0% {
		opacity: 0.4;
	}

	50% {
		opacity: 0.3;
	}

	75% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.2;
	}
}

.disable-actions {
	cursor: not-allowed !important;
	pointer-events: none !important;
	animation: opaque 2s infinite;
}

.table-sticky-head th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #fff;
}

a.dead-anchor:hover::after,
a.dead-anchor:hover::before {
	translate: none;
	transform-origin: unset;
	transform: none;
	background-color: transparent;
}

label.error {
	color: #ff0000;
}

.copy-right {
	font-size: 13px;
	color: #fff;
	background-color: #003581;
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	width: 100vw;
	z-index: 10;
	z-index: 9999;
}

.copy-right a {
	color: #fff;
	font-size: 13px;
}

.ordet-table th a {
	font-size: 12px;
	color: #444;
}

.ico-active {
	background-color: rgba(122, 184, 40, 0.1);
	color: #79b828;
}

.ico-active-status .progress-circle {
	--fg: #79b828;
}

.ico-live-status .progress-circle {
	--fg: #79b828;
}

.ico-info {
	background-color: #cff4fc;
	color: #0dcaf0;
}

.ico-info-status .progress-circle {
	--fg: #0dcaf0;
}

.ico-waiting {
	background-color: #d8ddf9;
	color: #4763f3;
}

.ico-waiting-status .progress-circle {
	--fg: #4763f3;
}

.ico-danger {
	background-color: rgb(255, 144, 102, 0.1);
	color: #f26464;
}

.ico-danger-status .progress-circle {
	--fg: #f26464;
}

.ico-processing,
.ico-pending {
	background-color: #fff3cd;
	color: #ffc107;
}

.ico-processing-status .progress-circle,
.ico-pending-status .progress-circle {
	--fg: #ffc107;
}

.ico-unknown {
	background-color: #ced4da;
	color: #212529;
}

.ico-unknown-status .progress-circle {
	--fg: #212529;
}

.active .progress-circle {
	--fg: #79b828;
}

.processing .progress-circle {
	--fg: #ffb648;
}

.pending .progress-circle,
.danger .progress-circle {
	--fg: #f26464;
}

a.setup {
	background-color: #61576018;
}

.setup i {
	color: #615760;
}

a.copy {
	background-color: #463cda1f;
}

.copy i {
	color: #473cda;
}

a.stat {
	background-color: #0084ff41;
}

.stat i {
	color: #0084ff;
}

.dashboard-camps-list {
	max-height: 550px;
	overflow-y: scroll;
}

.single-order-note span.btn {
	line-height: 36px;
	display: inline-block;
	font-size: 12px;
}

table.total-foot {
	width: 98%;
}

.fileuploader-items-list {
	height: auto;
	max-height: 165px;
	overflow-y: auto;
}

.order-list td {
	font-size: 14px;
}

.default-select2-wrap .select2-container--default .select2-selection--single {
	border: none;
}

.default-select2-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
	position: relative;
	display: block;
	padding: 0 10px 0 40px;
	font-size: 14px;
	color: #02234d;
	line-height: 40px;
	background: #f4f7fe;
	cursor: pointer;
	border-radius: 30px;
}

.default-select2-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 20px;
}

.default-select2-wrap .select2-container--default .select2-selection--single .select2-selection__rendered::before {
	content: '\f2c0';
	width: 16px;
	height: 16px;
	display: flex;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	position: absolute;
	top: 32%;
	left: 15px;
}

textarea.form-control,
.custom-select2,
.select2-selection--single.custom-select2 {
	background-color: #f4f7fe;
	border: 1px solid #ced4da;
}

.select2-selection--single.agency-filter-select .select2-selection--single.custom-select2 {
	border: var(--bs-border-width) solid #dee2e6;
}

.select2-selection--single.agency-filter-select,
.select2-selection--single.custom-select2,
.select2-selection--single.agency-filter-select .select2-selection__rendered,
.select2-selection--single.custom-select2 .select2-selection__rendered {
	height: 42px;
	line-height: 42px;
}

.select2-selection--single.agency-filter-select .select2-selection__arrow,
.select2-selection--single.custom-select2 .select2-selection__arrow {
	top: 8px;
}

.striped-table tbody tr.even {
	background: #ffffff !important;
}

.striped-table tbody tr.odd {
	background: #f8f9fa !important;
}

table td {
	vertical-align: top;
}

.order-list .table-responsive {
	height: auto;
	max-height: calc(100vh - 290px);
}

.filter-msg {
	font-size: 13px;
}

.stat-cards-info__num {
	padding-top: 10%;
}

.stat-cards-info {
	padding-top: 0;
}

.stat-cards-info__title {
	font-size: 20px;
}

.mob-vs-desk-chart .stat-cards-item {
	align-items: baseline;
	height: auto;
}

.legend li {
	width: 125px;
}

.dashboard-camps-list .table > :not(caption) > * > * {
	padding: 0.5rem 0.5rem;
}

.select2-container:has(.bs-style-select2) {
	font-size: 16px;
}

.bs-style-select2.select2-selection--single {
	height: 40px;
}

.bs-style-select2.select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}

.bs-style-select2.select2-selection--single .select2-selection__arrow {
	top: 8px;
}

.permissions-checklist .caption {
	color: #000;
}

select.multi-select {
	height: auto;
	min-height: 270px;
}

.bi-directional-arrows {
	height: 100px;
	width: 60px;
	right: 46% !important;
	z-index: 3;
	bottom: 30% !important;
}

.navbar #select2-agency_selector-container::before {
	content: '\f002';
}

#dooh-lookup-map {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#audience-name-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: transform 0.5s ease-in-out;
	overflow-y: hidden;
	background-color: #02234d;
	transform: translateX(100%);
	z-index: 10;
	padding: 0.195rem 0.75rem;
	color: #212529;
}

#audience-name:focus {
	background-color: #fff;
	color: #212529;
	padding: 0.375rem 0.75rem;
	border: var(--bs-border-width) solid #dee2e6;
	border-radius: var(--bs-border-radius);
}

.audience-field {
	display: flex;
	width: 100%;
	padding: 10px;
}

#audience-create-form input:focus {
	background: #ffffff;
	color: #000000;
	padding: 0.375rem 0.75rem;
}

.audience-field button.btn.btn-primary {
	width: auto;
}

#screen-results-wrapper {
	scrollbar-width: none;
}

#screen-results-wrapper::-webkit-scrollbar {
	display: none;
}

button#select-all-screens.select .vAdd {
	display: none;
}

button#select-all-screens.select .vDelete {
	display: block;
}

#target select,
#filter .custom-select2,
.select2-selection--single.custom-select2 {
	border: none;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	background-color: #ffffff;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000;
	background-image: url(../images/icon/select-arrow.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	padding-right: 30px;
	background-position: right;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline-width: 0;
}

#target .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000;
}

#target .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

@media (max-width: 767px) {
	button.btn.btn-primary.btn-modal-confirm {
		width: auto;
	}
}

@media (max-width: 767px) {
	table.total-foot {
		width: 100%;
		min-width: 95%;
		background: #003581;
		position: fixed;
		bottom: 0;
		padding: 15px;
		margin-bottom: 40px;
		display: block;
		box-shadow: 0 0 10px #ccc;
		color: #fff;
	}
}

@media (max-width: 767px) {
	.bi-directional-arrows {
		rotate: 90deg;
		bottom: 42% !important;
	}

	#audience-name-wrap {
		bottom: 10px;
	}
}

@media (max-width: 1024px) {
	.doh-sec {
		position: relative;
		height: auto;
		overflow: visible;
		border-radius: 10px;
	}
}

@media (min-width: 1300px) {
	.venu-containr {
		height: calc(100vh - 395px);
		overflow-y: auto;
	}
}