/* Imports */
@import url("../config/legend/legend.css");
@import url("https://fonts.googleapis.com/css?family=Kanit");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("transitions.css");


/* BODY */
a:focus,button:focus,input:focus { outline: thin dotted !important; }
body:not(.accessibility) a,body:not(.accessibility) button,body:not(.accessibility) input{
outline:none !important;
}
.navbar-header a:focus,.navbar-header button:focus,.navbar-header input:focus{
	outline-color:#eee !important;
	outline-offset: 3px;
}
.page-wrapper a:focus,.page-wrapper button:focus,.page-wrapper input:focus{
	outline-color:#666 !important;	
	outline-offset: 3px;
}

.breadcrumb-item a:focus {
	outline-color: #666 !important;
	outline-offset: -1px;
}
.rpanel-title a:focus {
	outline-color: #fff !important;
}

.btn, .btn.active, .btn:focus, .btn:hover, a.btn:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.w-33 {
    width: 33% !important;
}
.text-label {
	font-size: 18px;
}

.pin-right {
	position: absolute;
	right:0;
}
.stroked {
	text-shadow:
   -1px -1px 0 rgba(106, 137, 149, 0.35),  
    1px -1px 0 rgba(106, 137, 149, 0.35),
    -1px 1px 0 rgba(106, 137, 149, 0.35),
     1px 1px 0 rgba(106, 137, 149, 0.35);
}

input::placeholder  { 
   opacity: .5 !important;
}

h1 {
	line-height: 40px;
	font-size: 22px
}
h2 {
	line-height: 36px;
	font-size: 20px;
}
h3 {
	line-height: 30px;
	font-size: 18px;
}
h4 {
	line-height: 22px;
	font-size: 16px
}
h5 {
	line-height: 18px;
	font-size: 14px;
	font-weight: 400
}
h6 {
	line-height: 16px;
	font-size: 12px;
	font-weight: 400
}
.small h2 {
	font-size: 15px;
	line-height: normal;
}
.small h3 {
	font-size: 14px;
	line-height: normal;
}
.font-narrow {
	letter-spacing: -.025rem;
}

#loader {
	position:relative;
	min-height: 56px;
	min-width: 75px;
}

.welcome {
	background-color: #ECE9D8;
	color: #485665;
	border-color: #b1b1b1 !important;
}
.welcome a {
	color: #485665;
}
.welcome a:hover {
	color: #2d2d2d !important;
}

@media only screen and (max-width : 768px) {
	.border-xs-none {
		border:none !important;
	}
	.w-xs-block {
		width: 100% !important; display:block;
	}
}


.min-sm {
	min-width: 5rem;
}
.min-md {
	min-width: 10rem;
}

.table-condensed td,.table-condensed th {
	padding: 5px;
}

button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}
a.skip{
	position:absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: right;
	overflow: hidden;
	z-index: 100;
	display: inline-block;
	margin:.25rem;
	padding:.25rem;
}
a.skip
a.skip:active, 
a.skip:focus, 
a.skip:hover {
	left:unset;
	right: 0;
	top: 0;
	width: auto; 
	height: auto; 
	overflow: visible; 
}


/**** Search Panel ***/

.btn.zoom-control{
	text-align: center;
	font-size: 12px !important;
}
.btn.zoom-control:nth-of-type(2){
	text-indent: -7px;
}
.tool_panel .zoom-control i {
    float: none;
    top: unset;
    position: relative;
    margin-right: unset;
	font-weight: 900;
}

.bracket-left {
	background: url('../assets/images/icon/icons_Bracket Left.svg') no-repeat center center;
	width: 10px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.bracket-right {
	background: url('../assets/images/icon/icons_Bracket Right.svg') no-repeat center center;
	width: 10px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

/**** Socioeconomic Search ***/

.focus-head {
	font-weight:700;
}

/* Query */

#query_results, #query_results .dataTable, #query_results .dataTables_wrapper, .panel-results, .panel-results .dataTable, .panel-results .dataTables_wrapper  {
	padding-top: 0px;
}
#query_results table.dataTable thead .sorting_asc::after, #query_results table.dataTable thead .sorting_desc::after,  .panel-results table.dataTable thead .sorting_asc::after, .panel-results table.dataTable thead .sorting_desc::after   {
    display: none;
}

#query_results .dataTables_wrapper .dataTables_paginate, .panel-results .dataTables_wrapper .dataTables_paginate   {
	float:left;
}
#query_results .pagination, .panel-results .pagination {
	white-space: nowrap !important;
}
#query_results  .dataTables_wrapper .dataTables_paginate .paginate_button, .panel-results  .dataTables_wrapper .dataTables_paginate .paginate_button {
	border: none !important;
	width: 100px;
}

#query_results .col-md-5, #query_results .col-md-7, .panel-results .col-md-5, #query_results .col-md-7 {
	max-width: 100% !important;
	flex: 0 0 100%;
}
.right-sidebar .r-panel-body #query_results ul li, .right-sidebar .r-panel-body .panel-results ul li {
	padding: 0;
}
#query_results .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .panel-results .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: unset;
}
#query_results .page-link:focus, .panel-results .page-link:focus {
	box-shadow: none;
}

table.dataTable tr.group, table.dataTable tr.group:hover {
    background-color: #8e9fae !important;
	color:#fff;
	font-size: 80%;
	font-weight: 400;
}
table.dataTable tr.group td {
	padding: .25rem .5rem;
}
table.dataTable tr.group td a:hover{
	color: rgba(255,255,255,.8) !important;
}


/*
.panel-results tbody tr {
	display:flex;
}
.panel-results tbody tr .ellipsis {
	text-overflow: ellipsis;
  	overflow: hidden;
  	white-space: nowrap;
	min-width: 0;
  	flex-basis: 50%;
}
*/
.panel-results .dataTable tbody td {
	padding: .25rem 0;
}
.panel-results tbody td.link  a {
	max-width: 150px;
	display: inline-block;
	padding: .1rem 0 0 .25rem;
}
.panel-results .dataTables_filter {
	margin: 0;
}
.panel-results .dataTables_filter label {
	display: flex;
}
 .panel-results div.dataTables_wrapper div.dataTables_filter input {
	flex-grow: 1;
	width: 100%;
	margin: 0 0 0 0;
	font-size: 80%;
}

.query-child {
	width: 100%;
	table-layout: fixed;
}
.query-child tr {
	border:1px solid #eee;
	border-width: 2px 0;
	font-size: 13px;
	background: #fff;
}
.panel-results .dataTable tbody .query-child th {
	/*white-space: nowrap;*/
	padding: 2px 4px;
}
.panel-results .dataTable tbody .query-child td {
	padding: 2px 4px;
}
.query-child.unfixed {
	table-layout: auto;
}
.query-child.unfixed td{
	width: 100%;
	overflow-wrap: anywhere;
}
#query_results i, .panel-results i {
	float: unset;
	margin-right: unset;
}

.details-control {
	vertical-align: top;
	padding-right: 5px;
}
.tool_panel .details-control i{
	top: 1px;
}
.results .sorting_1 {
	width: 87%;
}
.location-control {
	text-align: right;
	width: 15px;
	/*font-size: .8rem;*/
	vertical-align: top;
}

/*.table-striped tr.odd*/ .progress {
	/*background-color: #fff !important;*/
	border: 1px solid #c3c7cb;
}


/* Colors */

.card-outline-primary .card-header {
	background: #00529B;
	border-color: #00529B;
}

.card-actions.text-white a, .card-actions.text-white a:hover {
	color:#fff;
}
.card-actions.text-white a:focus {
	outline-color: #eee !important;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #178896;
	border-color: #1c7430;
}

.btn-primary, .btn-primary.disabled {
	background: #1e88e5;
	border: 1px solid #1e88e5;
	-webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
	box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.btn-primary:hover, .btn-primary.disabled:hover {
	background: #1e88e5;
	border: 1px solid #1e88e5;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
	box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	background-color: #0062cc;
	border: 1px solid #005cbf;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {	
	background-color: #1d9baa !important;
}


.btn-gray, .btn-gray.disabled, .btn:disabled {
	background: #aaa;
	color: #ffffff;
	/*-webkit-box-shadow: none;*/
	border: 1px solid #888;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.btn-gray:hover, .btn-gray.disabled:hover {
	background: #999;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #444;
}
.btn-gray:not(:disabled):not(.disabled).active:focus, .btn-gray:not(:disabled):not(.disabled):active:focus, .show > .btn-gray.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
}
.btn-tan, .btn-tan.disabled, .btn-tan:disabled {
	background: #b1957d !important;
	color: #ffffff !important;
	/*-webkit-box-shadow: none;*/
	border: 1px solid #A28770 !important;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}
.btn-tan:hover, .btn-tan.disabled:hover {
	background: #A28770 !important;
	color: #fff !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #9C816A !important;
}
.btn-tan:not(:disabled):not(.disabled).active:focus, .btn-tan:not(:disabled):not(.disabled):active:focus, .show > .btn-tan.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
}


.btn-key, .btn-key.disabled, .btn-key:disabled {
	background: #0d1a37;
	color: #ccc;
	/*-webkit-box-shadow: none;*/
	border: 2px solid #9ea5ac;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;	
	opacity: 1;
}
.btn-key:hover, .btn-key.disabled:hover {
	background: #0D1A37;
	color: #eee;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid #9ea5ac;
}
.btn-key:not(:disabled):not(.disabled).active:focus, .btn-key:not(:disabled):not(.disabled):active:focus, .show > .btn-key.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
}

.btn-success:not(:disabled):not(.disabled).active {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn .toggle::before {
	content: "\f0d7";
}
.btn.collapsed .toggle::before {
	content: "\f0d8";
}

.customtab2.customtab2 li a.nav-link {
	border: 1px solid rgba(108, 117, 125, 0.67);
	color: rgba(103, 117, 124, 0.67);
}
.customtab2.customtab2 li a.nav-link.active {
	background: #779cb0;
	color: #ffffff !important;
}
.customtab2.customtab2 li a.nav-link:hover {
	color: #eee !important;
	background: #577d92; /* #99bacc; #577d92; */
}
.text-black {
	color: #000000 !important;
}

/* Alerts */

.bg-danger {
	color: white;
}

/*** SubPanel ***/

.subpanel {
  height:400px;
  overflow-y: scroll;
}


/* LOGIN */

.login-register {
	background: #eee;
}

/*** Header ***/
.mini-logo {
	width:50px;
}
.navbar-header img {
	max-height:70px;
}

.topbar .top-navbar .navbar-header {
	flex-shrink: 0;
	width: 240px;
}
.mini-sidebar .topbar .top-navbar .navbar-header {
	flex-shrink: unset;
	width: 60px;
}

.top-navbar #profile .btn-circle {

}
.topbar ul.dropdown-user li .dw-user-box .u-text {
	width: 100%;
}
.topbar ul.dropdown-user li .dw-user-box .u-text p {
	text-overflow: ellipsis;
	overflow: hidden;
}

