.top-row
    {
        padding-top:25px;
    }

    #floating_crop_img
    {
        display:none;
        position:fixed;
        min-width: 250px;
    }

    #floating_crop_img img
    {
        max-width: 225px;
        height:auto;
    }

    .navbar-brand.with-image
    {
        padding: 5px 15px;
    }

    #floating_crop_img {outline:none; }
    #floating_crop_img strong {line-height:30px;}
    #floating_crop_img {text-decoration:none;}
    #floating_crop_img span {
        pointer-events: none;
        z-index:10;
        padding:14px 20px;
        margin-top:-30px;
        margin-left:28px;
        max-width:300px;
        line-height:16px;
    }
    #floating_crop_img span{
        display:inline;
        position:absolute;
        color:#111;
        border:1px solid #dca;
        background:#fffAf0;
    }
    .callout {
        z-index:20;
        position:absolute;
        bottom:10px;
        border:0;
        left:-12px;
    }
    #floating_crop_img .croperror
    {
        width:150px;
    }

    /*CSS3 extras*/
    #floating_crop_img span
    {
        border-radius:4px;
        box-shadow: 5px 5px 8px #CCC;
    }

    @-webkit-keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    @-moz-keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    @-o-keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    @keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    /* :not(:required) hides these rules from IE9 and below */
    .throbber:not(:required) {
      -webkit-animation: throbber 2000ms 300ms infinite ease-out;
      -moz-animation: throbber 2000ms 300ms infinite ease-out;
      -ms-animation: throbber 2000ms 300ms infinite ease-out;
      -o-animation: throbber 2000ms 300ms infinite ease-out;
      animation: throbber 2000ms 300ms infinite ease-out;
      background: #dde2e7;
      display: inline-block;
      position: relative;
      text-indent: -9999px;
      width: 0.9em;
      height: 1.5em;
      margin: 0 1.6em;
    }
    .throbber:not(:required):before, .throbber:not(:required):after {
      background: #dde2e7;
      content: '\x200B';
      display: inline-block;
      width: 0.9em;
      height: 1.5em;
      position: absolute;
      top: 0;
    }
    .throbber:not(:required):before {
      -webkit-animation: throbber 2000ms 150ms infinite ease-out;
      -moz-animation: throbber 2000ms 150ms infinite ease-out;
      -ms-animation: throbber 2000ms 150ms infinite ease-out;
      -o-animation: throbber 2000ms 150ms infinite ease-out;
      animation: throbber 2000ms 150ms infinite ease-out;
      left: -1.6em;
    }
    .throbber:not(:required):after {
      -webkit-animation: throbber 2000ms 450ms infinite ease-out;
      -moz-animation: throbber 2000ms 450ms infinite ease-out;
      -ms-animation: throbber 2000ms 450ms infinite ease-out;
      -o-animation: throbber 2000ms 450ms infinite ease-out;
      animation: throbber 2000ms 450ms infinite ease-out;
      right: -1.6em;
    }



    .imagefail
    {
        text-align: center;
        padding: 105px 0 100px 0;
        border: 5px dashed gray !important;
        background-color: #d9d9d9;
    }

    #imgurl
    {
        font-size: 0.9em;
        text-align: right;
        font-style: italic;
    }

    #close_errordrawer_button
    {
        cursor: pointer;
    }
    #close_errordrawer_button:hover
    {
        color: #ed3333;
    }

  .glyph-clickable:hover
      {
        color: #5a5aff;
        cursor: pointer;
      }




/*--------- Overrides! -------------*/
.btn-primary {
  background: #181b32 !important;
  color: white !important;
  transition: .2s all;
}
.btn-primary:hover {
  background: #181b32 !important;
  color: white !important;
  opacity: .5;
}
.btn-primary-custom-search:hover {
  opacity: .5;
}
.btn-default {
  border: 1px solid #181B32 !important;
  color: #181b32 !important;
}
.btn-default-light {
  border: 1px solid #bdbdbd !important;
  color: #757575 !important;
}
.modal-header {
  background-color: #181b32 !important;
  color: white !important;
}
.close span {
  color: white !important;
}
/*--------- New Styles -------------*/
.bg-gradient-primary {
    background: #181b32 !important;
}
.text-primary {
  color: #212121 !important;
}
a {
  transition: all 0.2s;
}
a:hover {
  text-decoration: underline;
}
a:hover span {
  text-decoration: none;
}

/*--------- Navigation -------------*/
#topbar_logo_full {
  display: inline;
  height: 55px;
}
.account_label:hover {
  text-decoration: underline;
}
.sidebar-light .nav-item.active .nav-link i {
  color: #408aff;
}
.nav-item i {
  transition: 0.2s all;
}
.nav-item:hover, .nav-item:hover span {
  cursor: pointer !important;
}
.nav-item:hover i {
  opacity: .5;
}
.topbar .nav-link:hover {
  text-decoration: underline !important;
}
.sidebar .nav-link:hover span {
  text-decoration: none !important;
}
.modal .nav-link {
  border: 1px solid #dddfeb;
}
.modal .nav-link, .modal .nav-link.active {
  background-color: white !important;
} 


