*
{
    font-family: 'Oswald', sans-serif;
}
body
{
    height: 100vh;
  background-image: linear-gradient(
    rgba(0,0,0,0.8),
    rgba(0,0,0,0.8)
    ),
    url(https://ehrsgroup.com/employeeapp/assets/img/ehrsbg.jpeg);
  background-size: cover;
  background-position: top;
  background-attachment:fixed;
  position: relative;  
}

.container
{
    padding:20px 0px;
}

.btn
{
    min-width:150px !important;
}

.alert .card-content span {
	 font-weight: bold;
	 font-size: 1.1em;
	 margin-right: 4px;
}
 .alert .card-content .material-icons {
	 font-size: 1.5em;
	 position: relative;
	 top: 5px;
	 margin-right: 0.5em;
}

label.error {
    transform: translateY(240%) !important;
    color:red !important;
    font-size:smaller;
}

label
{
    color:black !important;
}

#myVideo {
    background-color: #9ab87a;
}
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

* {
    font-family: 'Rubik', sans-serif;
}

.loading-overlay {
    display: none;
    background: rgba(255, 255, 255, 0.7);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9998;
    align-items: center;
    justify-content: center;
}

#ajaxLoader {
    position: absolute;
    top: 40%;
    left: 50%;
    padding: 1em 2.5em;
    /* background: #fff; */
    border: 1px solid #fff;
    border-radius: 4px;
    color: #222;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: .2s ease-in-out;
    transform: translate(-50%, -50%);
}

#progress {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1em 2.5em;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #222;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: .2s ease-in-out;
    transform: translate(-50%, -50%);
}

.progress-overlay 
{
    display: flex;
    align-items: center;
    height: 100vh;
}
.progress
{
    width:100%;
}

.video-js
{
    width:auto;
}



@media only screen and (max-width: 576px) {
    #content
    {
        flex-direction: column-reverse !important;
    }
  }