/*** Page Title / Breadcrumb ***/
.page-titles {
	padding: 10px 10px 10px 0;
}
.breadcrumb {
	-ms-flex-wrap: nowrap;
	flex-wrap: wrap;
	
	display: flex;
	align-items: stretch;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
}

.breadcrumb-item {
	/*min-width: 6em;*/
	flex: initial;	
	white-space: wrap;
	overflow: visible;
	text-overflow: ellipsis;
}
.breadcrumb-item:first-child {
	/*min-width: 3em;*/
}
.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	content: none;
}
.page-titles .breadcrumb .breadcrumb-item::before {
	content: none;
	padding-right: 0;
	padding-left: .5rem;
}
.page-titles .breadcrumb .breadcrumb-item::after {
	content: "\f105 ";
	font-family: "Font Awesome 6 Pro";
	color: #a6b7bf;
	font-size: 12px;
	font-weight: bold;
	padding-left: .5rem;
	margin-right: .5rem;
}
.page-titles .breadcrumb .breadcrumb-item:last-child:after{
  content: none;
}


/*** OTHER */

.ribbon {
	z-index: 49;
}
.ribbon-vertical-l, .ribbon-vertical-r {
	height: 60px;
	line-height: 57px;
}
.ribbon-bookmark::before {	
	height: 100%;
}
.border-medium {
	border-width: 2px !important;
}

.round:not(.slider-handle) {
	background: #00529b;
}

.page-item.active .page-link {
	background-color: #58728a;
	border-color: #58728a;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid #9aa0a7;
	background-color: #9aa0a7;
}

.float-none .dataTables_paginate {
	float: none !important;
}
.paginate-center .dataTables_paginate {
	text-align: center !important;
}

/* Page Titles */

.map .page-titles {
	white-space: nowrap;
}

/*** Custom formOptions **/
#formOptions {
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
}

.custom-select {
	background: #fff url(../assets/images/custom-select.png) right 0.75rem center no-repeat;
}
.custom-select:disabled {
	background: #fff;
}

.form-group.small .select2-container--default .select2-selection--single {
	height: calc(1.7rem + 1px);
}
.form-group.small .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 2.2;
	padding: 0rem 1.75rem 0 0.75rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #67757c;
	font-weight: 400;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 9px;
	height: 33px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style:none;
	border-width: 5px 4px 0 4px;
	height: 7px;
	left: 50%;

	position: absolute;
	top: 50%;
	width: 12px;
	background: url(../assets/images/custom-select.png) center center no-repeat;
}
.form-group.small .select2-container--default .select2-selection--single .select2-selection__arrow b {

	margin-left: -6px;
	margin-top: -5px;

}
.form-group.small .select2-results__option {
	font-family: "Poppins", sans-serif;
	font-size: 12.8px;
	font-weight: 400;
}
.select2-container {
	background: #fff;
	width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: #F0F1F2;
     color: #393A3B; 
}

[type="radio"]:checked, [type="radio"]:not(:checked), [type="checkbox"]:checked, [type="checkbox"]:not(:checked) {
	position: absolute;
	/*left: unset;*/
	opacity: 0;
}

.ui-autocomplete {
max-height: 400px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}

input[type="radio"]:focus + label::before, [type="checkbox"].filled-in:checked.chk-col-blue-grey:focus + label::after,[type="checkbox"].filled-in:not(:checked).chk-col-blue-grey:focus + label::after   {
    outline: thin dotted !important;
	outline-offset: 3px;
}
[type="radio"]:not(:checked) + label::after, [type="radio"]:not(:checked) + label::before {
	outline-offset: 3px;
}

label.long-radio {
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: .5rem;
	margin-bottom: .5rem !important
}
label.long-radio:first-of-type {
	border-top: 1px solid #d1d1d1;
	padding-top: .5rem;
	margin-top: .5rem;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #007dba;
}

.custom-select {
	height: calc(1.7rem + 1px);
	padding: 0rem 1.75rem 0 0.75rem;
	line-height: 1.5;
}

.small [type="radio"]:checked + label, .small [type="radio"]:not(:checked) + label, .small [type="checkbox"] + label {
	font-size: inherit;
	line-height: 140%;
}


.form-group.progress-required label::after {
	content: '*';
	color: #007dba;
	font-size: .9rem;
}
.form-control:disabled, .form-control[readonly] {
	color: black;
}

input:disabled,
textarea:disabled,
option:disabled,
optgroup:disabled,
select:disabled:disabled 
{
  color: #ccc;
}
.sub input:disabled,
.sub textarea:disabled,
.sub option:disabled,
.sub optgroup:disabled,
.sub select:disabled:disabled 
{
  color: unset;
}

/* Buttons */
.btn-green {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.btn-green:hover {
	color: #fff !important;
	background-color: #218838;
	border-color: #1e7e34;
	-webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #1e7e34;
}

.btn-info:hover {
	color: #fff !important;
	background-color: #138496;
	border-color: #117a8b;
}

.input-group .btn {
	padding: 2px 12px;
}

/* MODAL */
.modal {
	z-index: 10050;
}

.modal .input-group-append {
	z-index: 10000;
}


.modal-header.primary{
     background-color:#007bff !important;
}
.modal-header.primary .modal-title,.modal-header.primary .close{
	color:white !important;
}
.modal-content.primary {
    /*overflow:hidden !important;*/
	border-radius: 7px;
}

.modal-header.info{
     background-color:#58728a !important;
}
.modal-header.info .modal-title,.modal-header.info .close{
	color:white !important;
}
.modal-content.info {
    /*overflow:hidden !important;*/
	border-radius: 7px;
}

.modal-header.warning{
     background-color:#ffb22b !important;
}
.modal-header.warning .modal-title,.modal-header.warning .close{
	color:white !important;
}
.modal-content.warning {
    /*overflow:hidden !important;*/
	border-radius: 7px;
}

.modal-header.danger{
     background-color:#fc4b6c !important;
}
.modal-header.danger .modal-title,.modal-header.danger .close{
	color:white !important;
}
.modal-content.danger {
    /*overflow:hidden !important;*/
	border-radius: 7px;
}
.modalData {
	max-height:200px;
	overflow: auto;
}
.modalData table{
	max-width:95%;
}

.dt-length, .dt-filter {
	display: inline;
}
.modal-body .dataTables_length {
	/*display:none;*/
}

.dataTables_filter {
	margin-top: 4px;
}
.modal-body .dataTables_filter input {
	max-width: 180px;
	margin-right: 2.5rem;
}

.modal-body .dataTable {
	width: 100% !important;
}
.modal-body div.dataTables_wrapper div.dataTables_info {
	word-break: break-word;
}

.modal-full-width {
    width: 95%;
    max-width: none;
}
.limit-vh {
	overflow:auto;
	max-height:80vh;
}
@media screen and (max-width: 360px) {

	.modal-full-width {
		width: 95%;
		max-width: 323px;
	}
}
.bootstrap-select .dropdown-menu {
  max-width: 360px;
}
.bootstrap-select .dropdown-menu span.text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* typeahead */

.typeahead {z-index: 9999 !important;}

/**** FORMS ***/

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::after {
	background-color: #58728a;
	z-index: 0;
}
[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after {
	border: 2px solid #58728a;
	outline-offset: 2px;
}

/* MAP */
.map-container{
	position:absolute;
	left:0;
	top:70px; /* 166px; 96px; */
	bottom:0;
	right:0;
}
.map-inline {
	top:0; 
	
}


/** Panel Maps **/
#mapview {
	padding: 0 !important;
}
#mapview.no-controls .ol-overlaycontainer-stopevent {
	display: none;
}
#mapview .ol-attribution {
	display: none;
}




.map {
	padding:0;
	/*margin: 96px 0 0;*/
	/*background:url(images/map.jpg) no-repeat center center;	*/
/*	position:absolute;
	left:0;
	top:96px;
	bottom:0;
	right:0;*/
	height:100%;
	width:100%;
	/*margin-top:96px;*/
}
/*
.map-contained #map::after {
	content: '';
	background:#eef5f9;
	position:absolute;
	width:100px;
	top:-30px;
	bottom:-30px;
	left:100%;
	z-index: 50;
}
*/

.map-contained .map-container {
	height: calc(100vh - 205px); /*calc(80vh - 50px);*/
	position:relative;
	overflow: hidden;
}

/**  **/


.card-fullscreen .map-container {
	height:calc(100vh - 70px);
	position:relative;
}
.card-fullscreen .right-sidebar {
	/*display:none !important;*/
}
.map-container.map-inline, .card-fullscreen .map-container.map-inline{
	height: 100%;
	position:relative;
}
.card-fullscreen .card-body {
	z-index: 100;
	background: #fff;
}

.card-body .subhead h4 {
	font-weight:  600;
	font-size:  18px;
}
.card-body .subhead:first-of-type {
    margin-top: 0px;
}
.card-body .subhead {
    margin-top: 2rem;
}



.relative {
	position: relative;	
}

canvas.ol-unselectable, div.ol-layers {
	background: #fff !important;
}

.ol-overlaycontainer-stopevent {
	z-index: unset !important;
}

.ol-zoom {
	left:auto;
	left: 245px !important;
	top: .25rem;
}
.ol-zoom .ol-zoom-out {
    border-radius: 0 0 4px 4px;
}
.ol-zoom .ol-zoom-in {
    border-radius: 4px 4px 0 0;
}
.ol-panzoom {
	left:245px !important;
}
.ol-control button:focus, .ol-control button:hover {
	background-color: rgba(0, 0, 0, 0.8);
	border: 0px solid #3d4b59;
}
.ol-full-screen{
	right: unset;
	top: 4.45rem;
	left:245px !important;
}
.ol-rotate{
	right: unset;
	top: 6.6rem;
	left:245px !important;
}
.ol-full-screen-false{
	right: unset;
	top: 4.45rem;
	left:245px !important;
	text-indent: -9999px; line-height: 0 !important;
}
.ol-full-screen-false::after {
	content: "\f31e";
	text-indent: 0;
	display: block;
	line-height: initial !important;
	position: relative;
	top: -11px;
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
}
/*** iOS Only: No full-screen ***/
@supports (-webkit-overflow-scrolling: touch) {
  .ol-full-screen{
		top: 2.3rem;
	}
	.ol-rotate{
		top: 4.45rem;
	}
	.ol-full-screen-false{
		top: 2.3rem;
	}
}

