/* https://stackoverflow.com/questions/31972065/how-can-i-stretch-html5-video-to-full-height */
.faicon {
  width: 15px;
}
.fapad {
  margin-right: 10px;
}
#left-column {
  position: fixed;
  top: 0%;
  left: 0%;
  height: 100%;
  overflow-y: auto;
}
#right-column {
  left: 50%;
  position: fixed;
  height: 100%;
  /*margin: 0 auto;*/
  /*width: 60%;*/
}
#wrapper-video {
  position: fixed;
  width: 100%;
  height: 200%;
  z-index: -100;
  background-image: url(images/homepage-hero-poster.jpg);
  background-size: cover;
}
#wrapper-video video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  z-index:1;
}
.login-content {
  margin-top: 100px;
}
@media screen and (min-width: 768px) {
    .login-content {
        margin-left: 100px;
    }
}
#video-overlay-login {
  margin:100px auto 0;
  min-width: 400px;
  width: 50%;
  color:white;
  z-index:2;
  left: 50%;
  /*position: absolute;*/
}
#col1footer {
  position: absolute;
  bottom: 0;
  margin-bottom: 25px;
}
#alertbox {
  height:68px;
}
#overlay_title {
  font-size: 32px;
}
.counter_l1_row {
  margin-top: 35px;
  margin-bottom: 35px;
  font-size: 64px;
  border-bottom: 3px solid red;
  padding-bottom: 3px;
}
.counter_l1 {
}
.counter_hdr {
  float: left;
  margin-right: 30px;
  clear: both;
}
.counter_val {
  float: right;
}
.counter_row {
  font-size: 32px;
  margin-bottom: 15px;
}
.white-bg {
  background-color: #fff !important;
}


#video-overlay-signup {
  margin: 50px auto 0;
  min-width: 600px;
  width: 60%;
  color:white;
}

#signup_title {
  font-size: 34px;
  margin-bottom: 30px;
}
#signup_intro {
  font-size: 18px;
  margin-bottom: 100px;
}
.signup_icon_bg {
  border: 1px solid red;
  height: 100px;
  width: 100px;
  background-color: lightblue;
  border-radius: 50%;
  margin-left: 28%;
  margin-bottom: 15px;
}
.signup_icon {
  height: 60px;
  width: 60px;
  margin: 20px auto;
}
.signup_info_title {
  font-size: 16px;
}
.row_intro {
  margin-bottom: 50px;
}

.register-content {
    margin-left: 0;
    margin-top: 10px;
}

/* Media query for small screens */
@media screen and (max-width: 768px) {
    .register-content {
        margin-left: 0;
        margin-top: 10px;
    }
}

#all_event_summary_report .threat_type {
  text-transform: capitalize;
}
#all_event_summary_report .sk-bounce1 {
  background-color: lightblue;
}

#all_event_summary_report .sk-bounce2 {
  background-color: lightblue;
}
#all_event_summary_report .sk-bounce3 {
  background-color: lightblue;
}
/*div[class="row"] {
        border: 1px dotted rgba(0, 0, 0, 0.5);
}

div[class^="col-"] {
        background-color: rgba(255, 0, 0, 0.2);
}
*/

.icon-shield {
    background: transparent url("../img/shield-checkmark.svg") no-repeat center center;
    background-size: contain;
}

.icon-automate {
    background: transparent url("../img/update-firewall.svg") no-repeat center center;
    background-size: contain;
}

.icon-customize {
    background: transparent url("../img/customizable.svg") no-repeat center center;
    background-size: contain;
}

.icon-optimize {
    background: transparent url("../img/report.svg") no-repeat center center;
    background-size: contain;
}

.reg-h1 {
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Container styling */
.floating-label-form-group {
  position: relative;
  margin-bottom: 20px;
}

/* Label styling */
.floating-label-form-group label {
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 1em;
  transition: 0.2s ease all;
  color: #aaa;
  font-size: 18px;
}

/* Input field padding */
.floating-label-form-group .form-control {
  height: 3.3em;
  padding-top: 30px;
  padding-bottom: 10px;
}

/* Adjust padding when input is focused or filled */
.floating-label-form-group .form-control:focus,
.floating-label-form-group .form-control.filled {
  padding-top: 30px;
}

/* Label floats when input is focused or has content */
.floating-label-form-group .form-control:focus ~ label,
.floating-label-form-group .form-control.filled ~ label {
  top: 5px;
  font-size: 12px;
  color: #aaa;
}

.hr-full-width {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* For smaller screens */
@media (max-width: 600px) {
  .hr-full-width {
    width: 100%;
    margin-left: 0;
  }
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}