/* Minification failed. Returning unminified contents.
(1635,19): run-time error CSS1036: Expected expression, found ';'
(1658,19): run-time error CSS1036: Expected expression, found ';'
(1664,19): run-time error CSS1036: Expected expression, found ';'
 */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
#map {
    height: 450px;
    width: 100%;
    background-color: #353535;
}

#map.post-alert-map{
    min-height: 650px;
    max-height: 1200px;
    height: 100%;
    width: 100%;
    text-align: center;
}

#map.post-alert-map-half{
    min-height: 650px;
    max-height: 1200px;
    height: 100%;
    width: 100%;
}


#div_address {
  
}


#floatingPanel {
    padding: 6px;
    text-align: left;
    font-size: 12pt;
    background-color: #5bc0de;
    height: 100%;
    color: white;
    width: 100%;
    display: flex;
}


.hidden{
    display: none !important;
    visibility: hidden !important;
}

.visible{
    display: inline !important;
    visibility: visible !important;
}









/* Beach alerts */
.ui-icon.Lifegaurd {
    background: url("../Images/MapIcons/rescue.png") 0 0 no-repeat;
}
.ui-icon.SharkNet {
    background: url("../Images/MapIcons/shark-export.png") 0 0 no-repeat;
}

.ui-icon.Drowning {
    background: url("../Images/MapIcons/rescue-2.png") 0 0 no-repeat;
}
.ui-icon.MissingAtSea {
    background: url("../Images/MapIcons/binoculars.png") 0 0 no-repeat;
}
.ui-icon.Poachers {
    background: url("../Images/MapIcons/theft.png") 0 0 no-repeat;
}

.ui-icon.Shark {
    background: url("../Images/MapIcons/shark-export.png") 0 0 no-repeat;
}
.ui-icon.BlueBottle {
    background: url("../Images/MapIcons/firstaid.png") 0 0 no-repeat;
}
.ui-icon.Whale {
    background: url("../Images/MapIcons/whale-2.png") 0 0 no-repeat;
}
.ui-icon.OceanAnimalGeneral {
    background: url("../Images/MapIcons/dolphins.png") 0 0 no-repeat;
}
.ui-icon.Riptide {
    background: url("../Images/MapIcons/information.png") 0 0 no-repeat;
}
.ui-icon.Currents {
    background: url("../Images/MapIcons/pirates.png") 0 0 no-repeat;
}
.ui-icon.RedTide {
    background: url("../Images/MapIcons/pirates.png") 0 0 no-repeat;
}



/* Waste*/
.ui-icon.WaterPollution {
    background: url("../Images/MapIcons/trash.png") 0 0 no-repeat;
}
.ui-icon.WasteWater {
    background: url("../Images/MapIcons/trash.png") 0 0 no-repeat;
}
.ui-icon.Pollution {
    background: url("../Images/MapIcons/trash.png") 0 0 no-repeat;
}
.ui-icon.IllegalDumping {
    background: url("../Images/MapIcons/trash.png") 0 0 no-repeat;
}
.ui-icon.Contamination {
    background: url("../Images/MapIcons/radiation.png") 0 0 no-repeat;
}
.ui-icon.PollutionGeneral {
    background: url("../Images/MapIcons/recycle.png") 0 0 no-repeat;
}


/* Emergency */
.ui-icon.MedicalEmergency {
    background: url("../Images/MapIcons/firstaid.png") 0 0 no-repeat;
}
.ui-icon.Fire {
    background: url("../Images/MapIcons/fire.png") 0 0 no-repeat;
}
.ui-icon.WeatherEmergency {
    background: url("../Images/MapIcons/thunderstorm.png") 0 0 no-repeat;
}
.ui-icon.EmergencyGeneral {
    background: url("../Images/MapIcons/emergencyphone.png") 0 0 no-repeat;
}


/* Crime */
.ui-icon.Hijacking {
    background: url("../Images/MapIcons/robbery.png") 0 0 no-repeat;
}
.ui-icon.HomeIntrusion {
    background: url("../Images/MapIcons/robbery.png") 0 0 no-repeat;
}
.ui-icon.Theft {
    background: url("../Images/MapIcons/theft.png") 0 0 no-repeat;
}
.ui-icon.Assualt {
    background: url("../Images/MapIcons/robbery.png") 0 0 no-repeat;
}
.ui-icon.Rape {
    background: url("../Images/MapIcons/rape.png") 0 0 no-repeat;
}
.ui-icon.LostChild {
    background: url("../Images/MapIcons/information.png") 0 0 no-repeat;
}
.ui-icon.MissingPersons {
    background: url("../Images/MapIcons/information.png") 0 0 no-repeat;
}
.ui-icon.Abduction {
    background: url("../Images/MapIcons/abduction.png") 0 0 no-repeat;
}
.ui-icon.Mugging {
    background: url("../Images/MapIcons/robbery.png") 0 0 no-repeat;
}
.ui-icon.Shooting {
    background: url("../Images/MapIcons/shooting.png") 0 0 no-repeat;
}
.ui-icon.ArmedRobbery {
    background: url("../Images/MapIcons/shooting.png") 0 0 no-repeat;
}
.ui-icon.CrimeGeneral {
    background: url("../Images/MapIcons/crimescene.png") 0 0 no-repeat;
}


/* Infrastructure */
.ui-icon.WaterCollectionPoint {
    background: url("../Images/MapIcons/drinkingwater.png") 0 0 no-repeat;
}
.ui-icon.WaterOutage {
    background: url("../Images/MapIcons/waterdrop.png") 0 0 no-repeat;
}
.ui-icon.WaterLeak {
    background: url("../Images/MapIcons/waterdrop.png") 0 0 no-repeat;
}
.ui-icon.Flood {
    background: url("../Images/MapIcons/flood.png") 0 0 no-repeat;
}
.ui-icon.PowerOutage {
    background: url("../Images/MapIcons/linedown.png") 0 0 no-repeat;
}