.ol-compass {
	text-indent: -9999px; line-height: 0 !important;
}
.ol-compass::after {
	content: "\f30c";
	text-indent: 0;
	display: block;
	line-height: initial !important;
	position: relative;
	top: 0px;
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
}
.ol-attribution.ol-uncollapsible {
	bottom: 55px;
	font-size: x-small;
}
.map.print .ol-attribution {
	left: .25in;
	bottom: .25in;
	right: unset;
	font-size: x-small;
	padding: 1mm;
	border-radius: 0px 4px 0 0;
	max-width: 50%;
	text-align: left;
}
.ol-scale-line,.ol-scale-bar {
	/*left:245px !important;*/
	/*bottom: 60px !important;*/
	/*background: rgba(2, 3, 5, 0.50);*/
	/*background: #758496;*/
	
	/*background:unset;*/
	
	left:unset;
	right: 1.5rem;
	bottom:16px;
	z-index: 20;
}
.ol-scale-line {
	background: #758496;
}
.ol-scale-line-inner {
	/*background:url('../assets/images/scalebar.svg') no-repeat;
	background-size: 100% 20px;
	border-width: 0;*/
}
.scale_list ul {
	margin:0;
	padding: 0 1rem;
	list-style: none;
	/*min-width: calc(131px - 0.75rem);*/
}
.scale_list li {
	margin:0;
	padding: 0;
}
.scale_list .popover-body {
	background: #758496;
}
.scale_list .arrow::after {
	border-top-color: #758496;
	bottom:1px;
}
.scale_list a {
	color: #eee; 
}
.scale_list a:hover {
	color: rgba(255, 255, 255,.5); 
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
	bottom: calc((0.5rem + 0px) * -1);
}

.ol-scale-bar div:nth-of-type(even) > .ol-scale-singlebar {
	background: linear-gradient(white 50%, black 50%);
}

.ol-scale-bar div:nth-of-type(odd) > .ol-scale-singlebar {
	background: linear-gradient(black 50%, white 50%);
}



.legend-shift.legend-active .ol-zoom,.legend-shift.legend-active .ol-panzoom, .legend-shift.legend-active .ol-full-screen, .legend-shift.legend-active .ol-rotate, .legend-shift.legend-active .ol-full-screen-false {
	left: 487px !important;
}




.mini-sidebar .ol-panzoom, .mini-sidebar .ol-zoom, .mini-sidebar .ol-full-screen,.mini-sidebar .ol-rotate, .mini-sidebar .ol-scale-line {
	left:65px !important;
}

.legend-shift.legend-active.mini-sidebar .ol-panzoom,.legend-shift.legend-active.mini-sidebar .ol-zoom,.legend-shift.legend-active.mini-sidebar .ol-full-screen,.legend-shift.legend-active.mini-sidebar .ol-rotate {
	left:307px !important;
}

.mini-sidebar .ol-scale-line {
		left:unset  !important;
		right: .5rem;
		bottom:16px;
		z-index: 20;
	}
@media (max-width: 767px) {
	.ol-panzoom,.mini-sidebar .ol-panzoom, .ol-zoom, .mini-sidebar .ol-zoom, .ol-full-screen, .mini-sidebar .ol-full-screen, .ol-rotate, .mini-sidebar .ol-rotate{
		left:5px !important;
	}
	
	.legend-shift.legend-active .ol-panzoom,.legend-shift.legend-active.mini-sidebar .ol-panzoom,.legend-shift.legend-active .ol-zoom,.legend-shift.legend-active.mini-sidebar .ol-zoom,.legend-shift.legend-active .ol-full-screen,.legend-shift.legend-active.mini-sidebar .ol-full-screen,.legend-shift.legend-active .ol-rotate,.legend-shift.legend-active.mini-sidebar .ol-rotate {
		left:247px !important;
	}
	
	.mini-sidebar .ol-scale-line {
		left:unset  !important;
		right: .5rem;
		bottom:16px;
		z-index: 20;
	}
	
}

.layer-switcher {
	top: 10px;
	right: 22px;
}
.layer-switcher button {
	float: right;
	width: 40px;
	height: 40px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIuMDEgNTEyLjAxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U3ZTJjNztvcGFjaXR5OjAuODt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmxheWVyLWdyb3VwLXNvbGlkLWNyZWFtPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMi40MSwxNDgsMjQ1LjM1LDI1My42OWEyNS42MSwyNS42MSwwLDAsMCwyMS4yOSwwTDQ5OS41OCwxNDhjMTYuNTUtNy41MSwxNi41NS0zMi41MiwwLTQwTDI2Ni42NSwyLjMxYTI1LjYxLDI1LjYxLDAsMCwwLTIxLjI5LDBMMTIuNDEsMTA4Qy00LjE0LDExNS40OS00LjE0LDE0MC41MSwxMi40MSwxNDhaTTQ5OS41OSwyMzYuMyw0NDEuNSwyMTAsMjc5Ljg2LDI4My4yNGE1Ny42NCw1Ny42NCwwLDAsMS00Ny43MiwwTDcwLjUxLDIxMCwxMi40MSwyMzYuM2MtMTYuNTUsNy41LTE2LjU1LDMyLjUsMCw0MEwyNDUuMzUsMzgxLjg5YTI1LjY4LDI1LjY4LDAsMCwwLDIxLjI5LDBsMjMzLTEwNS41OWMxNi41NS03LjUsMTYuNTUtMzIuNSwwLTQwWm0wLDEyNy44LTU3Ljg3LTI2LjIzTDI3OS44Niw0MTEuMjRhNTcuNjQsNTcuNjQsMCwwLDEtNDcuNzIsMEw3MC4yOSwzMzcuODcsMTIuNDEsMzY0LjFjLTE2LjU1LDcuNS0xNi41NSwzMi41LDAsNDBMMjQ1LjM1LDUwOS42OWEyNS42OCwyNS42OCwwLDAsMCwyMS4yOSwwbDIzMy0xMDUuNTlDNTE2LjE0LDM5Ni42LDUxNi4xNCwzNzEuNiw0OTkuNTksMzY0LjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDEpIi8+PC9zdmc+');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #E7E2C7;
	background-size: 25px;
	border: none;
}
.ol-control {
	position: absolute;
	background-color: rgba(231, 226, 199, 0.33) !important;
	border-radius: 4px;
	padding: 0px;
	/*-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);*/
}
.ol-control button {
	margin: 3px;
	background-color: rgba(2, 3, 5, 0.50);

	font-size: 1rem !important;
	height: 28px;
	width: 28px;
	line-height: 1rem !important;
	color: #eee !important;
	
	
	display: block;
	padding: 0;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	border: none;
	border-radius: 2px;

}

.map .right-sidebar {
	z-index: 18;
}
.ol-control {
	z-index: 18;
}


/* scale line */
	
	/* text overlay test */
	#marker {
		width: 20px;
		height: 20px;
		border: 1px solid #088;
		border-radius: 10px;
		background-color: #0FF;
		opacity: 0.5;
	}
	#igis_label {
		color: white;
	}
	/* measure stuff like demo
	*/
	#map .tooltip {
		position: relative;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 4px;
		color: white;
		padding: 4px 8px;
		opacity: 0.7;
		white-space: nowrap;
	}
	#map .tooltip-measure {
		opacity: 1;
		font-weight: bold;
	}
	#map .tooltip-static {
		background-color: #ffcc33;
		color: black;
		border: 1px solid white;
	}
	#map .tooltip-measure:before,
	#map .tooltip-static:before {
		border-top: 6px solid rgba(0, 0, 0, 0.5);
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		content: "";
		position: absolute;
		bottom: -6px;
		margin-left: -7px;
		left: 50%;
	}
	#map .tooltip-static:before {
		border-top-color: #ffcc33;
	}


/* OPENLAYERS */

/* FABRICJS */
#canvas-wrapper, .canvas-wrapper {
    /*border:2px dashed orange;*/
    position: absolute;
    width:100%; /* 100vw; */
	height:100%; /* 100vh; */
    top: 0px;
    left:0px;
}
/* /FABRICJS */

/*** Sidebar ***/

.left-sidebar {
	-webkit-box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.20);
	box-shadow: 1px 0px 15px rgba(0, 0, 0, 0.20);
}
.sidebar-nav {
	padding: 15px 15px 60px;
}

.sidebar-nav ul {
	padding-bottom: 2rem;
}
.sidebar-nav span.fa-sm {
	font-size: 18px;
}

.sidebar-nav ul li ul {
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 1rem;
}

.sidebar-nav ul li a {
	font-size: 14px;
}
.sidebar-nav > ul > li > a i {
	top: -2px;
	position: relative;
}

.sidebar-nav ul li ul li a {
    padding: 8px 5px 8px 15px;
    white-space: normal;
    line-height: 1.1rem;
}
ul ul .has-arrow {
	font-weight: 500;
	padding-right: 25px !important;
}


/**** RIGHT SIDEBAR ***/

.right-sidebar {
	position: fixed;

	background: #E9EEF2; /* #F2EFE9; */
	top: 70px;
	padding-bottom: 20px;
	height: 100%;
	/*-webkit-box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.3);*/
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	/*margin-top: 72px;*/
	display: none;
	border-left: 0px solid rgba(90, 90, 90, 0.2);
	right: -265px;
	z-index: auto;
	width: 265px;
	
	
	-webkit-box-shadow: none;
	box-shadow: none;
	
	
	height: unset;
	bottom:54px;
	padding-bottom: 0;
	
}
.map .right-sidebar {
	display: block;
}
.map-contained .right-sidebar {
	display: block;
	position: absolute;
	box-shadow: none;
	background: transparent;
}
.map-contained .r-panel-body {
	background: #E0E6EA; /* #E3EAEE; /* #EEF5F9;*/
	border-bottom: 1px solid #ddd;
}
.map-contained .right-sidebar .slimScrollDiv {
	display:none;
}
.map-contained .right-sidebar.shw-rside .slimScrollDiv {
	display:unset;
}
.map-contained .r-panel-body,.map-contained .rpanel-title {
	display: none !important;
}
.map-contained .right-sidebar.shw-rside .r-panel-body,.map-contained .right-sidebar.shw-rside .rpanel-title {
	display: block !important;
}


.ol-overlay-container,.ol-overlaycontainer { z-index: 18 !important; }


.shw-rside {
	right: 0px;
	width: 265px;
	display: block;
	
	-webkit-box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.25);
	box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.25);
	
	z-index: 19;
}
.btn-circle.right-side-toggle {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 25px;
}
.right-sidebar .rpanel-title {
	background: #3d4b59 !important; /*  #b5b3af #00529b */
	min-height: 16px;
}
.right-sidebar .rpanel-title {
	display: block;
	padding: 8px 8px 0px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 15px;
	background: #009efb;
	min-height: 41px;
}

.right-sidebar .rpanel-title a {
	color:#fff;
}
.right-sidebar .rpanel-title a:hover {
	color:#fff;
}

