html,
body {
  height: 100%;
font-family: Bebas Neue;
font: normal normal normal 22px/36px Montserrat;

}

.jw-rightclick { display: none !important; }
iframe .jw-rightclick { display: none !important; }

.body {

  padding-top: 140px;
  padding-bottom: 40px;


}
.login {
  background-image: url('/img/BillboardOK_szembol_bg.jpg');
background-size: cover;
background-position: center;
  padding-top: 140px;
  padding-bottom: 40px;

}

.form-signin {

  width: 100%;
  max-width: 230px;
  padding: 15px;
  margin: 0 auto;


}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.chat_msg {

  height: 100%;
  max-height: 400px;;
  overflow-y: scroll;

}


.chat_msg {
font-size: 14px;
}

.chat_msg .time {
font-size: 10px;
}
.chat_msg .user {
font-size: 14px;
}
.chat_msg .msg {
  background: rgba(200,200,0,.2);
      border-radius: 10px;
      margin: 5px;
      padding: 5px;
}

.chat_msg .mymsg {
      background: rgba(0,200,0,.2);
      border-radius: 10px;
      margin: 5px;
      padding: 5px;
}

.chatwiev {
  min-height: 450px;
}

header {
  color:#fff;
  position: fixed;
  width: 100%;
  background: black;
  top: 0;
  box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.25);
  opacity: .95;
  padding: 10px 20px;
 }

 header img {
   /*padding: 0px 10px;*/
 }


 header a {
   line-height: 40px;
   margin: 10px;
   color:#fff;
 }
 header a:hover {
   color:#fff;
 }

footer a {
  line-height: 40px;
  margin: 10px;
  color:#fff;
}
footer a:hover {
  color:#fff;
}

footer img {
  /*padding: 0px 10px;*/
}

footer {
color:#fff;
padding: 10px 20px;
position: fixed;
width: 100%;
  background: black;
  bottom:0;
 }

 #login, #pass {
   background: rgba(0, 0, 0, 0);
   margin-top: 10px;
   border-radius: 0px;
   color:white;
   text-align: center;
 }

 input:focus {
   outline: none !important;
   border:1px solid #fff !important;
   box-shadow: 0 0 10px #fff !important;
  }

 .form-signin .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 200px;
    border-radius: 0px;
}

.form-signin input {
  width: 200px;
}

.form-signin  ::-webkit-input-placeholder { /* Edge */
  color: #fff;
  text-align: center;
}

.form-signin :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  text-align: center;
}

.form-signin ::placeholder {
  color: #fff;
  text-align: center;
}

main {

  padding-top: 100px;
      background-image: url(/img/BillboardOK_szembol_bg_opa.jpg);
      background-size: cover;
      background-position: center;
      height: 100%;
}

.btn-outline-secondary {
  border-radius: 0px;
}

.chatwiev input {
  font-size: 16px;
}
.chatwiev input#msg {
  width:80%;
}