/* Road Infrastructure */
.ui-icon.RoadAccident {
    background: url("../Images/MapIcons/caraccident.png") 0 0 no-repeat;
}
.ui-icon.RoadObstructed {
    background: url("../Images/MapIcons/treedown.png") 0 0 no-repeat;
}
.ui-icon.RoadClosed {
    background: url("../Images/MapIcons/construction.png") 0 0 no-repeat;
}
.ui-icon.Roadworks {
    background: url("../Images/MapIcons/construction.png") 0 0 no-repeat;
}
.ui-icon.TrafficlightOutage {
    background: url("../Images/MapIcons/information.png") 0 0 no-repeat;
}
.ui-icon.StreetlightOutage {
    background: url("../Images/MapIcons/information.png") 0 0 no-repeat;
}
.ui-icon.Transport {
    background: url("../Images/MapIcons/bus.png") 0 0 no-repeat;
}
.ui-icon.RoadsGeneral {
    background: url("../Images/MapIcons/highway.png") 0 0 no-repeat;
}


/* Events */
.ui-icon.StreetEvent {
    background: url("../Images/MapIcons/group-2.png") 0 0 no-repeat;
}
.ui-icon.Concert {
    background: url("../Images/MapIcons/group-2.png") 0 0 no-repeat;
}
.ui-icon.SportingEvent {
    background: url("../Images/MapIcons/cycling_sprint.png") 0 0 no-repeat;
}
.ui-icon.CommunityEvent {
    background: url("../Images/MapIcons/communitycentre.png") 0 0 no-repeat;
}
.ui-icon.Voting {
    background: url("../Images/MapIcons/revolt.png") 0 0 no-repeat;
}
.ui-icon.Fireworks {
    background: url("../Images/MapIcons/revolt.png") 0 0 no-repeat;
}
.ui-icon.PeopleMarching {
    background: url("../Images/MapIcons/strike.png") 0 0 no-repeat;
}
.ui-icon.Protestors {
    background: url("../Images/MapIcons/strike.png") 0 0 no-repeat;
}
.ui-icon.Riot {
    background: url("../Images/MapIcons/revolt.png") 0 0 no-repeat;
}
.ui-icon.Looting {
    background: url("../Images/MapIcons/revolt.png") 0 0 no-repeat;
}
.ui-icon.Strike {
    background: url("../Images/MapIcons/strike.png") 0 0 no-repeat;
}

.ui-icon.EventGeneral {
    background: url("../Images/MapIcons/caution.png") 0 0 no-repeat;
}


.ui-icon.General {
    background: url("../Images/MapIcons/caution.png") 0 0 no-repeat;
}