.right-side-toggle i,.right-side-toggle span {
	 -webkit-transition-property: unset;
	 -webkit-transition-duration: unset;
	 -moz-transition-property: unset;
	 -moz-transition-duration: unset;
	 transition-property: unset;
	 transition-duration: unset;
	 -webkit-animation-name: unset;
	 -webkit-animation-duration: unset;
	 -webkit-animation-iteration-count: unset;
	 -webkit-animation-timing-function: unset;
	 -moz-animation-name: unset;
	 -moz-animation-duration: unset;
	 -moz-animation-iteration-count: unset;
	 -moz-animation-timing-function: unset;
	 animation-name: unset;
	 animation-duration: unset;
	 animation-iteration-count: unset;
	 animation-timing-function: unset;
	 position: unset;
	 top: unset;
	 left: unset;
	color:rgba(255,255,255,0.50);
}
.right-sidebar .rpanel-title span.title {
	float: none;
	cursor:default;
	font-size: inherit;
}
.right-sidebar .rpanel-title span.close {
	float: right;
	cursor: pointer;
	font-size: 11px;
}
.right-sidebar .r-panel-body {
	padding: 15px;
	/*margin-bottom: 100px;*/
	/*border-left: 2px solid #8d8d8d;*/
	
	position: relative;
	top: 0px;
	padding-bottom: 20px;
	height: 100%;
	color: #3D4B59;
	
	height: auto;

}
/*.right-sidebar .r-panel-body::after {
	content:"";
	display: table;
	height:90px;
}*/


.right-sidebar .slimscrollright{
	border-left: 0px solid #8c8a86;
}


.right-sidebar .mb-0 > a {
  display: block;
  position: relative;
	padding-right: 1.2rem;
}
.right-sidebar .mb-0 > a:after {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
	top: calc(50% - 10px );
}
.right-sidebar .mb-0 > a[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}


.right-sidebar [type="radio"] + label {
	line-height: 1.1em;
	padding-top: .15rem;
}
.right-sidebar .card-body {
	padding: 0 .5rem;
}
.right-sidebar .card {
	background-color: unset;
	border-width: 0px;
	box-shadow: none;
	overflow: unset;
}
.right-sidebar .card .card-header {
	background: #58728A;
	border-bottom: 1px;
	border-radius: 4px !important;
	margin-bottom: .5em;
}
.right-sidebar .card .card-header a:focus {
	outline-color: #eee !important;
	outline-offset: 7px;
}
.right-sidebar .card {
	border-radius: .25rem;
}
.right-sidebar .card-no-border .card {
	border: none;
}
.right-sidebar .card-header a {
	color:#fff;
}
.right-sidebar .card-header a:hover, .right-sidebar a.btn:hover {
	color:#fff !important;
}
.right-sidebar a {
	color:#0D1A38;
}
.right-sidebar a:hover {
	color: #007DBA !important; /* #1B2B51 */
}

.right-sidebar .list-group-item.active, .right-sidebar .list-group .list-group-item.active:hover {
	background: #58728a;
	border-color: #58728a;
}

.list-group.slim .list-group-item {
	padding: 0.5rem .75rem;
}

.right-sidebar .list-group-item.active:hover {
	color: #fff !important;
}
.right-sidebar h3 {
	font-weight: 500;
}

.right-sidebar .form-control {	
	padding: 0.25rem 0.35rem;
	font-size: inherit;
	line-height: normal;
	min-height: auto;
}

.right-sidebar label span {
	display: inline-block;
}


.maptools {
	margin: auto;
  	position: absolute;
  	top: calc(50% - 70px + 4px - (262px/2) + 55px );
	left: -43px;
	width:43px;
	height:auto;
	background:rgba(231, 226, 199, 0.33); /* rgba(13,26,55,0.80);*/
	border-radius: 4px 0px 0px 4px;
	padding:4px 0 4px 4px;
	text-align: center;
	/*box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);*/
}
.toolbox {
	padding:5px 5px;
	background:rgba(2, 3, 5, 0.50); /*rgba(0, 0, 0, 0.60);*/
	border-radius: 5px 0px 0px 5px;
}
.maptools button {
	margin:0 0 5px;
	/*background: rgb(146, 105, 73) !important;*/
}
.maptools button:last-child, .toolbox span:last-child {
	margin:0 0 0px;
}

.maptools .btn.focus, .maptools .btn:focus {
	outline: 0px dotted rgba(255,255,255,0.50) !important;
	box-shadow: 0px 0px 2px 2px rgba(231, 226, 199, 0.4);
	outline-offset: 2px;
}

.drawertools {
	margin: auto;
  	position: absolute;
  	top: calc(50% - 71px + 56px );
	left: 0;
	width:43px;
	height:auto;
	background: none; /* rgba(231, 226, 199, 0.33); /* rgba(13,26,55,0.80);*/
	border-radius: 0px 4px 4px 0px;
	padding:4px 4px 4px 0px;
	text-align: center;
	/*box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);*/
	z-index: 19;
	opacity: 1;
}
.drawertools.left {
	left: 0;
	right: unset;
	padding:4px 4px 4px 0px;	
}
.drawertools.right {
	left: unset;
	right: 0;	
	padding:4px 0px 4px 4px;
}
.drawertools .toolbox {
	background: rgb(236, 233, 216);
	border: 1px solid #d4d1c2;
	
}
.left .toolbox {
	border-radius: 0px 5px 5px 0px;
	border-left: 0;
}
.right .toolbox {
	border-radius: 5px 0px 0px 5px;
	border-right: 0;
}

.shw-rside .maptools  {
	
}

.btn-maptool, .btn-maptool.disabled, .btn-drawertool {
	background: rgb(124, 125, 121);
	border: 1px solid #4b4a44;
	color: #c1bea9;
	border-radius: 5px;
	width: 28px;
}

.toolbox span {
	display: inline-block;
	margin-bottom: .25rem;
}

.drawer .tool_panel .sub {
	box-shadow: none;
}

/* COLOR SET A 

.btn-maptool,.btn-maptool.disabled {
 background:#58728a;
 border:1px solid #425668;
 color:#ffffff
}
.btn-maptool.disabled:hover,.btn-maptool:hover {
 background:#425668;
 color:#ffffff;
 border:1px solid #364655;
}
.btn-maptool.active,.btn-maptool.disabled.active,.btn-maptool.disabled:focus,.btn-maptool:focus {
 	background:#0d1a37;
	border-color:#e7e2c7;
 	color:#ffffff
}*/

/* COLOR SET B

.btn-maptool,.btn-maptool.disabled {
	background:rgba(13, 26, 55, 0.8);
	border:1px solid #3d4b59;
	color:#c1bea9;
	border-radius: 5px;
	width: 28px;
}
.btn-maptool.disabled:hover,.btn-maptool:hover {
 background:#425668;
 color:#c1bea9;
 border:1px solid #364655;
}
.btn-maptool.active,.btn-maptool.disabled.active,.btn-maptool.disabled:focus,.btn-maptool:focus {
 	background:#58728a;
	border-color:#e7e2c7;
 	color:#ffffff
}

.tool_panel .opacity {
	margin-right: .5rem;
	padding: 0px;
	
}
.tool_panel .opacity span {
	top: 4px;
	position: relative;
}

.tool_panel label.settings span  {
	position: absolute;
	right: 2px;
	top: 1px;
	color: #acbbc9;
	margin-right: 0;
}
.right-sidebar label.settings span:hover{
	color: #607d8b !important;
}
.tool_panel label.settings a {
	position: absolute;
	right: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	outline-offset: 1px;
}
.tool_panel label.settings a[aria-expanded="true"] span{
  color: #607d8b;
}
input + label.settings {
	padding-right: 30px;
	min-width: 100%;
}
input + label.settings:not(:first-of-type) {
	margin-top: .6rem;
}

#identify .form-control[type="text"] {
	margin-bottom: .5rem;
}
#identify .form-control:disabled, #identify .form-control[readonly] {
	background-color: #fff;
	opacity: 1;
}
*/

/* Tools sub */
.tools .title {
	font-weight: 500;
}

.tools {
	margin: 0 0 .5rem 0px;
	border: 1px solid #90999e;
	background: #c1cad2;
	padding:.5rem;
	font-size: 14px;
	color:#1d253b; /* #455a64; */
}
.tools .slider.slider-horizontal {
	width: 100px;
	left: 13px;
}
.tools .slider .round {
	background: #889ba4;
	border: 1px solid #51595d;
}
.tools .slider.slider-horizontal .slider-track {
	border: 1px solid #455A64;
	box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.25);
}

.tools .custom-control-label::before {
	top: 0rem;	
}
.tools .custom-control-label::after {
	top: 0;
}
.tools .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #455a64;
}
.tools label.custom-checkbox {
	padding-left: 40px;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #adb5bd;
    background-color: #dee2e6;
}
.tools .custom-control-label::before {
	background-color: #dee2e6;
	border: #adb5bd solid 1px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #007bff;
}
.tools .custom-control-label.small {
	font-size: 80% !important;
	top: 2px;
}

.tool_panel button span {
	opacity: .9; /* .6; */
}
button .fa-stack { font-size: 0.65em; }

button .fa-stack .fa-stack-1x {
	font-size: 1.1em;
}

/*** DATATABLES ***/

table.dataTable.dt-checkboxes-select tbody tr{
	cursor:auto;
}
.pagination {
	display: inline-block;
	white-space: normal;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	white-space: normal;
	display: inline-block;
	justify-content: flex-end;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item {
		 font-size: 80%;
	}
.dataTables_info{
		font-size: 80%;
	}

.table thead th, .table th {
	white-space: nowrap;
	vertical-align: top;
}
.table.wrap thead th, .table.wrap th {
	white-space:normal;
}

.table-bordered tbody td:first-of-type {
	border-left: 2px solid #f3f1f1 !important;
}

textarea.resize {
	resize: vertical !important;
}

table.datatable td{
	/*word-break: break-all;*/
}
div.dataTables_wrapper div.dataTables_info {
	word-break: break-all;
	white-space: normal;
	color: #1b263b;
}
table.dataTable.nowrap td.text-nowrap {
	white-space: nowrap !important;
}
table.datatable.small {
	font-weight: unset;
}
table.dataTable td.padded {
	padding-left: 1rem;
	padding-right: 1rem;
}

table.dataTable thead .sorting:focus:after,table.dataTable thead .sorting_asc:focus:after,table.dataTable thead .sorting_desc:focus:after  {
	outline: 1px dotted #5f5f5f;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
	background-color: #BBD4DD; /*#B6DFED;*/
	color: #1a2439;
}
table.dataTable tr.selected td.select-checkbox::after, table.dataTable tr.selected th.select-checkbox::after {
	margin-top: -9px;
	margin-left: -5px;
}
table.dataTable tbody td.select-checkbox::before, table.dataTable tbody th.select-checkbox::before {
	margin-top: 0px;
}

table.dataTable .dtrg-group{
	background: #eee;
}
table.dataTable .dtrg-group td{
	padding: .5rem;
	font-size: larger;
}

table.dataTable tfoot.persist tr th {
	display: table-cell !important;
}
div.dataTables_wrapper div.dataTables_filter label {
	overflow: clip;
}
div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
}
div.dataTables_wrapper div.dataTables_length select {
	padding-right: 5px;
}
/*
table.dataTable.padded td {  padding: 0 .5rem;}
table.dataTable.padded th {  padding: 0 .75rem 0 .5rem;}
table.dataTable.padded tfoot tr th { padding: .5rem .75rem .5rem .5rem; }
div.dataTables_wrapper div.dataTables_filter input { width: 100%;max-width: 220px; }
div.dataTables_wrapper div.dataTables_filter {	float: unset; }
@media (max-width: 991px) {
	div.dataTables_wrapper div.dataTables_filter {	text-align: left !important; }
}
*/



