/* header */
.header-notification {
    display: inline-block;
    padding: 4px 6px;
    background-color: red;
    color: white;
    border-radius: 30%;
    border: 2px solid white;
    font-size: 12px;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 0px;
    box-shadow: 1px 1px 10px 1px rgba(0,0,0, .75);
    opacity: 0;
}


/* boxes */
.box-title {
  color: gray;
  font-size: 14px;
  padding-bottom: 10px;
    font-weight: 300;
    padding-top: 0px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.42857143;
    display: inline-block;
    margin: 0px;
    padding: 0px;
      margin-bottom: 10px;
}

.box-img-logo {
  width: 60px;
  height:90px;
  border:0px solid gray;
  margin-right:10px;
  margin-bottom: 10px;
}

.box-h2 {
    font-weight: 300;
    font-size: 20px;
    color: black;
    line-height: 1;
    margin: 0px;
    margin-bottom:10px;
}

.box-container {
  background-color: white;
  border: 1px solid rgb(225,225,225);
  padding: 15px 15px 15px 15px;
}

.box-content {

}

/* page */
body {
  padding-top: 0px;
  background-color: rgb(250,250,250);
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 1.42857143;
  color: #333;
}

/* menu */
.menu-container {
  background-color: white;
  width: 100%;
  border-bottom: 1px solid rgb(225,225,225);
  color: gray;
  height: auto;
  line-height: 1 !important;
  padding-bottom: 3px;
  padding-top: 3px;
}
.menu-item {
  float: left;
  margin-right: 20px;
    b-ackground-color: rgb(225,225,225);
      padding: 10px 0px;
}

.menu-item a {
  color: gray !important;
  text-decoration: none;
}

.menu-item a:hover {
  color: rgb(40,70,100) !important;
  text-decoration: underline;
}
/* header  n */
.header-container {
  background-color: white;
  width: 100%;
  height: 100px;
  border: 1px solid rgb(225,225,225);
  background-color: rgb(61,120,171);
}

.header-logo {
  float: left;
  font-size: 28px;
  font-weight: 300;
  padding-top: 20px;
  padding-bottom: 30px;
  
  line-height: 0.7;
  margin-top: 10px;
  color: white;
    letter-spacing: 0.05em;
}

.header-title {

}

.header-title-dot {
  opacity: 0.6;
  f-ont-size: 22px;
}


.header-subtitle {
  font-weight: 300;
  font-size: 12px;
  color: #288fdc !important;
  color: rgba(255,255,255,0.6) !important;
}

/* footer */
.footer-container {
  background-color: rgb(110,110,110);
  width: 100%;
  color: rgb(220,220,220);
  margin-top: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.footer-container .footer-title {
  font-size: 20px;
  color: black;
    text-align: left;
}

.footer-container .footer-navigation {
  color: #337ab7;
  text-align: left;
  line-height: 1.9;
  padding-left: 10px;
}


/* buttons */
.button-social {
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.08);
    line-height: 1.42857143;
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-left: 0px;
}

a.button-social:before {
    font-size: 28px !important;
}

a.button-social:hover {
    color: white !important;
    text-decoration: none;
}

.button-twitter { background-color: #55acee; }
.button-facebook { background-color: #3b5998; }
.button-google {  background-color: #d34836; }
.button-youtube {
  background-color: rgb(240,240,240);
    color: rgb(230,0,0);
    border: 1px solid rgb(220,220,220);
}

.button-instagram {
    background-color: gray;
}

.social-list { margin: 5px; float: left; font-size: 26px !important;  }
.social-list a:hover{ opacity: 0.8; color: white; text-decoration: none; cursor: pointer;}
.button-youtube:hover{ border: 1px solid rgb(230,230,230); color: red !important;}

/* hotfix for fb box */
.list-picture {
  padding-right: 10px;
  float: left;
}

.list-bullet {
  color: rgb(80,80,80);
  margin: 0px 5px;
  padding: 2px 3px;
  font-size: 10px;
  background-color: #6aea6a;
  border: 1px solid silver;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 5px;
}


.pulse {
  margin: 5px 5px 0px ;
  padding: 0px 0px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgb(61,176,243);
  cursor: pointer;
  box-shadow: 0 0 0 rgba(61,176,243, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(61,176,243, 0.4);
    box-shadow: 0 0 0 0 rgba(61,176,243, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(61,176,243, 0);
      box-shadow: 0 0 0 10px rgba(61,176,243, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(61,176,243, 0);
      box-shadow: 0 0 0 0 rgba(61,176,243, 0);
  }
}


.list-pulse {
  margin: 5px 5px 0px ;
  padding: 0px 0px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(230,0,0, 0.6);
  cursor: pointer;
  box-shadow: 0 0 0 rgba(230,0,0, 0.4);
  animation: list-pulse 2s infinite;
}
.list-pulse:hover {
  animation: none;
}

@keyframes list-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(230,0,0, 0.4);
    box-shadow: 0 0 0 0 rgba(230,0,0, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(230,0,0, 0);
      box-shadow: 0 0 0 10px rgba(230,0,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(230,0,0, 0);
      box-shadow: 0 0 0 0 rgba(230,0,0, 0);
  }
}


.pb { padding-bottom: 10px; }




.wx-list li {
  margin: 5px
}

.list-container {
  border-width: 0px !important;
  width: 100% !important;
  padding: 0px !important;
  overflow: hidden;
}

.list-title {
  font-size: 16px !important;
}

.list-tag {
  padding: 3px 6px;
  background-color: rgb(240,240,240);
  color: gray;
  margin-right: 10px;
  font-size: 13px;
  margin-top: 10px;
}

.list-hr {
  margin-top:15px;
  margin-bottom: 15px;
}

/* hotfix for fb box */
.list-picture {
  padding-right: 10px;
  margin-top: 7px;
  float: left;
}

.list-bullet {
  color: rgb(80,80,80);
  margin: 0px 5px;
  padding: 2px 3px;
  font-size: 10px;
  background-color: #6aea6a;
  border: 1px solid silver;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 5px;
}

.list-message { color: gray; }
.list-time { float: right; }

.more-stations {
  display: none;
}

.btn-show-more {
  background-color: rgb(40,70,100);
  color: white;
  margin: 10px auto;
  padding: 10px 15px;
  width: auto;
  display: table;
  cursor: pointer;
}
.col-right { display: none; }

.lt {
  margin-top: 4px;display: inline-block; margin-bottom:4px;
  padding-left:10px; padding-right:10px;
}


.fl-r { float: right; }
.fl-l { float: left; }
.clear { clear: both; }


.pl0 {padding-left: 0px;}
.p0{ padding:0px;}
.pl { padding-left:7px; }

.pr { padding-right:7px; }
.pr\+ { padding-right:15px; }
.pr0 {padding-right: 0px;}


.pt { padding-top: 7px; }
.pt\+ { padding-top:15px; }
.pt\+\+ { padding-top:30px; }

.m0 {margin: 0; }
.m {margin: 7px;}
.m\+ { margin:15px; }
.m\+\+ { margin:30px;}

.mr0 { margin-right: 0px; }
.mt { margin-top:7px; }
.mt\+ { margin-top:15px; }
.mt\+\+ { margin-top:30px;}
.mb { margin-bottom:7px; }
.mb\+ { margin-bottom:15px; }
.mb\+\+ { margin-bottom:30px;}