.weather-map {
  background: #fff; }

.vigilencemap-legend-wrapper {
  padding-bottom: 30px; }

.vigilencemap-legend-link {
  width: 100%;
  display: block;
  font-weight: bold;
  text-transform: uppercase; }
  .vigilencemap-legend-link .fa {
    float: right; }
  .vigilencemap-legend-link .fa-chevron-up {
    display: none; }
  .vigilencemap-legend-link .fa-chevron-down {
    display: block; }
  .vigilencemap-legend-link.collapsed .fa-chevron-up {
    display: block; }
  .vigilencemap-legend-link.collapsed .fa-chevron-down {
    display: none; }
  .vigilencemap-legend-link.collapsed .show {
    display: none; }
  .vigilencemap-legend-link.collapsed .hide {
    display: inline; }
  .vigilencemap-legend-link .show {
    display: inline; }
  .vigilencemap-legend-link .hide {
    display: none; }

.icon-value {
  float: left;
  width: 30px; }

.icon-color-red {
  color: #f24f4f; }

.icon-color-orange {
  color: #ec843f; }

.icon-color-yellow {
  color: #f9d423; }

.icon-color-green {
  color: #1ab457; }

.vigilencemap-legend .list-group-item {
  padding: 5px 0;
  border: none; }
.vigilencemap-legend .list-header {
  margin: 0;
  padding: 10px 0 5px;
  border-bottom: 1px solid #ccc; }

.list-group.list-group-ldp, .list-group.list-group-ldp-marine {
  flex-wrap: wrap;
  flex-direction: row; }
  .list-group.list-group-ldp .list-group-item, .list-group.list-group-ldp-marine .list-group-item {
    display: flex;
    font-weight: bold; }
.list-group.list-group-ldp .list-group-item .icon-value {
  margin-right: 5px; }
  .list-group.list-group-ldp .list-group-item .icon-value:before {
    display: block;
    width: 30px;
    height: 30px;
    content: '';
    background-image: url(../images/icons-lvg.png); }
  .list-group.list-group-ldp .list-group-item .icon-value.icon-value-fp:before {
    background-position: 0 -14px; }
  .list-group.list-group-ldp .list-group-item .icon-value.icon-value-ao:before {
    background-position: -34px -14px; }
  .list-group.list-group-ldp .list-group-item .icon-value.icon-value-vdc:before {
    background-position: 4px -50px; }
  .list-group.list-group-ldp .list-group-item .icon-value.icon-value-vdf:before {
    background-position: -34px -50px; }
  .list-group.list-group-ldp .list-group-item .icon-value.icon-value-cdn:before {
    background-position: 2px -88px; }
  .list-group.list-group-ldp .list-group-item .icon-value.icon-value-vv:before {
    background-position: -35px -88px; }
.list-group.list-group-ldp-marine .list-group-item .icon-value {
  margin-right: 5px; }
  .list-group.list-group-ldp-marine .list-group-item .icon-value:before {
    display: block;
    width: 30px;
    height: 30px;
    content: '';
    background-image: url(../images/icons-marine-lvg.png); }
  .list-group.list-group-ldp-marine .list-group-item .icon-value.icon-value-hd:before {
    background-position: 0 -7px; }
  .list-group.list-group-ldp-marine .list-group-item .icon-value.icon-value-vv:before {
    background-position: -44px -5px; }

/*# sourceMappingURL=style.css.map */

/*Vertical Sliding*/
.slidingVertical{
  display: inline-block;
  width:7em;
  height:1.2em;
  vertical-align: top;
    
}
.slidingVertical span{
     animation: topToBottom 15s linear infinite 0s;
    -ms-animation: topToBottom 15s linear infinite 0s;
    -webkit-animation: topToBottom 15s linear infinite 0s;
	font-size:1.5em;
     opacity: 0;
     overflow: hidden;
    position: absolute;
}
.slidingVertical span:nth-child(2){
    animation-delay: 5s;
    -ms-animation-delay: 5s;
    -webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(3){
    animation-delay: 10s;
    -ms-animation-delay: 10s;
    -webkit-animation-delay: 10s;
}


/*topToBottom Animation*/
@-moz-keyframes topToBottom{
    0% { opacity: 0; }
    5% { opacity: 0; -moz-transform: translateY(-50px); }
    10% { opacity: 1; -moz-transform: translateY(0px); }
    25% { opacity: 1; -moz-transform: translateY(0px); }
    30% { opacity: 0; -moz-transform: translateY(50px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
    0% { opacity: 0; }
    5% { opacity: 0; -webkit-transform: translateY(-50px); }
    10% { opacity: 1; -webkit-transform: translateY(0px); }
    25% { opacity: 1; -webkit-transform: translateY(0px); }
    30% { opacity: 0; -webkit-transform: translateY(50px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
    0% { opacity: 0; }
    5% { opacity: 0; -ms-transform: translateY(-50px); }
    10% { opacity: 1; -ms-transform: translateY(0px); }
    25% { opacity: 1; -ms-transform: translateY(0px); }
    30% { opacity: 0; -ms-transform: translateY(50px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}