/*****************************/
/* Begin Main Layout Styling */
/*****************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
body {
    font-family:  "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400;
}
.body-container {
	display: flex;
	flex-direction: row;
	flex: 1;
}
.nav-container {
	background-color: #243648 !important;
	width: 200px !important;
}
.nav-container ul.nav-pills {
	width: 100%;
}
.nav-container ul.nav-pills > li {
	width: 100%;
}
.nav-container ul.nav-pills > li i {
	display: inline-block;
    width: 20px;
    text-align: center;
}
.nav-container ul.nav-pills .dropdown-toggle::after {
  float: inline-end;
  margin-top: 0.7em;
}
.nav-container ul.nav-pills ul.nav li {
  margin-left: 1.5rem;
}
.nav-container li a {
	color: #a7b1c2;
}
.nav-container li a:hover {
	color: white;
}
.nav-container .nav-pills .nav-link.active {
	background-color: transparent;
}

.content-container.col {
	padding-right: 0px;
	padding-left: 0px;
}
.content-container .header {
	border-bottom: 1px solid #e7eaec;
	padding-right: 10px;
	padding-left: 10px;
}
.content-container .header .nav-link {
	font-size: 14px;
	color: #708EA8;
}
.content-container .header .navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
.content-container input[name="globalSearch"] {
	min-width: 475px;
}
.content-container .footer {
	padding: 10px;
	border-top: 1px solid #e7eaec;
	font-size: 13px;
	color: #676a6c;
}

@media screen and (max-width: 1399.98px) { /* large desktops */
	.content-container input[name="globalSearch"] {
		min-width: inherit;
	}
}

@media (max-width: 991.98px) {/* tablets */
	.nav-container{
		width: inherit !important;
	}
	.nav-container ul.nav-pills .dropdown-togglex::after {
		display: none;
	}
}
/**************************/
/* End Main Layout Styling */
/***************************/