/*--------- Create-report page -------------*/
.panels-wrap{
	max-width: 1100px;
}
.panel-heading{
	min-height: 40px;
}
/*
.form-horizontal{
	display: block !important;
}
*/
.form-horizontal .control-label{
	text-align: left;
	max-width: 120px;
	white-space: nowrap;
}
#interdiction_report_submit{
	width: 100%;
}
#report-type-selector{
	max-width: 360px;
}
.custom-submit{
	width: 100%;
}
.selectpicker{
	width: 100%;
}
#add_edit_camera_form{
	display: block;
	margin-top: 25px;
}
#camera_close_button{
	margin-bottom: 5px;
}
#add_stream_button_container p{
	float: left;
	margin: 0;
	padding-top: 7px;
}
.status_section{
	padding-left: 0;
}
.status_section li{
	padding-bottom: 10px;
	white-space: wrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.runstatus{
	max-width: 100px;
}
.custom-dl-horizontal dt{
	width: auto;
	max-width: 80px;
	text-align: left;
	padding-bottom: 10px;
	white-space: pre-wrap;
}
.custom-dl-horizontal dd{
	margin-left: 90px;
	padding-bottom: 10px;
}


.reports-form{
	margin-top: 30px;
}
.reports-form .form-group label{
	width: 100px;
}

.reports-form .form-group input{
	display: inline-block;
	width: 220px;
}
#reports {
	margin-bottom: 0;
	margin-top: 40px;
}
#reports .list-group-item{
	border: none;
}
div.dataTables_length{
	text-align: left !important;
}
div.dataTables_filter{
	text-align: left !important;
}
.list-group-item.btn{
	white-space: normal;
}

	
/*--------- media ----------*/
@media only screen and (max-width: 767px) {
	.grv-widget-tag {
        display: none !important;
        width:0;
        height:0;
        border:0;
        border:none;
    }
}
@media only screen and (min-width: 768px) {
	.reports-form .form-group{
		margin-bottom: 15px;
	}   
}
@media only screen and (max-width: 1200px) {
	.site-camera-group select{
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 1200px) {
	.lg-10-expanded {
        width: 86.3333%;
    }
}
@media only screen and (min-width: 1400px) {
	.lg-10-expanded{
		width: 88.95%;
	}
}

select::-ms-expand {
    border:none;
    background:#fff;
}

/* Hide the duplicate sorting icons for datatables */

table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled  {
    background-image: none !important;
}


.sidebar-submenu {
    z-index:100 !important;
}

#topdrawer_error {
    text-align: center !important;
}

/* make sure error text is displayed in red, and align editable error message */
.help-block {
    color: #dc3545!important;
}

.editableform > .control-group.form-group {
    flex-direction: column !important;
}

@media (max-width: 766px) {
    iframe#launcher-frame {
        display: none;
    }
}

iframe#launcher-frame {
    z-index: 0 !important;
    top: 95%;
}

.fa-disabled {
    opacity:0.6;
    cursor:not-allowed;
}


#content-wrapper {
    margin-top: 60px;
    margin-left: 250px;
    overflow-y: auto;
    width: calc(100% - 250px);
    position: relative;
    min-height: calc(100% - 56px);
}

@media (max-width: 767.98px) {
  #content-wrapper {
    margin-left: 0 !important;
    width: 100% !important;
    margin-top: 60px;
    overflow-y: auto;
    position: relative;
    min-height: calc(100% - 56px);
  }
}

#wrapper {
    display: flex;
}

#content {
    flex: 1 0 auto;
}

/* When the sidebar is collapsed */
.sidebar.manually-collapsed ~ #content-wrapper {
    margin-left: 95px; /* Width of the collapsed sidebar */
    width: calc(100% - 95px);
}

.card-header {
  background-color: #f7f8f9;
}
.text-xl {
  color: #212121;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 30px;
}
.text-xxl {
  color: #212121;
  font-size: 52px;
  line-height: 70px;
  margin-bottom: 30px;
}
.sub-title-text {
    color: #9E9E9E;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
    letter-spacing: 2px;
}

/* Leaflet overrides for map */

/* Override for the Polygon Icon */
.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
    background-image: url("images/draw-polygon.2ba04a75bf5c.png") !important; /* Use individual PNG */
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Override for the Remove Icon */
.leaflet-draw-toolbar .leaflet-draw-edit-remove {
    background-image: url("images/remove-icon.287473e50ecd.png") !important; /* Use individual PNG */
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Overrides for buttons */
.leaflet-control-layers-toggle {
	background-image: url("images/layers.8c9bebc54630.png");
    height: auto !important;
    width: auto !important;
}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url("images/layers-2x.8c9bebc54630.png");
    background-size: auto !important;
}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 30px !important;
	height: 30px !important;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 1px solid #181B32 !important;
	background-clip: padding-box !important;
}

/* Table css overrides */

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #ffff;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color:#ffff;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color:#ffff;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color:#ffff;
}
table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
  background-color:#ffff;
}
table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
  background-color:#ffff;
}
table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
  background-color:#ffff;
}
table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color:#ffff;
}
table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
  background-color:#ffff;
}
table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
  background-color:#ffff;
}
table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
  background-color:#ffff;
}
table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
  background-color:#ffff;
}
table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
  background-color:#ffff;
}

td {
    color: #181B32;
}