:root{
  --theme-color:#253654;
  --primary-color:#253654;
  --secondary-color:#721010;
  --map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
  --footer-background-color: #253654;
  --footer-text-color:#fff;
}

.imgHolder{
    z-index: 1 !important;
}
body {
	text-align:center;
	padding:0;
	width:100%;
	overflow-x: hidden;
    /*padding-bottom: 10vh;*/
    font-family: 'Ubuntu Mono', monospace;
}
.marquee {
    width: 100%;
    overflow: hidden;
    /*border:1px solid #ccc;*/
    /*background: black;*/
    color: #fff;
    margin:0;
    padding:10px;
}
ul.marquee li {
    display: none;
    padding: 0;
    position: relative;
    font-size:15px;
    /*font-size: 70px;*/
}
ul.marquee li.active{
	display: inline-block;
	animation:footerSlide 20s linear infinite;
}
@keyframes footerSlide{
	0%{
		right:-50%;
	}
	100%{
		right:100%;
	}
}
ul.marquee li img{
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
td{
    word-wrap: break-word;
}
.viewdetails:hover{
    text-decoration: none;
}
.viewdetails{
    cursor: pointer;
    text-decoration: underline;
}
.navbar-right {
    margin-right: 0px !important;
}
#left_menu{
    min-height:60vh;
}
label{
    cursor: pointer;
}

@media (min-width: 768px){
    /* .col-sm-9#top_content {
        width: 80%;
    } */
}

/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #506486; 
    border-radius: 25px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color); 
}
.leaflet-draw-toolbar a {
    background-image: url(../libraries/leaflet/images/spritesheet.png) !important;
    /* background-image: linear-gradient(transparent,transparent),url(images/spritesheet.svg); */
    background-repeat: no-repeat;
    background-size: 270px 30px;
    background-clip: padding-box;
  }
.headings_text_transform  { text-transform: uppercase !important; }
.breadcrumb-item,.button_text_transform { text-transform: capitalize !important; }
/* .table_text_transform th { text-transform: capitalize !important; } */
/* .labels_text_transform { text-transform: uppercase !important; } */
@-webkit-keyframes invalid {
  from { background-color: #00ff3a; }
  to { background-color: inherit; }
}
@-moz-keyframes invalid {
  from { background-color: #00ff3a; }
  to { background-color: inherit; }
}
@-o-keyframes invalid {
  from { background-color: #00ff3a; }
  to { background-color: inherit; }
}
@keyframes invalid {
  from { background-color: #00ff3a; }
  to { background-color: inherit; }
}
.updated_row {
  -webkit-animation: invalid 1s; /* Safari 4+ */
  -moz-animation:    invalid 1s; /* Fx 5+ */
  -o-animation:      invalid 1s; /* Opera 12+ */
  animation:         invalid 1s; /* IE 10+ */
}
/* Fix table head */
table.scroll thead {
  display: table; /* to take the same width as tr */
  width: calc(100% - 1em); /* - 17px because of the scrollbar width */
}

table.scroll tbody {
  display: block; /* to enable vertical scrolling */
  max-height: 50vh; /* e.g. */
  overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */

}

table.scroll th,table.scroll td {
  width: 1%; /* to enable "word-break: break-all" */
  padding: 5px;
  word-break: break-all; /* 4. */
}

table.scroll tr {
  display: table; /* display purpose; th's border */
  width: 100%;
  box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}
.resolved_log > td{
  background:rgba(243, 128, 128, 0.5) !important;
}
#title{
  text-transform: uppercase;
}
.noshow{
  display: none !important;
}
#restrictedAccessMsg{
  font-size: initial;
}

.clearSession{
  cursor: pointer;
}
.notifyjs-corner{
  z-index: 99999 !important;
}
#cctv_analytics.hide_tab{
  display: none;
}

.hideme{
  display: none;
}

.loader {
  display: none;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  left: 0;
  background: rgba(37, 54, 84, 0.09);
  z-index: 1;
}
.loader img {
  width: 70px;
  margin-top: 80px;
}

.osm-map-tiles {
  filter:var(--map-tiles-filter, none);
}