@media only screen and (max-width: 768px) {
	.dataTables_wrapper [type="search"] {
		/*width: 70% !important;*/
	}
	.dataTables_filter {
		float: left;
		position: relative;
		/*left: -15px;*/
	}
	.dataTables_wrapper .dataTables_paginate {
		float: left;
	}
	.form-actions .btn {
		width: 100%;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 414px) {
	[type="search"] {
		max-width: 70% !important;
	}
	.dataTable  {
		font-size: 80%;
	}
	.dt-limit {
		max-width:10%;
		overflow: hidden;
	}
	table.datatable td{
		word-break: break-all;
	}
}

@supports (-ms-ime-align: auto) {
   /* Microsoft EdgeV13&14 CSS styles go here */
  .dataTables_scrollBody {
      padding-bottom:16px;
  }
	.table-responsive {
		padding-bottom: 16px;
	}

}

/* Limit Paginate blocks */
@media screen and (max-width: 767px) {
		
	/*.dataTables_wrapper .dataTables_paginate .paginate_button.page-item {
		 display: none;
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active,.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.previous,.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.next {
		display: inline-block;
	}*/
}

table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::after {
	/*opacity: 0;*/
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
	content: none;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
	padding-right: 20px;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
	bottom: 0.25em;
	opacity: 0.75;
}

table.dataTable thead th.anchor-left,table.dataTable thead th.anchor-right,table.dataTable thead th.anchor-mid {
	background:RGBA(13, 26, 55, 0.8); /* #58728A ;/* #3d4b59 ;/* #00529b; /* rgba(194, 203, 219, 0.6); */
	color:#eee;
}
table.dataTable .anchor-mid {
	border-left:1px solid #aeaeae;
}
table.dataTable .anchor-left {
	border-right:1px solid #aeaeae;
}
table.dataTable .anchor-right {
	border-left:1px solid #aeaeae;
}
table.dataTable tbody .anchor-left,table.dataTable tbody .anchor-right,table.dataTable tbody th.anchor-mid  {
	background: rgba(0, 0, 0, 0.1);
}
table.dataTable thead th.interior {
	/*background:rgba(215, 215, 215, 0.6);*/
	background:rgba(88, 114, 138, 0.8); /* #5d6e80; /* #767A7F; */
	color: #ddd;
}
table.dataTable thead th::after,table.dataTable thead th::before {
	color: #ddd !important;
}
table.dataTable tfoot th {
	background:#55585c;
	color: #ccc;
	border-color:#181c22 !important;
}
table.dataTable > thead > tr > th.interior {
	border-right: 1px solid rgba(221, 221, 221, 0.1) !important;
}
table.dataTable > tbody > tr > td.interior {
	border-right: 1px solid rgba(221, 221, 221, 0.4) !important;
}
table.dataTable > tfoot > tr > th.interior {
	border-right: 1px solid rgba(221, 221, 221, 0.1) !important;
}

table.dataTable tfoot th.interior {
	background:#767A7F;
}

table.dataTable tfoot th.tyt {
	color: #fff;
	font-weight: 600;
}


table.dataTable tfoot th {
	border-bottom:1px solid ;
	border-bottom-color:rgba(255, 255, 255, 0.15) !important
}
table.dataTable thead th {
	border-color:#181c22 !important;
	color: #3d4b59;
}
.DTFC_LeftBodyWrapper,.DTFC_LeftHeadWrapper,.DTFC_LeftFootWrapper{
	box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.13);
}
.DTFC_RightBodyWrapper,.DTFC_RightHeadWrapper,.DTFC_RightFootWrapper{
	box-shadow:  -3px 3px 3px -1px rgba(0,0,0,0.13);
}
table.dataTable thead .heading {
	background: #58728A; /* #3d4b59; */
	color: #fff;
	position:relative;
	height: 1rem;
	border-bottom: 1px solid #475562 !important;
}
table.dataTable thead .heading span{
	position:absolute; left:0; top:0;
	line-height: 1.5rem;
	margin-left: .25rem;
}

.dataTables_wrapper table.dataTable {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.dataTables_scrollBody .heading {
	visibility: hidden;
}

table.dataTable th.set-start {
	border-left: 2px solid #58728a !important;
}
table.dataTable td.set-start {
	border-left: 2px solid #c2c2c2;
}
table.dataTable tfoot th.set-start {
	border-left: 2px solid #55585c !important;
}

.show-child {
	display:none;
}
.collapsed .show-child {
	display:inline-block;
}
tr.parent .show-child span::before {
	content: "\f056";
}
.panel-results tr.parent .show-child span::before {
	content: "\f146";
}
td.details, th.details {
	display:none;
}
.collapsed td.details,.collapsed  th.details {
	display:block;
}

.tall th.sorting_asc::after {
	top: calc(50% - .75rem);
	opacity: 1 !important;
}
.tall th.sorting::after {
	top: calc(50% - .75rem);
}
.tall th.sorting_desc::after {
	top: calc(50% - 1rem);
	opacity: 1 !important;
}
.tall th span {
	display: block;
}

table.dataTable.nowrap .child td {
	white-space: normal !important;
	
	  overflow-wrap: break-word;
	  word-wrap: break-word;

	  -ms-word-break: break-all;
	  word-break: break-all;
	  word-break: break-word;
	
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
}
table.dataTable.nowrap td {
	white-space: normal !important;
	
	  overflow-wrap: break-word;
	  word-wrap: break-word;
	
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
}
table.dataTable td.unwrap.unwrap {
	white-space:nowrap !important;
}

table.dataTable th, table.dataTable td {
	vertical-align: top;
}

td.child {
	background: rgba(180, 180, 180, 0.06); /* #c2cbdb; #d7dae0;*/
	padding: 0;
	color:#0d1a37;
	padding: .5rem 0 .5rem 1.5rem;
}
.table-striped tbody tr.child:nth-of-type(2n+1) {
	background: rgba(180, 180, 180, 0.06) !important;
}
td.child table {
	background:unset;
	width: 100%;
}
td.child table tr{
	border-bottom: 1px solid #eee;
}
td.child table td{
	background: unset;
	border:none;
}
.child-white td.child {
	background:#fff;
}
.no-min {
	min-width: unset !important;
}
.child-white td.child table tr {
	border-bottom: 1px solid #fff;
}
.child-white td.child table {
	margin-bottom: 1rem;
}
table.dataTable.nowrap td.child table td:first-of-type {
	font-weight: 700;
	min-width: 100px;
	white-space: nowrap !important;
	padding-right: .25rem;
}
td.child table td:first-of-type span:before {
	content: ' ';
	display: block;
}
.table-striped td.child table tr:nth-of-type(2n+1) {
	background: unset;
}
td.child br{
	display:none;
}
table.dataTable > tbody > tr.child ul.dtr-details {
	width: 100%;
}
table.table-bordered.dataTable tbody td {
	color: #0d1a37;
}
table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: .25rem !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
	padding: .25rem;
}

.accessibility .sorting_asc:focus, .accessibility .sorting_desc:focus {
	outline: thin dotted !important;
}

table.dataTable > tbody > tr.child span.dtr-title {
	margin-right: .5rem;
}

.dataTable tr.flag td {
	background: rgba(0,255,0,.1);
}

/*** Custom Child **/

.table-control {
	padding:.25rem .25rem .25rem 0;
	vertical-align: top;
}

.parent-row tr[aria-expanded="true"] .table-control span::before{
	content: "\f146"; /* Plus */
}
.parent-row tr[aria-expanded="false"] .table-control span::before {
	content: "\f0fe"; /* Minus */
	
}



@media only screen and (min-device-width : 768px) {
td.min-w,th.min-w {
	min-width: 80px;
}
}

/*** FOOTER ****/

.footer {
	padding: 15px 15px;
	z-index: 19
}

.sidebar-footer a {
	padding: 13px 13px 12px;
}

/** Daterangepicker */
.daterangepicker {
	z-index: 11001 !important;
}
.right-sidebar .daterangepicker {
	max-width: 250px;
}
.right-sidebar .daterangepicker .ranges {
	width: 100%;
}
.right-sidebar .daterangepicker .ranges ul {
	width: 100%;
	min-width: 140px;
	padding: 5px;
}
.right-sidebar .daterangepicker .ranges ul li{
	padding: 6px;
}
.right-sidebar .daterangepicker .drp-calendar {
    padding: 0;
}
.right-sidebar .daterangepicker.ltr .drp-calendar .calendar-table {
	padding: 0 6px;
}
/*
.right-sidebar .daterangepicker .ranges li:not(.active) {
	background-color: #ebf4f8;
}
*/
.tools .range input[type="text"] {
	font-size: 13px !important;
}


/*** FANCY TREE */
ul.fancytree-container {
	border: none;
	width: auto;
	background-color: unset;
}

span.fancytree-title {
	background-color: unset !important;
	border: 0px solid transparent !important;
}

.fancytree-plain span.fancytree-active span.fancytree-title, .fancytree-plain span.fancytree-selected span.fancytree-title, .fancytree-plain span.fancytree-node:hover span.fancytree-title, .fancytree-plain span.fancytree-title, .fancytree-plain span.fancytree-title:active {
	background-color: unset;
	border: 0px solid transparent;
}



/* Accordian */
ul.fancytree-container {
  overflow: hidden;
  /* The expand animations result in ugly focus outline artefacts, so hide those. */
  outline: 0;
}
/* Display top level nodes as accordion header. */
ul.fancytree-container >li >.fancytree-node span.fancytree-title {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  margin: 0;
  background-color: #ddd !important;
  border: 1px solid #bbb !important;
  font-weight: 550;
	border-radius: 5px;
}
ul.fancytree-container >li >.fancytree-node span.fancytree-title:hover {
  background-color: #ddd;
  border: 1px solid #bbb;

}
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title, .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
  background-color: #b7bdc3;
  border: 1px solid #A3A7AC;

}
/* Hide  expanders for top-level nodes */
ul.fancytree-container >li >.fancytree-node .fancytree-expander {
  display: none;
}
/* Don't indent level-2 nodes */
ul.fancytree-container >li >ul {
  padding-left: 0;
}
/* Accordian */