html, body {
    height: 100%;

    background:#0a0a0a;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2b2b2b),to(#0a0a0a));
    background-image: -webkit-linear-gradient(#2b2b2b,#0a0a0a);
    background-image: -moz-linear-gradient(#2b2b2b,#0a0a0a);
    background-image: -ms-linear-gradient(#2b2b2b,#0a0a0a);
    background-image: -o-linear-gradient(#2b2b2b,#0a0a0a);
    background-image: linear-gradient(#2b2b2b,#0a0a0a);

    background-image: linear-gradient(#2b2b2b,#0a0a0a);
    background-position-x: initial;
    background-position-y: initial;
    background-size: cover;
    background-repeat: no-repeat;
    
   
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #0a0a0a;
}

body {
    padding-top: 50px;
    padding-bottom: 0px;
    color: #9E9E9E;

   
}
.ui-body-a, .ui-dialog.ui-overlay-a {
  
   
}
.body-content {
    background-color: #353535;
    color: #9E9E9E;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.58);
}

section{
    
}

.field-validation-error {
    color: #FFC107;
    font-weight: normal;
    font-size: 13px;
}

input[type="text"].input-validation-error, input[type="password"].input-validation-error, textarea.input-validation-error, select.form-control.input-validation-error {
        border: solid 1px rgba(255, 193, 7, 0.5607843137254902);
    background-color: hsl(0, 0%, 13%);
    box-shadow: 0 0 9px rgba(255, 152, 0, 0.4392156862745098);
}

.validation-summary-errors {
        color: #FF9800;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 13px;
    padding-left: 0px;
    background-color: hsl(0, 0%, 4%);
    border: 5px solid #FF5722;
    margin-bottom: 24px;
    vertical-align: middle;
    box-shadow: 0px 0 7px 0px hsl(0, 0%, 4%);
    text-transform: uppercase;
    font-weight: bold;
    background: -webkit-linear-gradient(top, hsl(0, 0%, 28%) 0%,#1d1d1d 49%,hsla(0, 0%, 5%, 1) 50%,hsl(0, 0%, 4%) 100%);
    border-bottom: none;
    text-align: left;
    border-top: none;
    min-height: 50px;
    vertical-align: middle;
    text-align: center;
}

/*.text-danger {
    color: hsl(176, 71%, 41%);
}*/
.text-danger {
    color: #FFC107;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

a {
    color: #fff0f0;
    text-decoration: none;
}

    a:hover {
        color: white;
        text-decoration: none;
    }


#map.post-alert-map {
    min-height: 445px;
    max-height: 1200px;
    height: 100%;
    width: 100%;
    text-align: center;
}

.carousel {
    position: relative;
    padding: 9px;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 48px;
    box-shadow: 3px 6px 14px 1px black;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 26px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgb(0, 0, 0);
    opacity: 0.9;
    filter: alpha(opacity=80);
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    left: 49%;
    z-index: 5;
    display: inline-block;
}

@media screen and (min-width: 768px){

     .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 100px;
    }
.carousel-indicators {
    bottom: 10px;
}
}
.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #2b2b2b;
    border-color: #0a0a0a;
    margin-left: 5px;
    margin-right: 5px;
   
}
.carousel-indicators .active{
    width: 20px;
    height: 20px;
   background-color: #e64a19;
    border-color: white;
     margin-left: 5px;
    margin-right: 5px;
}

/*view switcher for marrow device viewport */
.visible-vertical-narrow {
    display: none;
    visibility: hidden;
}


.ui-bar-a {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    padding-top:10px;
    padding-bottom:10px;
}

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
   background-color: #373a31  /*{a-bar-background-color}*/;
    border-color: #545454 /*{a-bar-border}*/;
    color: #ffffff /*{a-bar-color}*/;
    text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #444444 /*{a-bar-shadow-color}*/;
    font-weight: bold;
}


@media screen and (min-width: 768px) {
    .container .jumbotron {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 30px;
         margin-top: 15px;
         color: #122027;
    }
}

.image-w1 {
        height: 300px;
         max-height: 400px;
          min-height: 300px;
        width: 100%;
        overflow: hidden;
        resize:both;
    }

#details {
    padding: 5px;
    
    max-height: 1200px;
    height: 100%;
    width: 100%;
    font-size: 10pt;
    text-align: left;
    margin-bottom: 15px;
}


#searchForm {
    background-color: #444444;
    font-size: 16pt;
    border: 1px solid black;
    margin-top: 8px;
    padding: 10px;
}

.cookie-consent{
     background-color: #0a0a0ac2;
    position: sticky;
    bottom: 0;
    z-index:2000;
  
    width: 100%;
    max-width: 1170px;
    display: block;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

.material-icons.cookie-icon{
    font-size: 26px;
    line-height: 0;
    color: #e64a19;
   
    vertical-align: middle;
    margin-right: 10px;
    
    
}

/* INFO ALERTS */
#allalertscontainer {
        
   background-color: #0a0a0ac2;
    position: sticky;
    bottom: 0;
    z-index: 1000;
  
    width: 100%;
    max-width: 1170px;
    display: block;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    
}
.alert-cookies {
        color: #ffffff;
    background-color: #0b0b0b;
    border-top: 2px solid #ff7b51;

    border-bottom: none;
    border-left: none;
    border-right: none;
    margin-top: 10px;
    margin-bottom: -20px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 2;
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.6);
    background: -webkit-linear-gradient(top, hsl(0, 0%, 28%) 0%,#1d1d1d 49%,hsla(0, 0%, 5%, 1) 50%,hsl(0, 0%, 4%) 100%);
    position: sticky;
    bottom: 0;
    z-index: 1000;
    justify-content: center;
    width: 100%;
    max-width: 1170px;
    display: flex;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
        border-bottom: 2px solid #5f2614;
}
.alert-danger {
         color: #ffffff;
    background-color: #E91E63;
    border-top: 2px solid #ff79a5;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin-top: 10px;
    margin-bottom: -20px;
    font-size: 18px;
    vertical-align: middle;
    line-height: 2;
    box-shadow: 0px -4px 20px 0px #0000009c;
    background: -webkit-linear-gradient(top, hsla(340, 82%, 54%, 1) 0%,#E91E63 49%,#E91E63 50%,hsla(340, 82%, 39%, 1) 100%);
    position: sticky;
    bottom: 0;
    z-index: 1000;
    justify-content: center;
    width: 100%;
    max-width: 1170px;
    display: flex;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-top: 25px;
    padding-bottom: 25px;
}

.alert-inner-container{
    width: 100%;
}
.alert-inner{
    float: left;
}
.alert-inner-close{
    float: right;
}
.alert-inner-text{
    display: inline-flex;
    font-size: 20px;
}


.alert-info {
    color: #ffffff;
    box-shadow: 7px 7px 6px 1px hsla(0, 0%, 0%, 0.19);
    background-color: #2b2b2b;
    border: 1px solid #e64a19;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    /* background: -webkit-linear-gradient(left, #5a5a5a 0%,#313131 49%,#232323 50%,#0a0a0a 100%); */
    /* background-image: url(../Images/temp6.jpg); */
    /* background-position: center center; */
    /* -webkit-filter: grayscale(100%) brightness(50%); */




    
    color: #ffffff;
    box-shadow: 0 0 6px 3px #1ca0a0bf;
    background-color: hsl(0, 0%, 4%);
    border: 0px solid hsl(176, 71%, 41%);
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    /* background: -webkit-linear-gradient(left, #5a5a5a 0%,#313131 49%,#232323 50%,#0a0a0a 100%); */
    /* background-image: url(../Images/temp6.jpg); */
    /* background-position: center center; */
    /* -webkit-filter: grayscale(100%) brightness(50%); */

}
.alert-success {
    color: #ffffff;
    background-color: hsl(0, 0%, 4%);
    border: 2px solid #FF9800;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    line-height: 1.65;
    font-size: 21px;
    box-shadow: 0px 0 7px 0px hsl(0, 0%, 4%);
    text-transform: uppercase;
    font-weight: bold;
    background: -webkit-linear-gradient(top, hsl(0, 0%, 28%) 0%,#1d1d1d 49%,hsla(0, 0%, 5%, 1) 50%,hsl(0, 0%, 4%) 100%);
    border-bottom: none;
    text-align: left;
    border-top: none;
}
/*.alert-success {
    color: #ffffff;
    background-color: #0a0a0a;
    border: 1px solid #555555;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    line-height: 2;
    font-size: 18px;
    box-shadow: 0 0 5px 2px #5a5a5a;
    text-transform: uppercase;
    font-weight: bold;
    background: -webkit-linear-gradient(top, #262626 0%,#313131 49%,#232323 50%,#0a0a0a 100%);
}*/
.alert-warning {
    color: #0a0a0a;
    background-color: hsla(0, 0%, 70%, 1);
    border: 1px solid #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    line-height: 2;
    font-size: 18px;
    box-shadow: 0 3px 15px 3px black;
}
.material-icons.md-realtime-alert {
    color: #ffffff;
    vertical-align: middle;
    font-size: 42px !important;
    padding-right: 19px;
}

.material-icons.md-info {
    color: #FF9800;
    vertical-align: top;
    padding-right: 10px;
}



.close {
    float: right;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    color: #222222;
    text-shadow: 0 1px 0 #ff1b1b;
    filter: alpha(opacity=60);
}

.close-sub-menu.close {
    visibility: hidden;
    display: none;
    color: white;
}
a.close {
    float: right;
    font-size: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #8c0a35;
}
a:hover.close {
    float: right;
    font-size: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: white;
}

a.close.success {
    float: right;
    font-size: 32px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: #5a5a5a;
}
a:hover.close.success {
    float: right;
    font-size: 32px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #e64a19;
}

a.close.info {
    float: right;
    font-size: 32px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: #adadad;
}
a:hover.close.info {
    float: right;
    font-size: 32px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #adadad;
}

a.closebutton, a:hover.closebutton, a:active.closebutton, a:visited.closebutton{
    font-size: 32px;
    line-height: 1;
    text-decoration: none;
}

/* LOADER */

#div_loader {
    background-color: #e64a19;
    border-color: #080808;
    display: flex;
    color: white;
    padding: 30px;
    height: 200px;
    width: 400px;
    text-align: center;
    font-size: 16pt;
}


#div_coords {
    color: #585858;
    padding: 8px;
    /* margin-top: 5px; */
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    background-color: #0000005e;
    border: 1px solid transparent;
}

.panel {
    margin-bottom: 5px;
}

.panel-info {
    border-color: #3e3e3e;
}


.navbar-inverse {
    background-color: #e64a19;
    border-color: #fff6f6;
    border-bottom-width: 0px;
    color: white;
     padding-top: 5px; 
     font-size: 17px;
    background: -webkit-linear-gradient(bottom, #f96c3f 0%,#e64a19 20%,#e64a19 85%,#bf4722 100%);
    height: 60px;
}
.navbar {
    background-color: #e64a19;
    border-color: #fff6f6;
    border-bottom-width: 0px;
    color: white;
    /* padding-top: 5px; */
    /*background: -webkit-linear-gradient(bottom, #ff7b51 0%,#e64a19 50%,#e64a19 75%,#bf4722 100%);*/
}

.navbar-collapse.nav-mobile-sub.in {
    background-color: #f56537;
    padding-bottom: 20px;
}
.navbar-collapse.nav-mobile-sub.collapsing{
    background-color: #f96c3f;
}

.search-menu {
    margin-top: 60px;
    z-index: 1;
    background-color: #9E9E9E;
    box-shadow: 0 1px 15px 5px #00000047;
}
.navbar .navbar-toggleable-sm .bg-inverse .nav-justified .navbar-inverse .navbar-fixed-top .search-menu{
     background-color: #e64a19;
}

.nav-sub {
    
    background-color: #9E9E9E;
    
}

.nav-sub-label {
}

.navbar-brand-sub {
    float: left;
    /*padding: 15px 15px;*/
    font-size: 14px;
    /*margin-top: 2px;
    line-height: 27px;*/
}

.sub-nav-li {
    margin-left: 2px;
    margin-right: 2px;
}



.navbar-brand-sub.close-sub-menu-header.close {
    font-size: 18px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #e64a19;
    text-shadow: none;
    line-height: 30px;
    background-color: #9E9E9E;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 5px;
}


.nav-sub {
    padding-top: 8px;
    padding-bottom: 5px;
    min-height: 50px;
    vertical-align: middle;
}
.site-menu-link{
    /*background-color: blue;*/
    margin-top: 14px;
}

.close-sub-menu.close{
    margin-top: 7px;
}
.navbar-inverse .navbar-nav > li > a.close-sub-menu.close {
    color: black;
}


@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}



/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.form-horizontal.compact{
    padding: 50px;
   
}

.form-horizontal .form-group {
    margin-right: 5px;
    margin-left: 5px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #ffffff;
    vertical-align: middle;
    background-color: hsla(0, 0%, 13%, 1);
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:disabled {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #ffffff;
    vertical-align: middle;
    background-color: hsla(0, 0%, 13%, 1);
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control:focus {
        border-color: #1eb3aa;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        background-color: #0a0a0a;
    }

    .form-control.search-bar-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    background-color: #5a5a5a;
    color: darkgrey;
    vertical-align: middle;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;


    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control.search-bar-control:focus {
        border-color: #1eb3aa;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }


   .form-control.input-long {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 34px;
    padding: 0px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    background-color: #2b2b2b;
    color: darkgrey;
    vertical-align: middle;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   

}

    .form-control.input-long:focus {
        border-color: #1eb3aa;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.input-long {
    width: 100%;
    max-width: 100%;
    height: 36px;
    background-color: #5a5a5a;
    color: darkgrey;
}


.visible-phone {
    display: none;
    visibility: hidden;
}

.hidden-phone {
    display: inline-block;
    visibility: visible;
}

.visible-tablet {
    display: none;
    visibility: hidden;
}

.hidden-tablet {
    display: inline-block;
    visibility: visible;
}

.stretch-block {
    display: inline-block;
}




.table {
    max-width: 100%;
    background-color: #222222;
    display: table;
    color: #ffffff;
}
@media (max-width: 768px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #dddddd;
    }
}
.ui-table {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}




.table-striped > tr:nth-child(odd) > td {
    background-color: #383838;
}

.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #e64a19;
}

.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #e64a19;
}





.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 1px solid #444444;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #2f2f2f;
    border-top: 1px solid #212121;
}

.table-striped > tr:nth-child(odd) > td {
    background-color: #383838;
}

/*.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: #222222;
}*/







/* BOOTSTRAP OVERIDES */

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}

