:root {
	--base:#393E51;
	--base50:#e2e7ea;
	--base_light:#f39313;
	--base_blue:#787a82;
	--base_blue99:#787a8299;
	
	--bs-body-font-size: 1.1rem;
	--bs-body-font-weight: 500;
}

html {
  font-size: 14px;
}

body {
	min-width:100%;
	width:100%;
	min-height:100vh;
	height:100%;
	font-family: 'Barlow', sans-serif;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-weight: 600;
}

.zi1 {
	z-index:1;
}

.zi2 {
	z-index:2;
}

.zi3 {
	z-index:3;
}

.zi4 {
	z-index:4;
}

.zi5 {
	z-index:5;
}

.col-or {
	color:var(--base_light);
}

.col-wh {
	color:#ffffff;
}

.col-gr {
	color:#ced4da;
}

.col-dgr {
	color:#7e7e7e;
}

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

.bg-or-50 {
	background-color:var(--base50);
}

.bg-wh {
	background:#ffffff;
}

.bg-gr {
	background:#eeeeee;
}

.bo-or {
	border-color:var(--base);
}

.bt-gr {
	border-top:1px solid #ced4da;
}

.bb-gr {
	border-bottom:1px solid #ced4da;
}

.bo-gr {
	border:1px solid #ced4da;
}

.bo-dgr {
	border:1px solid #7e7e7e;
}

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

.bg-bl-50 {
	background-color:var(--base_blue99);
}

.fw-semibold {
	font-weight: 600 !important;
}

.circle {
	height:25px;
	min-width:25px;
	text-align:center;
	line-height:25px;
	vertical-align:middle;
	display:inline-block;
}

.btn {
	font-weight: 500;
}

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

.btn.bg-or:not(.btn-sm),
.btn.bg-wh {
	min-width:48px;
	height:48px;
	position:relative;
}

.btn.bg-or:hover {
	background-color:var(--base_light);
	color:#ffffff;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 1rem;
}

.hov-or:hover {
	background-color:var(--base);
	color:#ffffff;
}

.hov-orwh:hover {
	background-color:#ffffff;
	color:var(--base);
	border:1px solid var(--base);
}

.form-control,
.form-select {
	font-size: 1.1rem;
	font-weight: 500;
}

.form-control:focus,
.form-select:focus {
	border-color:var(--base_light);
	
}

.form-control:focus,
.form-select:focus,
.form-check-input.cb-or:focus {
	box-shadow:none;
}

.form-control[readonly] {
	background:#ffffff;
}

.form-check-input.cb-or,
.form-check-input.rb-or {
	border:1px solid var(--base_light);
}

.form-check-input.cb-lg {
	width:20px;
	height:20px;
	margin:0px;
}

.form-check-input.cb-or:checked[type="checkbox"] {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23198754' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
	background-color:#ffffff;
}

.form-check-input.rb-or:checked[type="radio"] {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3cpath fill='%23198754' stroke='%23198754' stroke-width='4' d='M24 33C28.9706 33 33 28.9706 33 24C33 19.0294 28.9706 15 24 15C19.0294 15 15 19.0294 15 24C15 28.9706 19.0294 33 24 33Z' /%3e%3c/svg%3e");
	background-color:#ffffff;
}

.appLogo {
	left:40px;
	top:40px;
	line-height:52px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0px;
}

.appLogo img {
	height:40px;
}

.appLogo.fullpage {
	display:inline-block;
}

.mapControlHolder {
	left:40px;
	//right:40px;
	right:135px;
	bottom:40px;
}

.mapControlHolder .btn-lg {
	font-size:1.5rem;
}

.mapControlHolder .mainMenuBtn img {
	max-width:25px;
}

@media (max-width: 460px) {
	.mapControlHolder {
		left:10px;
		right:10px;
		bottom:20px;
	}
}

.mapZoomHolder {
	//right:0px;
	right:-77px;
	top:-132px;
	width:48px;
}

.topRightHolder {
	right:55px;
	top:19px;
}

#mapBlock.w-75 .mapControlHolder {
	right:40px;
}

#mapBlock.w-75 .mapZoomHolder {
	right:0px;
}

.mapZoomHolder button {
	margin-bottom:16px;
}

.mapZoomHolder .btn span {
	position:absolute;
	display:inline-block;
	width:16px;
	height:2px;
	background:#ffffff;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.mapZoomHolder .btn span:nth-child(2) {
	transform:translate(-50%, -50%) rotate(90deg);
}

.mapFilterBlocks {
	gap:24px;
}

#mapFilter_daterange_group {
	width:240px;
}

.tableMessage {
	position:absolute;
	left:0px;
	bottom:0px;
	line-height:30px;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}

.preloadModal span {
	display:inline-block;
	line-height:40px;
	vertical-align:middle;
}

#ui-datepicker-div {
	margin-left:-60px;
	margin-top:-44px;
	border:1px solid #ffffff;
	box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	border-radius:0.3rem;
}