/* Sliders */
.right-sidebar .slider.slider-horizontal {
	width: 160px;
	margin-top: 0; /* .25rem; */
	/*margin-left: .5rem;*/
	top: 0; /* -12px; */
	left: 27px;
}
.right-sidebar .slider .round {
	width: 18px;
	height: 18px;
	background: #acbbc9;
	border: 1px solid #929ba4;
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.right-sidebar .slider.slider-horizontal .slider-track {
	/*background-image: linear-gradient(to right,#B7B7B7,#fff 100%);*/
	border: 1px solid #A5A5A5;
	/*-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.25);
	box-shadow: inset 2px 2px 2px 0px rgba(0,0,0,0.25);*/
	/*border-radius: 13px;
	height: 13px;*/
	
	background-image: none;
	box-shadow:inset 2px 2px 2px 0px rgba(0,0,0,0.1);
	background-color: #eee;
}
.right-sidebar .slider-selection {
	display:none;
}
.right-sidebar .slider-handle {
	top: 1px;
}
.right-sidebar .slider.slider-horizontal .tooltip.tooltip-main.in,
.right-sidebar .slider.slider-vertical .tooltip.tooltip-main.in { opacity: 1 !important; }

.permissions .slider {
	width: 100% !important;
}

.noicon .fancytree-icon {
	display: none;
}

.tool_panel label {
	margin-bottom: 0;
}
.tool_panel .form-group {
	margin-bottom: 10px;
}

.tool_panel a.subhead {
	font-size: 16px;
	font-weight: 500;
	margin: .5rem 0 8px 14px;
	display:block;
	min-width: 216px;
}
.tool_panel .sub {
	border:1px solid #d1d1d1;
	padding:8px;
	max-width:220px;
	background:#eee;
	margin-left:14px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.05), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.05);
	box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.05), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.05);
	color: #3D4B59;
}
.tool_panel .sub.full {	
	max-width:235px;
}
.tool_panel .subhead[data-toggle="collapse"].collapse .fa:before, [data-toggle="collapse"] .fas.fa-caret-down:before {  
  content: "\f0d8";
}

.tool_panel .subhead[data-toggle="collapse"].collapsed .fa:before, [data-toggle="collapse"].collapsed .fas.fa-caret-down:before{
  content: "\f0d7";
}

.tool_panel i {
	float: left;
	top: 3px;
	position: relative;
	margin-right: .33rem;
}
.subhead i, a.btn i {
	/*top: 3px;*/
}
.tool_panel .row:last-child a.subhead {
	margin-bottom: 1rem;
}

.tool_panel img {
	border: 1px solid #d1d1d1;
}
.draw-tool {
	margin-top: 0.5rem;
}

/* Draw Steps */
.step .sub {
	max-width: 100%;
	margin-left: 0;
}
.right-sidebar .alert {
	padding: 8px;
}
#draw_asset {
	margin-bottom: 0.5rem;
}

/* Measure */

#measure .collapsing {
    -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

/* Legend Panel */
i + label {
	padding-left: 26px;
	min-height: 25px;
	line-height: 21px;
	font-weight: normal;

	display: inherit;
	margin-bottom: .3rem !important;
}

/* Legend Overlay */

/*** Legend **/

#legend .card .card-header {
	background: #274060; /* rgba(39, 64, 96, 0.7); */
}

#legend {
	position: absolute;
	z-index: 19;
	bottom: 59px;
	left: 229px !important;
	width: 240px !important;
	margin: 0 0 0px 15px;
	padding: 4px;
	background-color: rgba(231, 226, 199, 0.33);
	border-radius: 4px;
	/* -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.33); */
	/* max-height: calc(100vh - 270px); */
	/* overflow: hidden; */
}
#legend .card {
	margin-bottom: 0px;
	background-color: #6c757d; /* rgba(2, 3, 5, 0.6); /* rgba(255,255,255,0.15); */
	border:0px solid rgba(255,255,255,0.1);
}
#legend .card .card-header {
	background: rgba(0, 27, 74, 0.7);
	border-bottom: 0px;
	color:#eee;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	padding: 0.3rem .5rem;
}
#legend .card-body {
	/**background: rgba(0,0,0,0.33)*/;
	color:#eee;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	padding: .5rem 1rem .5rem .5rem;
	font-size: 14px;
	max-width: 260px;
}
#legend .card-title {
	margin-bottom: 0.25rem;
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	line-height: 14px;
}

#legend ul.legend {
	padding:0;
	list-style: none;
}
#legend ul.legend li {	
	/*line-height: 11px;
	margin-bottom: .25rem;*/
}

#legend.upperleft {
	bottom: unset !important;
	top: 3px;
}

.map-inline #legend {
	left:0 !important;
	bottom:15px;
	margin: 0 0 0px 4px
}

.map-inline #legend.upperleft {
	left: 0 !important;
}

.map-inline .ol-control, .legend-shift.legend-active #map_floorplan .ol-control {
	left: 0 !important;
}

#legend.light {
	background-color: unset;
}
#legend.light .card {
	background-color: #eee;
	border: 1px solid #d7d7d7;
}
#legend.light .card-body {
	color: #707d80;
	text-shadow: none;
}
#legend.light .card-title {
	color: #707d80;
	text-shadow: none;
}
#legend.light .card .card-header {
	background: rgb(117, 132, 150);
	text-shadow: none;
}


.mini-sidebar #legend  {
	left:50px !important; /* 65 */
}
@media (max-width: 767px) {
	#legend,.mini-sidebar #legend  {
		left:5px !important;
		margin-left: 0;
	}
}

/*** CHART */

.color-drop {
	width:16px;
	height:16px;
	display: block;
	vertical-align: middle;
}

.chart-bar{
	/*min-width: 400px;*/
}

/*** EKKO lightbox **/

.ekko-lightbox-item.show {
	height:100%;
}
.ekko-lightbox-item iframe {
	height: 100%;
	width: 100%;
}

.ekko-lightbox .modal-dialog {
	max-width: 90% !important;	
}
.ekko-lightbox .modal-body {
    padding: 0;
}
.ekko-lightbox-container {
	height: 100% !important;
}










/*** JSTREE **/
/*
.tool_panel .sub {
	min-width: 220px;
}

.jstree-default .jstree-anchor {
	line-height: 24px;
	/* height: 24px; * /
	white-space: normal;
	height: auto;
	margin-right: 1.25rem;
	margin-left: -10px;
}
.jstree-proton .jstree-anchor {
	line-height: 24px;
	/* height: 24px; * /
	white-space: normal;
	height: auto;
	margin-right: 1.25rem;
	/*margin-left: -10px;* /
}
.jstree-default .jstree-node {	
	margin-left: 8px;
}
.jstree-proton .jstree-node {
	margin-left: .5rem;
}
.jstree-default .jstree-search,.jstree-proton .jstree-search {	
	color: unset;
	font-style:normal;
}
.jstree-default .jstree-wholerow-hovered {
	background:none;
}
.jstree-proton .jstree-hovered {
 background:none;
 color:inherit;
 border-radius:3px;
 box-shadow:inset 0 0 1px #76b6ec
}
.jstree-proton .jstree-clicked {
 background:none;
 color:inherit;
 border-radius:3px;
 box-shadow:inset 0 0 1px #3392e3
}
.jstree-proton.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
 background:none;
 color:inherit;
}
.jstree-proton.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
 background:none;
 color:inherit;
}
.jstree-proton .jstree-wholerow-hovered {
 background:none;
}
.jstree-proton .jstree-wholerow-clicked {
 background:none;
}
.jstree-proton {
	font-family: unset;
}
*/

/**** JTF Results /***/

#jtf_results tr td,#jtf_results tr th {
	/*padding:0;*/
	vertical-align: top;
	
	padding: .15rem;
	/*border-top: 3px solid #FFF;*/
}
#jtf_results tr th[scope="row"] {
	vertical-align: middle;
	white-space: normal;
}

#jtf_results tr.odd,#jtf_results tr.even {
	cursor: pointer;
}
#jtf_results tr.shown {
	background: #6c757d !important;
	cursor: pointer;
}

#jtf_results tr.shown td {
	padding:.25rem;
	color: #fff;
	border-top: 3px solid #FFF;
}

#jtf_results tr.shown td a{
	color: #fff;
}

#jtf_results tr.shown + tr td {
	background: #f8f9fa !important;
	border: 1px solid #d7dfe3
}

.jtf-details {
	font-size: .9rem;
}

#popresults {
	white-space: normal !important;
}


#popmap-inset {
	/*float: right;*/
}
#popmap-inset img{
	/*border: 1px solid #6c757d;*/
}

#jtf_results tr + tr .jtf-details td{
	padding: .15rem;
	vertical-align: top;
	border: none !important;
	background: unset !important;
	white-space: normal !important;
}
.jtf-details a.url {
	display: inline-block;
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}
body.jtf .form-control:disabled, body.jtf .form-control[readonly] {
	background-color: unset;
	opacity: 1;
}

table.color-table thead .sorting_asc::after {
	top: 3px;
}
table.color-table thead .sorting::after {
	top: 3px;
}
table.color-table thead .sorting_desc::after {	
	top: 3px;
}


.table .thead-dark th {
	color: #fff;
	background-color: #6c757d;
	border-color: #32383e;
}

/**** INNER SIDEBAR ( Permit Status)***/

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

span.status {
	width:100%;
}

.status.approved {
	background:#448844;
}

.status .step{
	/*min-height: 400px;*/
	border:1px solid #ccc;
	padding:1rem;
	margin-bottom: 1rem;
}
.list-group-item.bg-light.active,.list-group-item.bg-light.active:hover {
	color: #666;
}

.list-group-item {
	display: flex ; /* !important */
	align-items: center !important;
}

.step-control {
	cursor:pointer;
}


.list-group-item.active:hover {
	color: #FFF !important;
}
.list-group-item.active {
	color: #EEE;
}
.page-item.active .page-link:hover {
	color: #fff;
}

.list-group-item.btn {
	border-radius: 0;
	line-height: 2rem;
}
.list-group-item .btn-label {
	margin: -6px -12px -7px 14px;
	padding: 7px 15px;
	font-size: 1.2rem;
}
.list-group-item:not(.active)  .success {
	color:#448844;
}
.text-green {
	color:#448844 !important;
}
/*
.list-group-item span:first-of-type {
	margin-right: .25rem;
}
*/
form .dropify, #input-file-now {
	text-align: unset;
}


.badge.alerts {
	font-family: 'Kanit', "sans-serif";
	font-weight: 500;
	min-width: 20px;
}
.badge-green {
	background-color: #448844;
	color: #fff;
}
.bg-green {
	background-color: #448844;
}

.badge.status {
	font-size:1rem;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
	color: #fff;
}



.list-group .ribbon-wrapper {
	padding: 20px 15px 15px 35px;
}
.list-group .ribbon-wrapper {
	padding: 20px 15px 15px 35px;
	margin: -1.5rem 0 0 -2rem;
	z-index: 19;
}
.list-group .ribbon {
	padding: 0 0px 0 8px
}


/*** Fees ***/
.line-item {
	line-height: 20px;
}

.fee-list .line-item {
	cursor:pointer;
}

.fee-list .line-item input{
	max-width:4rem;
	text-align: right;
	font-size: 12.8px !important;
}

.fee-list .line-item .fee-qty, .fee-list .line-item .fee-value {
	bottom: 2px;
	position: relative;
	white-space: nowrap;
	/*padding-right: .25rem !important;*/
}
.fee-list .line-item .fee-qty input{
	max-width: 1.8rem !important;
	text-align: right;
}
.fee-list .line-item .fee-value input{	
	min-width: 3rem;
	/*margin-left: .75rem;*/
}

/*** Project Location ***/