/* |FIX - position: Dropdowns not getting click events fix and better padding */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    position: inherit;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}








@media (min-width: 1200px) {
    
    /*.container.body-content{
        max-width: 100%;
        background-color: red;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 60px;

    }*/
}


@media screen and (max-width: 1200px) {
    .navbar-brand-sub.close-sub-menu-header.close {
        visibility: hidden;
        display: none;
    }

    .sub-nav-li {
        /*padding-bottom: 10px;*/
    }

    
}

@media screen and (max-width: 992px) {
    .sub-nav-li {
        /*padding: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;*/
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    }

    .navbar-collapse {
       
    }
    .navbar-brand-sub.close-sub-menu-header.close {
        visibility: hidden;
        display: none;
    }

    .sub-nav-li {
        padding-bottom: 5px;
    }
    .navbar-inverse {
     font-size: 13px;
}
    .alert-cookies{
         font-size: 13px;
     }
   
}

/* mobile menu reflow point*/
@media screen and (max-width: 768px) {

    /* now show the mobile site view switcher (either back from phone site or just a narrow viewport)*/
    .visible-vertical-narrow {
        display: inherit;
        visibility: visible;
    }

     #map{
        height: 450px;
    }

     .navbar-inverse {
     font-size: 18px;
}

    .navbar-brand-sub {
        margin-top: 0px;
        line-height: 20px;
    }

    .close-sub-menu.close {
        visibility: visible;
        display: inherit;
    }

    .sub-nav-li {
        padding: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .navbar-brand-sub.close-sub-menu-header.close {
        visibility: visible;
        display: inherit;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}
    .alert-cookies{
         font-size: 13px;
     }
   
}