#ui-datepicker-div .ui-widget-header {
	border:1px solid #ffffff;
	background:#ffffff;
	color:var(--base_light);
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	width:20px;
	height:20px;
	margin-top:-10px;
	margin-left:-10px;
}

.ui-datepicker .ui-datepicker-prev span {
	background:url("/images/angle-left.svg");
}

.ui-datepicker .ui-datepicker-next span {
	background:url("/images/angle-right.svg");
}

.ui-datepicker td {
	padding:2px 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
	text-align:center;
}

#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-header #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-button, #ui-datepicker-div .ui-button.ui-state-disabled:hover, #ui-datepicker-div .ui-button.ui-state-disabled:active {
	background:#ffffff;
	border:0px solid #ffffff;
}

#ui-datepicker-div .dp-highlight .ui-state-default {
	background: var(--base_light);
	color: #FFF;
}

#ui-datepicker-div .dp-firstSelect .ui-state-default {
	border-top-left-radius:14px;
	border-bottom-left-radius:14px;
}

#ui-datepicker-div .dp-lastSelect .ui-state-default {
	border-top-right-radius:14px;
	border-bottom-right-radius:14px;
}

#ui-datepicker-div .ui-state-disabled.dp-highlight {
	opacity:1;
}

.mapFilter_type_container {
	position:absolute;
	bottom:92px;
}

.list_filter_container {
	position:absolute;
	top:45px;
}

.indicator {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#e10000;
	position:absolute;
	top:-5px;
	right:-5px;
}

.listTypeCh svg {
	width:25px;
	fill:#7e7e7e;
}

.listTypeCh.active svg {
	fill:var(--base);
}

.cursor {
	cursor:pointer;
}

.identText {
	font-size:1.2rem !important;
	font-weight:500; 
}

.cbCol {
	flex:0 0 0%;
}

#pagination .page-item:not(.active):not(.disabled) .page-link {
	color:var(--base);
}

#pagination .page-item.active .page-link,
#pagination .page-item:not(.disabled) .page-link:hover {
	background-color:var(--base);
	border-color:var(--base);
	color:#ffffff;
}

.rot180 {
	transform:rotate(180deg);
}

.rot90 {
	transform:rotate(90deg);
}

.fs-6 {
  font-size: 1.1rem !important;
  font-weight: 500;
}

.fs-7 {
	font-size:0.75rem !important
}


.mapFilter_border_container {
	position:absolute;
	bottom:92px;
	width:400px;
	right:0px;
}

.ui-slider-horizontal {
	margin:0px;
	background-color:#ced4da;
}

.ui-slider-horizontal.ui-widget.ui-widget-content {
	border:none;
}

.ui-slider-horizontal {
	height:3px;
}

.ui-slider-range {
	background:var(--base);
}

.ui-slider-horizontal .ui-slider-handle {
	border-radius:50%;
	background:var(--base);
	top:-7px;
	position:relative;
	display:block;
	width:1em;
	height:1em;
}

.ui-slider-horizontal .ui-slider-handle.ui-state-active {
	color:#454545;
}

.ui-slider-horizontal .ui-slider-handle b {
	position:absolute;
	top:18px;
	left:-50%;
	white-space:nowrap;
	font-size:0.8rem;
	background:#ffffff;
}

.mapFilter_border_placeholder {
	font-size:0.6em;
	color:#b3bcc6;
}

.campaignSentBlock {
	height:100%;
}

.sidePanelSmall {
	width:25%;
}

.sidePanelFull {
	width:100%;
}

@media (max-width: 1279px) {
	.sidePanelSmall {
		width:33%;
	}
}

.dispSmall {
	display:none !important;
}

@media (max-width: 1023px) {
	.noDispSmall {
		display:none !important;
	}
	
	.dispSmall {
		display:inline-block !important;
	}
}

@media (max-width: 600px) {
	.listColMini {
		width:100px; !important;
	}
}


@media (max-width: 600px) {
	.listFooter {
		justify-content: flex-end !important;
	}
	
	#pagination,
	#dpp {
		margin-bottom:20px;
	}
}

@media (max-width: 405px) {
	#pagination {
		font-size:12px;
		padding:0px;
	}
}

footer a,
footer {
	color:#d5d5d7;
	text-decoration:none;
}

footer a:hover {
	color:#ffffff;
}

#chatbase-bubble-button {
	z-index:2 !important;
	bottom:57px !important;
	right:55px !important;
	position:absolute !important;
}

#chatbase-bubble-window {
	height:70dvh !important;
	bottom:120px !important;
	z-index:2 !important;
	position:absolute !important;
	width:24% !important;
}

@media (max-width: 1023px) {
	#chatbase-bubble-button,
	#chatbase-bubble-window {
		display:none !important;
	}
	
	.mapControlHolder {
		right:40px;
	}
	
	.mapZoomHolder {
		right:0px;
	}
}