@font-face {
    font-family: 'webfontregular';
    src: url('../../font/galano_grotesque_alt_medium-webfont.woff2') format('woff2'),
         url('../../font/galano_grotesque_alt_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{ margin:0; font-family:webfontregular;}
.login-page{ overflow:hidden;}
.video{ position:fixed; width:100%; height:100%; top: 50%; left: 50%; transform: translate(-50%,-50%);  z-index:1;
    min-width: 100%;
    min-height: 100%;
    width:auto;
    height:auto;}

.login-area{ width:100%; position:relative; left:0; top:0; z-index:2;}
.login-form{ margin:60px auto 0 auto; width:380px;}
.login-form .profile-img-card{ margin-bottom:50px;}
.login-form h4{ font-family:webfontregular; color:#fff; font-size:14px; text-transform:uppercase; margin:0 0 30px 0;}
.login-form input{ padding:15px 19px; height:auto; font-family:webfontregular; color:#000; font-size:14px;}
.login-form .btn-signin{ background:#38c172; font-size:15px; font-weight:600; padding:13px; color:#fff;}
.login-form .btn-signin:hover{ background:#fff; color:#333;}
.remember{ padding:0 15px 25px 15px; text-align:right; color:#fff; font-size:13px;}
.remember a{color:#fff; float:left;}
.remember  input{ margin-right:8px;}
/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls {
    display:none !important;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

@media only screen and(max-width: 700px){
.login-page{ overflow-x:hidden; overflow-y:auto;}
}
@media only screen and(max-width: 400px){
.login-form{ margin:20px auto 0 auto; width:96%;}
}

.form-group {
    margin-bottom: 15px;
}

.btn {
    padding: 6px 16px 7px 15px;
    margin-bottom: 0;
    font-size: 0.923em;
    line-height: 10px;
    border-radius: 2px;
}
.btn {
    padding: 10px 12px;
    line-height: 25px;
    font-weight: 500;
}
.btn-block {
    display: block;
    width: 100%;
}

.password-container{
  position: relative;
}
.password-container input[type="password"],
.password-container input[type="text"]{
  width: 100%;
  padding: 12px 36px 12px 12px;
  box-sizing: border-box;
}
.fa-eye{
  position: absolute;
  top: 31%;
  right: 4%;
  cursor: pointer;
  color: lightgray;
  font-size: 18px;
}