@media screen and (max-width: 620px) {
    .visible-tablet {
        display: inline-block;
        visibility: visible;
    }

    .hidden-tablet {
        display: none;
        visibility: hidden;
    }

    .visible-phone {
        display: inline-block;
        visibility: visible;
    }

    .hidden-phone {
        display: none !important;
        visibility: hidden !important;
    }

     /* now show the mobile site view switcher (either back from phone site or just a narrow viewport)*/
    .visible-vertical-narrow {
        display: inherit;
        visibility: visible;
    }

     #map{
        height: 400px;
    }

    .stretch-block {
        display: inline;
    }

    .ui-table-reflow th {
        background-color: #e64a19;
    }

    .table-striped > tr:nth-child(odd) > td {
        background-color: #383838;
    }

    .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #e64a19;
    }

    .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #e64a19;
    }



    .ui-table-reflow th {
        background-color: #e64a19;
    }


    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
        border-top: 1px solid #444444;
    }

    .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #2f2f2f;
        border-top: 1px solid #212121;
    }

    .table-striped > tr:nth-child(odd) > td {
        background-color: #383838;
    }

    .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #e64a19;
    }

   


    .close-sub-menu.close {
        visibility: visible;
        display: inherit;
    }

    .navbar-brand-sub.close-sub-menu-header.close {
        visibility: visible;
        display: inherit;
    }

    .alert-cookies{
         font-size: 13px;
     }
}

@media screen and (max-width: 480px) {
    .visible-phone {
        display: inline-block;
        visibility: visible;
    }

    .hidden-phone {
        display: none !important;
        visibility: hidden !important;
    }

    .stretch-block {
        display: inline;
    }
     /* now show the mobile site view switcher (either back from phone site or just a narrow viewport)*/
    .visible-vertical-narrow {
        display: inherit;
        visibility: visible;
    }

     #map{
        height: 350px;
    }

     .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding-right: 0;
        padding-left: 0;
    }

     .alert-cookies{
         font-size: 13px;
     }

     .validation-summary-errors{
         font-size: 13px;
     }
}

#floatingPanel {
    padding: 4px;
    text-align: center;
    font-size: 10pt;
    background-color: #5bc0de;
    width: 100%;
    color: white;
}

.ui-table-reflow tbody th {
    margin-top: 1.5em;
}

/*.ui-table-reflow th {
    background-color: #e64a19;
}*/


.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 1px solid #0a0a0a;;
    background-color: #383838;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #2f2f2f;
    border-top: 1px solid #0a0a0a;
}

.table-striped > tr:nth-child(odd) > td {
    background-color: #383838;
}

.table-striped > tbody > tr:nth-child(odd) > th {
    /*background-color: #e64a19;*/
}





.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
}

.carousel-control.left {
    left: 0;
    right: auto;
    background-image: none;
}









.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
    background-color: #3a3a3a /*{a-bup-background-color}*/;
    border-color: ;
    color: #222222 /*{a-bup-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #444444 /*{a-bup-shadow-color}*/;
}


.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: #88280a /*{a-link-visited}*/;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    color: #e64a19 /*{a-link-color}*/;
    font-weight: bold;
}

.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
    background-color: hsl(0, 0%, 4%) /*{a-body-background-color}*/;
    border-color: #717171 /*{a-body-border}*/;
    color: #ffffff /*{a-body-color}*/;
}

.ui-page-theme-c .ui-btn, html .ui-bar-c .ui-btn, html .ui-body-c .ui-btn, html body .ui-group-theme-c .ui-btn, html head + body .ui-btn.ui-btn-c, .ui-page-theme-c .ui-btn:visited, html .ui-bar-c .ui-btn:visited, html .ui-body-c .ui-btn:visited, html body .ui-group-theme-c .ui-btn:visited, html head + body .ui-btn.ui-btn-c:visited {
    background-color: #e64a19 /*{c-bup-background-color}*/;
    border-color: ;
    color: #ffffff /*{c-bup-color}*/;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #444444 /*{c-bup-shadow-color}*/;
}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
    background-color: #353535 /*{a-bup-background-color}*/;
    border-color: ;
    color: #0a0a0a /*{a-bup-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #444444 /*{a-bup-shadow-color}*/;
}


.close-sub-menu.close {
    visibility: visible;
    display: inherit;
}


.btn-default {
    color: #c7c7c7;
    background-color: #2f2f2f;
    border-color: #808080;
}
        .btn-default:hover,
    .btn-default:focus,
    .open .dropdown-toggle.btn-default {
        color: #ffffff;
    background-color: #404040;
    border-color: #c1c1c1;
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #ffffff;
        background-color: #515151;
        border-color: white;
    }





.btn-primary {
    color: #ffffff;
    background-color: #676767;
    border-color: #c1c1c1;
}
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
    background-color: #828282;
    border-color: #c1c1c1;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #afafaf;
        border-color: #c1c1c1;
    }


.btn-info {
    color: #808080;
    background-color: #1b1b1b;
    border-color: #717171;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #404040;
        border-color: #ffffff;
    }

    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #808080;
        border-color: #ffffff;
    }

.btn-danger {
    color: #ffffff;
    background-color: #ff5722;
    border-color: #232323;
    border: none;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #ef6c00;
        border-color: #e64a19;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #ff9800;
        border-color: #e64a19;
    }


    .btn-ok {
      color: #ffffff;
    background-color: rgba(255, 255, 255, 0.22);
    border: 1px solid #9e9e9e;
}

    .btn-ok:hover,
    .btn-ok:focus,
    .btn-ok:active,
    .btn-ok.active,
    .open .dropdown-toggle.btn-ok {
        color: #ffffff;
        background-color: #0b0b0b;
        box-shadow:0 0 4px 1px rgba(0, 255, 210, 0.6);
        border: 1px solid white;
    }

    .btn-readmore {
    color: rgba(255, 255, 255, 0.46);
    background-color: rgba(0, 0, 0, 0.16);
    border: none;
}

    .btn-readmore:hover,
    .btn-readmore:focus,
    .btn-readmore:active,
    .btn-readmore.active,
    .open .dropdown-toggle.btn-readmore {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.32);
       border: none;
    }

.table thead > tr > th {
    vertical-align: bottom;
    border-top: 2px solid #607D8B !important;
    border-bottom: 2px solid #171717;
    background-color: #39474e;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #e64a19;
    border-color: #ffffff;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #0a0a0a;
    border: 1px solid #ffffff;
}




.navbar-inverse .navbar-toggle {
    background-color: #222222;
    box-shadow: 1 1 black;
    color: #ffffff;
    font-weight: 900;
    margin-top: 12px;
    width: 44px;
}

    .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #5a5a5a;
        box-shadow: 1 1 black;
        color: #ffffff;
        font-weight: 900;
        margin-top: 12px;
        width: 44px;
    }
    .navbar-toggle:active, .navbar-inverse .navbar-toggle:active {
        background-color: #9E9E9E;
        box-shadow: 1 1 black;
        color: #ffffff;
        font-weight: 900;
        margin-top: 12px;
        width: 44px;
    }

   .navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: white;
}
   .navbar-inverse .navbar-toggle:active .icon-bar {
    background-color: #222222;
}
    .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}