#parcel-search {
	position: absolute;
	bottom: 0;
	margin: 1rem;
	z-index: 19;
	
	/*width:80%;*/
	left:0;
	right: 0;
}

#parcel-search .small, .location-results {
	max-height:200px;
	overflow:auto;
	clear: left;
	padding-right: 0.5rem;
}

#parcel-search .alert button{
	margin: .25rem;
}
#parcel-search button.close {
	position: relative;
	left: 2px;
	top: -7px;
}

/*** Gallery ***/
.flex-wrap.gallery {
	flex-wrap: wrap !important;
}

.gallery figure:hover img {
	transform: scale(1.05);
	border: none;
	border-radius: 0.5rem;
}
.gallery img {
	transition: transform .2s ease-in-out;
}
.gallery figure {
	position: relative;
}
.gallery figure .overlay{
	position: absolute;
}
.gallery figure .overlay.top-right{
	top:16px;
	right:16px;
}

/*** FC-Calendar ***/
/**/
.fc .alert-info {
	color: #0c5460 !important;
	background-color: #d1ecf1 !important;
	border-color: #bee5eb !important;
}
.fc .alert {
	position: unset;
	margin-bottom: inherit;
}

.fc .btn-primary {
	background: #ffffff !important;
	border: 1px solid rgba(120, 130, 140, 0.13) !important;
	color: #67757c !important;
	text-transform: capitalize
}
.fc .btn-primary:hover {
	background: #f2f4f8 !important;
	opacity: 0.8;
	color: #67757c !important;
	border: 1px solid rgba(120, 130, 140, 0.13) !important;
}

.fc .btn-primary:not(:disabled):not(.disabled):active,.fc .btn-primary:not(:disabled):not(.disabled).active {
	color: #fff !important;
	background-color: #58728a !important;
	border-color: #58728a !important;
	
}

.fc .btn-primary:not(:disabled):not(.disabled):active:focus,.fc .btn-primary:not(:disabled):not(.disabled).active:focus{
	box-shadow: 0 0 0 0.2rem rgba(63,106,132,0.33);
}
.fc .btn-primary.active.focus, .fc .btn-primary.active:focus, .fc .btn-primary.active:hover, .fc .btn-primary.focus, .fc .btn-primary.focus:active, .fc .btn-primary:active:focus, .fc .btn-primary:active:hover, .fc .btn-primary:focus {
	background-color: #58728a !important;
	border: 1px solid rgba(120, 130, 140, 0.13) !important;
	color: #fff !important;
}
/*
.fc-event {
	cursor: move;
	color: #ffffff !important;
	font-size: 13px;
	text-align: center;
}
*/

.fc-list-table th {
	z-index: 19;
}

@media only screen and (max-width : 768px) {
	.fc-right  {
		display: none;
	}
	.fc .fc-toolbar.fc-header-toolbar {
		flex-direction: inherit;
	}
	.fc-view-harness {
		min-height: 400px;
	}
}



/*
*/

/* Fullcalendar Status Colors */
.fc-event.status_overdue .fc-daygrid-event-dot {
	border-color: #dc3545;	/*red*/
}
.fc-event.status_inprogress .fc-daygrid-event-dot {
	border-color: #ffc107;	/*yellow*/
}
.fc-event.status_open .fc-daygrid-event-dot {
	border-color: #28a745;	/*green*/
}
.fc-event.status_complete .fc-daygrid-event-dot {
	border-color: #3788d8; /*blue*/
}
.fc-event.status_cancelled .fc-daygrid-event-dot {
	border-color: #7C7C7C; /*gray*/
}

.fc .fc-list-event:hover td {
	background-color: #f5f5f559;
}

/**** Images ***/

.corner-tr {
	position: absolute;
	top: 0;
	right: 0;
	margin: 1.0rem 1.1rem 0 0;
	opacity: .6;
}
.corner-tr .badge {
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.24);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.24);
	border: 1px solid #eee;
}


.corner-tr .badge span{
	padding:.2rem 0 .2rem;
}

.print-view .card-actions {
	display: none;
}

.print-view .gallery .figure {
	max-width: 33.333333% !important;
}

.print-view pre {
	white-space: pre-wrap !important;
	border: 1px solid #ced4da;
    border-radius: 0.25rem;
	font-size: 1rem;
    line-height: 1.5;
	padding: 0.375rem 0.75rem;
	font-family: inherit;
	font-weight: 400;
	color: #67757c;
}




@media only print {

	.left-sidebar{
        display: none !important;
    }
	.page-wrapper {
		background: none;
	}
	.print-view pre {
		page-break-inside: auto !important;
	}
	
	.d-print-wide {
		width:100% !important;
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.gallery .figure {
		max-width: 33.333333% !important;
	}
	.card.card-outline-primary,.card.card-outline-info {
		padding-top: 1rem !important;
	}
	.footer {
		display: contents;
	}

 }

 /*** Report ***/

table.dataTable.nowrap td.permit_numbers, table.dataTable.nowrap td.permit_number{
 	white-space: nowrap !important;
 }
 #report_permit.dataTable td, #report_project.dataTable td {
	border-bottom: 1px solid #eee !important;
}

/*** Carousel ***/

.carousel-item {
	/*height: 100%;
	width: 100%;*/
	background-position: center center;
	background-size: cover;
}


/*** ScrollUp ***/

#scroll_top {
  position: fixed;
  bottom: -60px;
  right: 16px;
  height: 36px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 20 !important;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(17, 17, 18, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(17, 17, 18, 0.1);
  border-radius: 10px;
  border: 1px solid #eaeaea;
  color: #666;
  padding-bottom: 2px;
}

#scroll_top:hover {
  color: #222;
}

#scroll_top.scroll_top_show {
  bottom: 9px;
}


/*** Push Drawer ***/


.drawer-push {
	overflow-x: hidden;
	position: relative;
	right: 0;
}

.drawer {
	background: #ECE9D8;
  	height: 100%;
  	position: fixed;
	text-align: left;
	top: 0;
	width: 240px;
	padding: .5rem;
}
.drawer .title {
	line-height: 1.75rem;
}

.drawer-left { left: 0px; width:0; opacity: 1; visibility:hidden; position: absolute; top: 0; }
.drawer-right { right: 0px; width:0; opacity: 1; visibility:hidden; position: absolute; top: 0; }

.drawer-left.drawer-open { 
	left: 0; 
	width: 240px;
	opacity: 1;
	visibility:visible;
}
.drawer-right.drawer-open { 
	right: 0; 
	width: 240px;
	opacity: 1;
	visibility:visible;
}

.drawer-pushtoright { margin-left: 240px; }
.drawer-pushtoleft { margin-right: 240px; }

.drawer, .drawer-push {
	-webkit-transition: all 0.25s ease, opacity 0s;
	-moz-transition: all 0.25s ease, opacity 0s;
	transition: all 0.25s ease, opacity 0s;
}

.drawer .drawer-scroll { 
	width: 0 !important;
	padding-right: 0;
}
.drawer-open .drawer-scroll { 
	width: auto !important;
	padding-right: 10px;
}
.drawer .slimScrollDiv { 
	width: 0 !important;
}
.drawer-open .slimScrollDiv { 
	width: calc(100% + 10px) !important;
}

.drawer .slimScrollBar {
	visibility: hidden;
}


.drawer-btn {
	cursor: pointer;
	display: inline-block;
	font-size: 30px;
}

.close-btn {
	cursor: pointer;
	position: absolute;
	/*top: 10px;*/
	right: 10px;
}
.drawer-scroll {
	padding-right: 10px;
}


.btn-drawertool.active, .btn-drawertool.disabled.active, .btn-drawertool.disabled:focus, .btn-drawertool:focus {
	background: rgba(209, 236, 241, 0.85);
	border-color: #212e3b;
	color: rgba(39, 64, 96, 0.9);
}

.drawer .list-group-item {
	padding: 0.75rem .25rem 0.75rem .5rem;
	background-color: rgba(255, 255, 255, 0.67);
}

.drawer .list-group-item.active {
	background:#007dba; /* #d1cdb4;*/
	border:1px solid rgba(0, 0, 0, 0.125);
}
.drawer .list-group .list-group-item.active:hover {
	background: #007dba; /* #d1cdb4;*/
	border-color: rgba(0, 0, 0, 0.25);
}
.drawer .list-group-item.active a,.drawer .list-group-item.active span,.drawer .list-group-item.active a:hover,.drawer .list-group-item.active span:hover {
	color: #fff; /* #7c7d79; */
}
.drawer .list-group-item a:hover,.drawer .list-group-item span:hover {
	color: #3c5571;
}
.drawer .list-group-item .edit {
	opacity: .67;
}
.drawer .list-item-control {
	background-color: #eee;
	box-shadow: inset 0 6px 6px -6px rgba(50, 50, 50, 0.125);
}