/***************************/
/* Begin Twitter Typeahead */
/***************************/
.tt-query {
    /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-menu {
    /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 500px;
    /*top: 34px!important;
    left: auto!important;*/
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 1000 !important;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
}

.tt-suggestion .category {
    color: #E87911;
}

.tt-suggestion .description {
    color: #A0A0A0;
}

.tt-suggestion.tt-selectable:hover,
.tt-suggestion.tt-selectable:hover .description,
.tt-suggestion.tt-selectable.tt-cursor,
.tt-suggestion.tt-selectable.tt-cursor .description {
    background-color: #486C8F;
    color: #fff;
}

.tt-suggestion.tt-is-under-cursor {
    /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.tt-dataset {
    max-height: calc(100vh - 103px);
    overflow: auto;
}}
/*************************/
/* End Twitter Typeahead */
/*************************/

/****************************/
/* Begin Components Styling */
/****************************/

/* Modals */
.modal-fullscreen {
    margin-top: 55px !important;
    margin-left: 200px !important;
    width: calc(100vw - 200px) !important;
    height: calc(100vh - 55px) !important;
}

.modal.fade:not(.show) .modal-dialog.modal-fullscreen {
    -webkit-transform: translate3d(125%, 0, 0);
    transform: translate3d(125%, 0, 0);
}

.modal-fullscreen .modal-body {
	display: flex;
}

/* Tab Containers */
.tab-container {
	padding: 10px;
	display: flex;
	flex-direction: column;
	width:100%;
}
.tab-content {
	position: relative;
	flex-grow: 1;
	width: 100%;
	border: 1px solid rgb(222, 226, 230);
	border-top-width: 0;
}
.tab-content >div {
	padding: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
}

/**************************/
/* End Components Styling */
/**************************/


/***********************/
/* Begin Miscellaneous */
/***********************/
i.fa, i.fas {
	font-style: normal;
}
/*********************/
/* End Miscellaneous */
/*********************/



/****************************/
/*** Begin Screen Styling ***/
/****************************/
.screen-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

/****************(***********/
/* Screen Toolbar Container */
/****************************/
.screen-toolbar {
	line-height: 50px;
}

.screen-toolbar .screen-page-heading {
	font-size: 24px;
	font-weight: bold;
}

.screen-toolbar .screen-toolbar-search input {
	margin-left: 10px;
	padding-left: 25px;
	background-image: url(/assets/images/map/search.png);
	background-repeat: no-repeat;
	background-position: 5px center; 	
}

.screen-toolbar .screen-toolbar-filter .filter-icon {
	cursor: pointer;
	margin-left: 10px;
	display: none;
}

.screen-toolbar .screen-toolbar-filter .selected-filter {
	border: 1px solid var(--grey-20, #D9E0ED);
	display: inline-flex;
	padding: 4px 12px;
	line-height: normal;
	margin-left: 12px;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.screen-toolbar .screen-toolbar-filter .selected-filter i {
	cursor: pointer;
}

.screen-toolbar .screen-toolbar-actions .btn-action {
	cursor: pointer;
	margin-right: 10px;
	white-space: nowrap;
	font-size: 14px;
	color: #21252B;
}

.screen-display {
	display: flex;
	flex-direction: row;
	flex: 1;
}

/***************************/
/* Screen Filter Container */
/***************************/

.screen-display .screen-filter-container {
	display: flex;
	width: 240px;
	min-width: 240px;
	flex-direction: column;
	background-color: #FFFFFF;
	border: 1.5px solid #D9E0ED;
	border-radius: 8px;
	margin: 5px 0px 0px 0px;
}
.screen-display .screen-filter-container .screen-filter-content> div {
	padding: 5px 10px;
}
.screen-display .screen-filter-container .total-results {
	border-bottom: 1px solid #e7eaec;
}
.screen-display .screen-filter-container .total-results span{
	font-weight: bold;
}
.screen-display .screen-filter-container .total-results #closeFilter {
	cursor: pointer;
	float: right;
}

.screen-display .screen-filter-container .screen-filter-content {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.screen-display .screen-filter-container .filters-header {
	padding: 5px 10px 0 10px;

}
.screen-display .screen-filter-container .filters-header span{
	color: #94A1B2;
}
.screen-display .screen-filter-container .filters-header a {
	color: #47bac1;
	float: right;
	text-decoration: none;
}

.screen-display .screen-filter-container .filters {
	position:relative;
	padding: 0 !important;
}

.screen-display .screen-filter-container .filters .filters-content {
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 5px 10px;
	width: 100%;
	overflow: auto;
}

.screen-display .screen-filter-container .filters .filters-content .filter-container {
	padding: 0;
}

.screen-display .screen-filter-container .filters .filters-content .filter-container li {
	list-style: none;
}
.screen-display .screen-filter-container .filters .filters-content .filter-container a {
	text-decoration: none;
}

.screen-display .screen-filter-container .filters .filters-content .filter>a {
	display:block;
	color: black;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	background: #fff;
	text-decoration: none;
	cursor: pointer;
}

.screen-display .screen-filter-container .filters .filters-content .filter>a[data-toggle="collapse"]:after {
	display: inline-block;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	content: " ";
	border: solid;
	border-width: 0 0.1rem 0.1rem 0;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.screen-display .screen-filter-container .filters .filters-content .filter [data-toggle=collapse]:not(.collapsed):after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container {
	padding-left: 0;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container .filter-item>a {
	padding: 0.625rem 0 0.625rem 0.7rem;
	color: #6c757d;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container .filter-item.selected {
	color: #fff;
	background: #f3f2ff;
	font-weight: bold;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container .filter-item-label {
	font-size: 14px;
	color: #21252B;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container .filter-item-count {
	color: #94A1B2;
	font-size: 14px;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container a.show-more-link,
.screen-display .screen-filter-container .filters .filters-content .filter-item-container a.show-less-link {
	padding: 0.625rem 0.7rem 0.625rem 0.7rem;
	color: #2B388E;
}
.screen-display .screen-filter-container .filters .filters-content .filter-item-container a.show-more-link:hover,
.screen-display .screen-filter-container .filters .filters-content .filter-item-container a.show-less-link:hover {
	text-decoration: underline;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container .filter-item.clone {
	display: none;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container .filter-item .show-more-item {
	display: none;
}

.screen-display .screen-filter-container .filters .filters-content .filter-item-container .filter-item .show-more-item.show {
	display: inherit;
}

/****************************/
/* Screen Content Container */
/****************************/
.screen-display .screen-content-container {
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	border: 1.5px solid #D9E0ED;
	border-radius: 8px;
	margin: 5px 0px 0px 5px;
}
.screen-display .screen-content-container .screen-content-view-container {
	display: flex;
	flex-direction: row;
	flex: 1;
}

.screen-display .screen-content-container .screen-content-view-container .screen-container-text {
	padding: 10px;
}

.screen-container[data-mode="gallery"] .screen-map,
.screen-container[data-mode="gallery"] .screen-list,
.screen-container[data-mode="map"] .screen-list,
.screen-container[data-mode="list"] .screen-map,
.screen-container[data-mode="list"] .screen-gallery {
	display: none !important;
}
.screen-container[data-mode="gallery"] .screen-gallery {
	width: 100%;
}

.screen-list {
	border: 0px solid green;
	flex-grow: 1;
	position: relative;
}
.screen-list .dataTables_scrollBody {
	height: calc(100vh - 275px);
}

.screen-list .screen-list-content {
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 10px;
	width: 100%;
	overflow: auto;
}

.screen-list .screen-list-content table td, .screen-list .screen-list-content table th {
	white-space: nowrap;
}

.screen-list .screen-list-content .action-buttons .btn-group, div.modal .action-buttons .btn-group {
	margin: auto 5px;
}

.screen-gallery {
	border: 0px solid green;
	width: 33%;
}
.screen-map {
	border: 0px solid green;
	flex-grow: 1;
	border-left: 1px solid #D9E0ED;
}

@media screen and (max-width: 991.98px) {/* medium devices - ex: tablets*/

	.screen-filter-container {
		position: absolute;
		visibility: hidden;
		opacity: 0;
		top: -40px;
		height: 90%;
		z-index: 1000;
		box-shadow: 0 0 1rem 0 rgb(53 64 82 / 10%) !important;
	}

	.screen-filter-container[data-mode="open"] {
		visibility: visible;
		opacity: 1;
		top: 0;
		transition: all 0.5s;
	}

	.screen-toolbar .screen-toolbar-filter .filter-icon {
		display: inline;
	}
	.screen-toolbar .screen-toolbar-filter .selected-filter {
		display: none;
	}

	.screen-container .screen-display .screen-content-container {
		margin-left: 0px;
	}
	.screen-container[data-mode="map"] .screen-display .screen-content-container .screen-content-view-container {
		flex-direction: column-reverse;
	}
	.screen-container[data-mode="map"] .screen-display .screen-content-container .screen-content-view-container .screen-gallery {
		height: 50%;
	}
	.screen-container[data-mode="map"] .screen-display .screen-content-container .screen-content-view-container .screen-gallery {
		height: 50%;
		width: 100%;		
	}
	.screen-container[data-mode="map"] .screen-display .screen-content-container .screen-content-view-container .screen-map {
		border-left: inherit;
		border-bottom: 1px solid #D9E0ED;
	}
}

/******************/
/* Custom Contols */
/******************/
.custom-control {
	position: relative;
	display: block;
	min-height: 1.3125rem;
	padding-left: 1.5rem
}

.custom-control-inline {
	display: -webkit-inline-box;
	display: inline-flex;
	margin-right: 1rem
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
	color: #fff;
	border-color: #47bac1;
	background-color: #47bac1
}

.custom-control-input:focus~.custom-control-label:before {
	box-shadow: 0 0 0 .2rem rgba(71,186,193,.25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
	border-color: #a6dee1
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
	color: #fff;
	background-color: #cdecee;
	border-color: #cdecee
}

.custom-control-input:disabled~.custom-control-label {
	color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before {
	background-color: #e9ecef
}

.custom-control-label {
	position: relative;
	margin-bottom: 0;
	vertical-align: top
}

.custom-control-label:before {
	pointer-events: none;
	background-color: #dee2e6;
	border: 1px solid #adb5bd
}

.custom-control-label:after,.custom-control-label:before {
	position: absolute;
	top: .15625rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: ""
}

.custom-control-label:after {
	background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label:before {
	border-radius: .2rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
	border-color: #47bac1;
	background-color: #47bac1
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
	background-color: rgba(71,186,193,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
	background-color: rgba(71,186,193,.5)
}

.modal-body .loading-container {
	align-items: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	top: 0;
	left: 0;
	display: none;
}
.modal-body .loading-container>div {
	text-align: center;
}
.modal.loading .modal-body .loading-container {
	display: flex;
}
.modal.loading .modal-body form {
	opacity: 0.5;
}
.modal.loading .modal-footer button {
	visibility: hidden;
}

/**************/
/* Item Card */
/**************/
.card-container {
	display:none;
}
.item-card {
	cursor: pointer;
}
.item-card .item-card-img {
	height: auto;
}

.item-card img {
	height: 150px;
	object-fit: cover;
}
.item-card .card-header {
	padding: 0;
}
.item-card .card-title {
	line-height: 18px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: #0F2744;
}
.item-card .card-text-description{
	color: #667080;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

.item-card .card-title, .item-card .card-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top:8px;
}
.item-card{
	box-shadow: none !important;
}

.screen-container[data-mode="map"] .item-card {
	flex-direction: row;
	margin-bottom: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 8px 8px 0px 8px;
}

.screen-container[data-mode="map"] .item-card .item-card-img {
	line-height: normal;
	margin: auto 10px;
	margin-left: 0px;
	margin-left: 4px;
	margin-top: 4px;
}

.screen-container[data-mode="map"] .item-card img {
	height: auto;
	width: 100px;
	border-radius: 10%;
	aspect-ratio: 1/1;
}

.event-name-text{
	margin: 5px 0px; 
	font-size: 14px;
	font-weight: 600;
	color: #21252B;
	line-height: 18px;
}
.card-text-description{
	color: #667080;
}
.card-text-lastreported{
	color: #667080;
	margin-bottom: 0px;
	font-size:11px;
	line-height: 18px;
	font-weight:400;
}


/**************************/
/*** End Screen Styling ***/
/**************************/

/*****************/
/* Miscellaneous */
/*****************/

.mobile-phone-container button {
	min-width: 200px;
}
td span.item-action {
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
}

button.btn>div {
	display:inline-block;
	position:relative;
}
button.btn .button-loading {
	left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    display: none;
}
button.btn.loading .button-loading {
	display: inherit;
}
button.btn.loading .button-text {
	opacity: 0;
}