/* ANIMATIONS ==================== */


/* EASE IN --------------------------- */
.slideanim {
    visibility: hidden;
}
.slideReset{
    visibility: hidden;
    animation-name: none;
    -webkit-animation-name: none;
    /* The duration of the animation */
    animation-duration: 0s;
    -webkit-animation-duration: 0s;
    opacity: 0;
}

.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide;
    /* The duration of the animation */
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}



.slideleft {
    /* The name of the animation */
    animation-name: slideleft;
    -webkit-animation-name: slideleft;
    /* The duration of the animation */
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slideleft {
    0% {
        opacity: 0;
        transform: translateX(70%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(70%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}



.slideleftreturn {
    /* The name of the animation */
    animation-name: slideleftreturn;
    -webkit-animation-name: slideleftreturn;
    /* The duration of the animation */
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    /* Make the element visible */
  
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slideleftreturn {
    
    
    0% {
        opacity: 1;
        transform: translateX(0%);
    }
    
    100% {
        opacity: 0;
        transform: translateX(70%);
        visibility: hidden;
    }

    
}

@-webkit-keyframes slideleftreturn {
    
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateX(70%);
        visibility: hidden;
    }

    
}

/*----------------------------------------------------=*/



/* Rules for sizing the icon. */
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: #383838;
}

    .material-icons.md-dark.md-inactive {
        color: #2b2b2b;
    }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: #ffffff;
}

    .material-icons.md-light.md-inactive {
        color: #9E9E9E;
    }

.material-icons.md-top-menu {
    color: #580000;
    padding-top: 8px;
}

.material-icons.md-top-menu-logo {
    color: #ffffff;
    vertical-align: bottom;
}





.dropdown-menu.active {
    background-color: green;
}





.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: inline-flexbox;
    overflow: hidden;
    overflow-y: hidden;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: inherit;
    display: inherit;
}


a.navbar-brand.navbar-logo {
    color: white;
}

a:visited.navbar-brand.navbar-logo {
    color: white;
}

a:hover.navbar-brand.navbar-logo {
    color: #1eb3aa;
}

.navbar-inverse .navbar-brand {
    color: white;
    padding: 11px;
}

.material-icons.md-18.md-light.md-top-menu {
    padding: 5px;
    margin: 5px;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}

.material-icons.md-18.md-light.md-menu {
    padding: 5px;
    margin: 1px;
    font-size: 20px;
    line-height: 0;
    vertical-align: middle;
}

h1, h2, h3 {
    color: white;
    margin-bottom: 15px;
}



.progress {
    height: 25px;
    margin-bottom: 3px;
    background-color: #141414;
}

.progress-bar {
    background-color: #FF5722;
    box-shadow: inset 0 0 4px 4px #ff7042;
}


.modal-content {
    font-size: 18px;
    background-color: #525252;
    color: white;

     -webkit-box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.75);
    background-clip: padding-box;
     
}
.modal-body{
  background-color: #252525;
}
.modal-header {
    /*background-color: #3c3c3c;
    border-bottom: 1px solid #1d1d1d;*/
        border-bottom: 1px solid #464646;
     background: -webkit-linear-gradient(top, #5a5a5a 0%,#313131 60%);
}

.modal-content.modal-popup {
    font-size: 18px;
    background-color: #525252;
    color: white;

     -webkit-box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.75);
    background-clip: padding-box;
     
}
.modal-body.modal-popup{
  background-color: #525252;
}

.modal-footer.modal-popup{
  background-color: #424242;
  margin-top: 0px;
  border-top: 1px solid #212121;
  padding: 10px;
}
.modal-header.modal-popup {
    /*background-color: #3c3c3c;
    border-bottom: 1px solid #1d1d1d;*/
        border-bottom: 1px solid #464646;
     background: -webkit-linear-gradient(top, #ff7b52 0%,#e64a19 60%);
}























.adrress-container{
    max-width:100%;
  
    display:inline-block;
}



.input-long{
    width: 300px;
    max-width: 100%;    
}




.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444444;
  font-style:italic;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #444444;
  font-style:italic;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #444444;
  font-style:italic;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #444444;
  font-style:italic;
}




.table thead > tr.row-highlight-extreme > th, .table tbody > tr.row-highlight-extreme > th, .table tfoot > tr.row-highlight-extreme > th, .table thead > tr.row-highlight-extreme > td, .table tbody > tr.row-highlight-extreme > td, .table tfoot > tr.row-highlight-extreme > td {
    border-top: 1px solid 1px solid #0c0c0c;
    background-color: #1c1c1c;

}
.table thead > tr.row-highlight-severe > th, .table tbody > tr.row-highlight-severe > th, .table tfoot > tr.row-highlight-severe > th, .table thead > tr.row-highlight-severe > td, .table tbody > tr.row-highlight-severe > td, .table tfoot > tr.row-highlight-severe > td {
    border-top: 1px solid 1px solid #0c0c0c;
    background-color: hsla(0, 0%, 23%, 1);
}
.table thead > tr.row-highlight-moderate > th, .table tbody > tr.row-highlight-moderate > th, .table tfoot > tr.row-highlight-moderate > th, .table thead > tr.row-highlight-moderate > td, .table tbody > tr.row-highlight-moderate > td, .table tfoot > tr.row-highlight-moderate > td {
    border-top: 1px solid 1px solid #0c0c0c;
    background-color: hsla(0, 0%, 35%, 1);
}
.table thead > tr.row-highlight-minor > th, .table tbody > tr.row-highlight-minor > th, .table tfoot > tr.row-highlight-minor > th, .table thead > tr.row-highlight-minor > td, .table tbody > tr.row-highlight-minor > td, .table tfoot > tr.row-highlight-minor > td {
    border-top: 1px solid 1px solid #0c0c0c;
    background-color: #9E9E9E;
}

a.owner-alert-details-link{
   color: #9e9e9e;
}
a:hover.owner-alert-details-link{
   color: #e64a19;
}
.material-icons.md-18.md-light.md-owner{
    color: #ffe082;
    padding-right: 5px;
    font-size: 18px;
    vertical-align: middle;
    margin-top: -3px;
}
.md-owner{
    
}