.myadmin-dd-empty .dd-list .dd3-content {
	border: 1px solid rgba(120, 130, 140, 0.13);
	background: rgba(255, 255, 255, 0.67);
	
	/*text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/

}
.myadmin-dd-empty .dd-list .dd3-handle {
	border: 1px solid rgba(120, 130, 140, 0.13);
	background: rgba(255, 255, 255, 0.67);
}
.dd-placeholder, .dd-empty {
	background: rgba(245, 245, 245, 0.5);
}
.dd-delete {
	top: calc(50% - .25rem);
	right:.25rem;
}

/* FILEUPLOADER */

.fileuploader .title input,.fileuploader .title select,.fileuploader .title textarea {
	z-index: 1 !important;
	position: relative !important;
}
.fileuploader {
	background: #fff !important;
}
.fileuploader-theme-dragdrop .fileuploader-input {
	padding: 1rem 0 !important;
}



/*** Signature ***/

.signature_container {
	position: relative;
}
.signature_container canvas{
	width: 100%;
	height: 100%;
	min-width: 300px;
	min-height: 80px;
}

/**/


/*** First Step ***/
/* Colors
			excellent: "#43aa8b", // green
			good: "#90be6d", // lt green
			fair: "#f9c74f", // yellow
			critical: "#f8961e", // orange
			lost: "#f94144", // red
			drain: "#00ffff", // lt blue
			miles: "#8e9aaf", //slate gray

*/
.text-excellent {color:#43aa8b; }
.text-good {color:#90be6d; }
.text-fair {color:#f9c74f; }
.text-critical {color:#f8961e; }
.text-lost {color:#f94144; }
.text-drain {color:#00ffff; }
.text-miles {color:#8e9aaf; }

.select2-container--default .select2-selection--multiple.label-wide .select2-selection__choice {
	width: 99%;
}

.text-outline {-webkit-text-stroke: 1px #67757c;}



/*** options_widget **/

[data-type="options_widget"] label {
	max-width: calc(100% - 50px);
}
[data-type="options_widget"] .badge {
	line-height: unset;
}

/*Corner Tab */
table.dataTable td.editable {
  background-image: linear-gradient(225deg, #007dba40, #007dba40 7px, transparent 7px, transparent);
} 
div.DTE_Inline {
	min-width: 100px;
}

/** icons */

.svg_icon {
	width: 27px;
	height: 27px;
	fill: #485665;
	left:-3px;
	position: relative;
}
li.active .svg_icon,.mini-sidebar .sidebar-nav #sidebarnav > li:hover .svg_icon, .mini-sidebar .sidebar-nav #sidebarnav > li:hover .svg_icon {
	fill: white;
}
.sidebar-nav > ul > li > a.active span .svg_icon, .sidebar-nav > ul > li > a:hover span .svg_icon{
	fill: #779cb0;
}

/*** Documents ***/

.documents .doc-type {
	min-width: 18px;
	text-align: center;
}


/*** IGIS ***/





/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

/*** COLORS **/

.card-outline-primary .card-header {
	background: #007dba;
	border-color: #007dba;
}

.card-outline-secondary .card-header {
	background: #6c757d;
	border-color: #6c757d;
}

.card-outline-info .card-header {
	/* background: #81a5e3; 
	border-color: #81a5e3;  
	
	background:  #58728a;
	border-color:  #58728a;*/
	
	background:  #779cb0;
	border-color:  #779cb0;
	
	
}

.card-outline-success .card-header {
	background: #28a745;
	border-color: #28a745;
}

.btn-primary, .btn-primary.disabled {
	background: #007dba;
	border: 1px solid #007dba;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	color:#eee;
}
.btn-primary:hover, .btn-primary.disabled:hover {
	background: #006EA4;
	border: 1px solid #007dba;
	-webkit-box-shadow: none;
	box-shadow: none;
	color:#fff;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	background-color: #007dba;
	border: 1px solid #007dba;
}

.btn-key, .btn-key.disabled, .btn-key:disabled {
	background: #779cb0;
	color: #eee;	
	border: 0px solid #788289;
}
.btn-key:hover, .btn-key.disabled:hover {
	background: #577d92;
	color: #fff;	
	border: 0px solid #9ea5ac;
}

.right-sidebar .card .card-header {
	background: #838a8f; /*  #6c7881;  */
}

.text-primary {
	color: #007dba !important;
}


/*******************
/*Top bar
*******************/
.topbar {
  	/* Gradient*/
	background: #007dba;
	background: -moz-linear-gradient(top, #006CA1 0%, #007dba 100%);
	background: -webkit-linear-gradient(top, #006CA1 0%,#007dba 100%);
	background: linear-gradient(to bottom, #006CA1 0%,#007dba 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006CA1', endColorstr='#007dba',GradientType=0 );
	
	/*background: #007dba;*/
}



.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
  color: #ffffff !important;
}

/*******************
/*General Elements
*******************/
a {
  color: #007dba; /*#26c6da;*/
}

a.link:hover, a.link:focus {
	color: #00b8ff;
}
.page-wrapper a:not(.btn):not(.list-group-item):hover {
	color: #00b8ff;
}

.bg-theme {
  background-color: #007dba !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #007dba;
  border-color: #007dba;
}

.right-sidebar .rpanel-title {
  background: #007dba;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #007dba;
}

.text-themecolor {
  color: #007dba !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #007dba;
  color: #007dba;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #007dba;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #007dba;
  color: #ffffff;
  border: 1px solid #007dba;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #007dba;
  opacity: 0.7;
  border: 1px solid #007dba;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}

/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
  background: #ECE9D8;
}

.mini-sidebar .sidebar-nav {
  background: transparent;
}

@media (min-width: 768px) {
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #FBF8EA;
  }
}

.sidebar-nav {
  background: #272c33;
}

.sidebar-nav ul li a {
  color: #394663;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
  color: #779cb0;
}

.sidebar-nav ul li a.active {
  color: #007dba;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
  color: #ffffff !important;
  background: #007dba !important;
	
	/*background: #81a5e3 !important;*/
}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #ffffff !important;
}
.sidebar-nav > ul > li.active > a span, .sidebar-nav > ul > li.active:hover > a span {
  color: #ffffff !important;
	
 /*	color: #133d86 !important;*/
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #182542;
}
.sidebar-nav > ul > li > a.active span, .sidebar-nav > ul > li > a:hover span {
  color: #779cb0;
}

.sidebar-nav > ul > li > a i {
  color: #0d429b;
}
.sidebar-nav > ul > li > a span {
  color: #485665;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 400;
  background: #ffffff;
  color: #007dba;
}

.user-profile .profile-text a {
  color: #798699;
}

.card-no-border .sidebar-footer {
  background: #6c757d;
}
.sidebar-footer a.link:hover,.sidebar-footer a.link:focus {
	color: #eee;
}
.sidebar-footer a.link {
	color: #ccc;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
	width: 260px;
	background: #007dba;
	color: #ffffff;
	border-color: #007dba;
}

/* COLOR SET B */

.maptools .btn.focus, .maptools .btn:focus {
	outline: 0px dotted rgba(255,255,255,0.50) !important;
	box-shadow: 0px 0px 2px 2px rgba(231, 226, 199, 0.4);
	outline-offset: 2px;
}

.btn-maptool, .btn-maptool.disabled {
	background: rgba(39, 64, 96, 0.7);
	border: 1px solid #212e3b;
	color: #c1bea9;
	border-radius: 5px;
	width: 28px;
}
.btn-maptool.disabled:hover,.btn-maptool:hover {
 background:rgb(66, 86, 104, 0.80);
 color:#c1bea9;
 border:1px solid #364655;
}
/*.btn-maptool.active,.btn-maptool.disabled.active,.btn-maptool.disabled:focus,.btn-maptool:focus {
 	background:rgba(129,165,227,0.85);
	border-color:#e7e2c7;
 	color:#ffffff
}*/
.btn-maptool.active, .btn-maptool.disabled.active, .btn-maptool.disabled:focus, .btn-maptool:focus {
	background: rgba(209, 236, 241, 0.85);
	border-color: #212e3b;
	color: rgba(39, 64, 96, 0.9);
}

.tool_panel .opacity {
	margin-right: .5rem;
	padding: 0px;
	
	/*border:1px dashed orange;*/
}
.tool_panel .opacity span {
	top: 4px;
	position: relative;
}

.tool_panel label.settings span  {
	position: absolute;
	right: 2px;
	top: 1px;
	color: #acbbc9;
	margin-right: 0;
}
.right-sidebar label.settings span:hover{
	color: #607d8b !important;
}
.tool_panel label.settings a {
	position: absolute;
	right: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	outline-offset: 1px;
}
.tool_panel label.settings a[aria-expanded="true"] span{
  color: #607d8b;
}
input + label.settings {
	padding-right: 30px;
	min-width: 100%;
}
input + label.settings:not(:first-of-type) {
	margin-top: .6rem;
}

#identify .form-control[type="text"],#identify .form-control[type="number"] {
	margin-bottom: .5rem;
}
#identify .form-control:disabled, #identify .form-control[readonly] {
	background-color: #fff;
	opacity: 1;
}
.input-group .form-control[type="text"] {
	margin-bottom: 0 !important;
}
.right-sidebar .rpanel-title {
	background: #274060 !important;
}
table.small input.form-control {
	min-height: 20px !important;
	min-width: 60px;
	height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}
/** icons */

.svg_icon {
	width: 27px;
	height: 27px;
	fill: #485665;
	stroke: #485665;
	left:-3px;
	position: relative;
}
li.active .svg_icon,.mini-sidebar .sidebar-nav #sidebarnav > li:hover .svg_icon, .mini-sidebar .sidebar-nav #sidebarnav > li:hover .svg_icon {
	fill: white !important;
	stroke: white !important;
}
.sidebar-nav > ul > li > a.active span .svg_icon, .sidebar-nav > ul > li > a:hover span .svg_icon{
	fill: #779cb0;
	stroke: #779cb0;
}


/*** /IGIS ***/






/*** Media ***/



@media only screen and (max-width : 768px) {
	/** No Mobile Tooltips */
	.tooltip{
        display: none !important;
    }
	.help{
        display: none !important;
    }
	.r-panel-body .tooltip {
		display: unset !important;
	}
	/** Smaller Margins on Mobile */
	.container-fluid {
		padding: 0 15px 10px 15px;
	}
	.page-titles {
		margin: 0 -20px 15px;
	}
	
	/*** Minimum Input Font Size ***/
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select,
	textarea {
	  	font-size: 16px !important;
		/*color:orange;*/
	} 
	
 }

.page-break-before {
 page-break-before: always;
}
.page-break-after {
 page-break-after: always;
}
.page-break-inside-avoid {
 page-break-inside: avoid;
}
body.print .status {
	max-width: 8.5in !important;
	flex: auto;
	padding: 0;
}
 /*** PRINT ***/
 @media only print {
	@-moz-document url-prefix() {
		@page {
			size: letter portrait;
        	margin: .25in;
		}
   	}
	
	html, body {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	}
	body {
		color: #000;
		font-size: 14pt;
		padding: 1mm !important;
	}
	.selectize-dropdown, .selectize-input, .selectize-input input, .form-control, .d-print-block {
		color: #000;
		font-weight: 400;
		font-size: 14pt;
	}
	h4 { font-size: 18pt; }
	#main-wrapper, .page-wrapper {
		/*width: 100% !important;*/
		margin: 0 !important;
		padding: 0 !important;
		margin-top: -60px;
	}
	.sk-spacer {
		 display: none !important;
	}
	.container-fluid {
		padding: 0 !important;
		margin: 0 !important;
	}
	.footer {
		left: 0 !important;
	}
	.selectize-dropdown, .selectize-input, .selectize-input input, .form-control, .d-print-block {
		color: #000;
		font-weight: 400;
	}

	.status textarea {
	  	min-height:18rem;
	} 
	.status {
		max-width: 100% !important;
    	flex: 0 0 100%;
    	margin: 0;
   	}
	.scrollup-show  {
		display: none !important;
		left:-9999;
   }
	.mini-sidebar .page-wrapper {
		margin-left: 0px;
	}
	.status .form-group {
		margin-bottom: 0;
	}
	.status .card-actions {
		display: none;
	}
	.status .form-actions {
		display: none;
	}
	.status .table th,.status .table td {
		padding: 0.25rem;
	}
	.status div.d-print-block {
		min-height: 2rem;
		padding: 0.375rem 0.75rem;
		margin-bottom: .375rem;
		white-space: pre-line;
		background: #FFF;
	}
	 .status .form-group {
		display: inline-block !important;
		width: 100%;
		page-break-inside: avoid;
		margin-bottom: 14pt;
	 }
	 .status .table th, .status .table td {
		padding: 6pt;
	}
	.p-2 {
		padding: 6pt !important;
	}
	 
	/* Panels */
	.card-outline-info,.card-outline-primary {
		border: none;
		page-break-inside: avoid;
	}
	 
	/*** Call-Log **/	
	
	body.call-log .dataTables_wrapper {
		display: none !important;
	}
	body.call-log .card-outline-info {
		border: none;
	}
	.card-body {
		padding: 6pt 0;
	}
/**/
}