/* animated bars loader */

 #loader_danger_back {
    height: 25px;
    width: 548px;
    border: 1px solid rgb(77, 77, 77);
    overflow: hidden;
    background-color: rgba(69,243,255, 0);
    margin: auto;
}
 .dgr_bar_lne {
    background-color: #FF5722;
    float: left;
    width: 16px;
    height: 135px;
    margin-right: 27px;
    margin-top: -32px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    box-shadow: 0 0 2px 2px #ffffff69;
}

.loader_danger_anims{
	width:600px;
	animation-name:noTrespassingAnimationG;
		-o-animation-name:noTrespassingAnimationG;
		-ms-animation-name:noTrespassingAnimationG;
		-webkit-animation-name:noTrespassingAnimationG;
		-moz-animation-name:noTrespassingAnimationG;
	animation-duration:0.645s;
		-o-animation-duration:0.645s;
		-ms-animation-duration:0.645s;
		-webkit-animation-duration:0.645s;
		-moz-animation-duration:0.645s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
		-o-animation-timing-function:linear;
		-ms-animation-timing-function:linear;
		-webkit-animation-timing-function:linear;
		-moz-animation-timing-function:linear;
}




@keyframes noTrespassingAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-43px;
	}
}

@-o-keyframes noTrespassingAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-43px;
	}
}

@-ms-keyframes noTrespassingAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-43px;
	}
}

@-webkit-keyframes noTrespassingAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-43px;
	}
}

@-moz-keyframes noTrespassingAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-43px;
	}
}



/*animated circles loader
*/

.cssload-jumping{
	    display: block;
   
    padding: 20px;
}
	
.cssload-jumping, .cssload-jumping * {
	box-sizing: border-box;
}

.cssload-jumping span {
    
	display: inline-block;
	height: 12px;
	width: 12px;
	background: rgb(230, 74, 25);
	border-radius: 487px;
	background-clip: padding-box;
		-o-background-clip: padding-box;
		-ms-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding-box;
}

.cssload-jumping span:nth-child(1) {
	animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-o-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-ms-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-webkit-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-moz-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(2) {
	animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-o-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-ms-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-webkit-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-moz-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(3) {
	animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-o-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-ms-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-webkit-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-moz-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(4) {
	animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-o-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-ms-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-webkit-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-moz-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.cssload-jumping span:nth-child(5) {
	animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-o-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-ms-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-webkit-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
		-moz-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}



@keyframes scale {
	0% {
		transform: scale(0);
	}
	25% {
		transform: scale(0.9, 0.9);
		background: rgb(255, 87, 34);
	}
	50% {
		transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(228, 112, 75);
	}
	100% {
		transform: scale(0);
	}
}

@-o-keyframes scale {
	0% {
		-o-transform: scale(0);
	}
	25% {
		-o-transform: scale(0.9, 0.9);
		background: rgb(147,225,215);
	}
	50% {
		-o-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(47,172,155);
	}
	100% {
		-o-transform: scale(0);
	}
}

@-ms-keyframes scale {
	0% {
		-ms-transform: scale(0);
	}
	25% {
		-ms-transform: scale(0.9, 0.9);
		background: rgb(147,225,215);
	}
	50% {
		-ms-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(47,172,155);
	}
	100% {
		-ms-transform: scale(0);
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
	}
	25% {
		-webkit-transform: scale(0.9, 0.9);
		background: rgb(147,225,215);
	}
	50% {
		-webkit-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(47,172,155);
	}
	100% {
		-webkit-transform: scale(0);
	}
}

@-moz-keyframes scale {
	0% {
		-moz-transform: scale(0);
	}
	25% {
		-moz-transform: scale(0.9, 0.9);
		background: rgb(147,225,215);
	}
	50% {
		-moz-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(47,172,155);
	}
	100% {
		-moz-transform: scale(0);
	}
}

/* Map location circles */
.map-anim-pulse{
    background-color: white; /*#e64a19;*/
    padding: 25px;
}
.cssload-container{
	display: block;
	
	width:163px;
}

.loading6{
	width: 163px;
	height: 163px;
	background: rgba(255,255,255, 0);
	border-radius: 50%;
	display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: -moz-flex;

}
.loading6:before{
	content:"";
	width: 0;
	height: 0;
	margin:auto;
	border: 10px solid #e64a19;
	border-radius: 50%;
	animation:loading6-ani1 1.75s infinite;
		-o-animation:loading6-ani1 1.75s infinite;
		-ms-animation:loading6-ani1 1.75s infinite;
		-webkit-animation:loading6-ani1 1.75s infinite;
		-moz-animation:loading6-ani1 1.75s infinite;
}


@keyframes loading6-ani1{
	70%{
		width: 163px;
		height: 163px;
	}
	100%{
		width: 163px;
		height: 163px;
		border-width: 0;
	}
}

@-o-keyframes loading6-ani1{
	70%{
		width: 163px;
		height: 163px;
	}
	100%{
		width: 163px;
		height: 163px;
		border-width: 0;
	}
}

@-ms-keyframes loading6-ani1{
	70%{
		width: 163px;
		height: 163px;
	}
	100%{
		width: 163px;
		height: 163px;
		border-width: 0;
	}
}

@-webkit-keyframes loading6-ani1{
	70%{
		width: 163px;
		height: 163px;
	}
	100%{
		width: 163px;
		height: 163px;
		border-width: 0;
	}
}

@-moz-keyframes loading6-ani1{
	70%{
		width: 163px;
		height: 163px;
	}
	100%{
		width: 163px;
		height: 163px;
		border-width: 0;
	}
}




/* LOADING TEXT ANIM */
#animatedTextDiv{
	float: none;
    text-align: center;
    margin: auto;
    display: inline-flex;
}

.animatedLetter{
	color:rgb(255,111,0);
	font-family:Arial;
	font-size:36px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_fountainTextG;
		-o-animation-name:bounce_fountainTextG;
		-ms-animation-name:bounce_fountainTextG;
		-webkit-animation-name:bounce_fountainTextG;
		-moz-animation-name:bounce_fountainTextG;
	animation-duration:1.731s;
		-o-animation-duration:1.731s;
		-ms-animation-duration:1.731s;
		-webkit-animation-duration:1.731s;
		-moz-animation-duration:1.731s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.5);
		-o-transform:scale(.5);
		-ms-transform:scale(.5);
		-webkit-transform:scale(.5);
		-moz-transform:scale(.5);
}#animatedLetter_1{
	animation-delay:0.6125s;
		-o-animation-delay:0.6125s;
		-ms-animation-delay:0.6125s;
		-webkit-animation-delay:0.6125s;
		-moz-animation-delay:0.6125s;
}
#animatedLetter_2{
	animation-delay:0.739s;
		-o-animation-delay:0.739s;
		-ms-animation-delay:0.739s;
		-webkit-animation-delay:0.739s;
		-moz-animation-delay:0.739s;
}
#animatedLetter_3{
	animation-delay:0.8655s;
		-o-animation-delay:0.8655s;
		-ms-animation-delay:0.8655s;
		-webkit-animation-delay:0.8655s;
		-moz-animation-delay:0.8655s;
}
#animatedLetter_4{
	animation-delay:0.992s;
		-o-animation-delay:0.992s;
		-ms-animation-delay:0.992s;
		-webkit-animation-delay:0.992s;
		-moz-animation-delay:0.992s;
}
#animatedLetter_5{
	animation-delay:1.1085s;
		-o-animation-delay:1.1085s;
		-ms-animation-delay:1.1085s;
		-webkit-animation-delay:1.1085s;
		-moz-animation-delay:1.1085s;
}
#animatedLetter_6{
	animation-delay:1.235s;
		-o-animation-delay:1.235s;
		-ms-animation-delay:1.235s;
		-webkit-animation-delay:1.235s;
		-moz-animation-delay:1.235s;
}
#animatedLetter_7{
	animation-delay:1.3615s;
		-o-animation-delay:1.3615s;
		-ms-animation-delay:1.3615s;
		-webkit-animation-delay:1.3615s;
		-moz-animation-delay:1.3615s;
}




@keyframes bounce_fountainTextG{
	0%{
		transform:scale(1);
		color:rgb(255,111,0);
	}

	100%{
		transform:scale(.5);
		color:#444343;
	}
}

@-o-keyframes bounce_fountainTextG{
	0%{
		-o-transform:scale(1);
		color:rgb(255,111,0);
	}

	100%{
		-o-transform:scale(.5);
		color:#444343;
	}
}

@-ms-keyframes bounce_fountainTextG{
	0%{
		-ms-transform:scale(1);
		color:rgb(255,111,0);
	}

	100%{
		-ms-transform:scale(.5);
		color:#444343;
	}
}

@-webkit-keyframes bounce_fountainTextG{
	0%{
		-webkit-transform:scale(1);
		color:rgb(255,111,0);
	}

	100%{
		-webkit-transform:scale(.5);
		color:#444343;
	}
}

@-moz-keyframes bounce_fountainTextG{
	0%{
		-moz-transform:scale(1);
		color:rgb(255,111,0);
	}

	100%{
		-moz-transform:scale(.5);
		color:#444343;
	}
}






.field-validation-valid { display:none; }
.validation-summary-valid { display:none; }



#map_alert_detail{
    background-color: rgba(53, 53, 53, 0.9);
    min-width: 300px;
    max-width: 400px;
    height: 100%;
    box-shadow: -1px 0px 8px rgb(0, 0, 0);
}

.map-alert-info-outer{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 0px;
}

.map-alert-outer-head{
    height: 30px;
    vertical-align: middle;
    background-color: #00000040;
    border-bottom: 1px solid #232323;
}

a.close-alert-text{

}

a.close-alert-text, a:hover.close-alert-text, a:active.close-alert-text, a:visited.close-alert-text{
    color: #858585;
    text-decoration: none;
    font-size: 14px;
    line-height:2;
}
a:hover.close-alert-text, a:active.close-alert-text{
    color: white;
}

/*
    PERCENTAGE DISPLAY BAR CONTROL
*/

 #pb_wrapper
{
 margin:0 auto;
 padding:0px;
 text-align:left;
 width:100%;
 display: inline;
}

 #pb_wrapper_urgency{
     display: inline-block;
     width: 31%;
    /*background-color: hsla(0, 0%, 25%, 1);*/
    padding: 8px;
    /*box-shadow: 0 0 10px 0px black;*/
    margin-right: 5px;
    border-radius: 5px 5px 5px 5px;
    padding-top: 2px;
    /*border: solid #737373 1px;*/
 }
 #pb_wrapper_severity{
     display: inline-block;
    
     width: 31%;
    padding: 8px;
    margin-right: 5px;
    border-radius: 5px 5px 5px 5px;
    padding-top: 2px;
 }
 #pb_wrapper_certainty{
     display: inline-block;
    padding: 8px;
    width: 31%;
    border-radius: 5px 5px 5px 5px;
    padding-top: 2px;
 }
#pb_wrapper h1
{
 margin-top:100px;
 font-size:55px;
 color:#2E64FE;
}
#pb_wrapper h1 a
{
 color:#2E64FE;
 font-size:18px;
}
.pb_label 
{
    padding-bottom: 6px;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    color: #9E9E9E;
    /* clear: both; */
    /* float: left; */
    border-radius: 3px 0px 0px 3px;
    /*background-color: #353535;*/
    display: block;
   
    text-align: left;
    padding-left: 0px;
    font-family: monospace;
}

.pb-wrapper-inner 
{
 float: left;
    position: relative;
    display: block;
    margin-bottom: 0px;
    width: 100%;
    background-color: #272727;
    height: 20px;
    border-radius: 0px 3px 3px 0px;
    color: white;
    box-shadow: inset 0 0 11px 3px #00000061;
    margin-right: 15px;
}
.pb-wrapper-inner.last 
{
 margin-right: 0px;
}
.pb_display 
{
 height: 20px;
     width: 0%; 
    border-radius: 3px 3px 3px 3px;
    background-color:white;
       box-shadow: 0 1px 4px 1px #000000;
}

.pb_value 
{
position: absolute;
    /* left: 6px; */
    top: 0;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 100%;
}
a.info-link, a:hover.info-link, a:active.info-link, a:visited.info-link{
    color: #FF5722;
}
a:hover.info-link, a:active.info-link{
    color: #ff9800;
}


.pb_display.pb_1{
    background-color:#00bcd4;
}
.pb_display.pb_2{
    background-color:#ffc107;
}
.pb_display.pb_3{
    background-color:#ff5722;
}
.pb_display.pb_4{
    background-color:#f44336;
}
