video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 0.6;
}
body.customers_login > nav.navbar {
   background: transparent !important;
   z-index: 9;
}
body.customers_login,
body.login_admin {
    background: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

body.customers_login #wrapper{
    min-height: calc(100vh - 112px);
}

body.login_admin {
    min-height: 100vh;
}

body.customers_login .navbar a.navbar-brand {
    margin: 0;
    padding: 0;
}

body.customers_login .navbar a.navbar-brand img {
    height: 50px;
}

#prchat-header-wrapper {
  right: 218px !important;
}

.customers.customers_login .login-form .panel-body,
.login_admin .authentication-form   {
    background: transparent !important;
    border: 0px;
}

body.customers_login span.copyright-footer,
body.customers_login h1.login-heading,
.customers.customers_login .login-form .panel-body .form-group label,
.customers.customers_login .login-form .panel-body  .checkbox label,
.customers.customers_login .login-form .panel-body a,
body.login_admin span.copyright-footer,
body.login_admin .authentication-form h1,
.login_admin .authentication-form .form-group label,
.login_admin .authentication-form .checkbox label,
.login_admin .authentication-form a {
    color: #fff;
}

.dropdown-menu-right {
  right: -150px;
}
 
body.app.admin .custom-staff-image {
  padding-top: 0px;
}
 
body.app.admin .custom-staff-image img {
  max-width: 120px;
  height: 120px;
  width: 100%;
  margin: 0 auto;
  border-radius: 50%;
  padding: 10px;
  /* background: #0992d6; */
  margin-top: -30px;
}
 
body.app.admin #side-menu li.quick-links {
  left: 0px;
  top: 140px;
  padding: 0;
}
 
body.app.admin #side-menu li.dashboard_user {
  padding: 11px 10px 11px 40px;
}
 
#side-menu li.quick-links a {
  padding: 10px 10px 11px 16px;
}
 
#side-menu li a#dropdownQuickLinks {
  padding: 0px;
  padding-right: 20px;
}
 
body.app.admin #side-menu li.dashboard_user {
  padding: 10px 10px 11px 16px;
}
 
body.app.admin #side-menu .dropdown-quick-links.open ul li a {
  color: #000;
}

.login_admin .company-logo img {
   max-width: 150px; 
}

.hide-menu {
    color: #17697b;
}

#top_search input:hover {
    background-color: rgba(0,0,0,.5);
    color: #fff;
    transition: background-color 0.2s ease-out 0.2s;
}

#top_search input:focus {
    background-color: rgba(0,0,0,.5);
    color: #fff;
    transition: background-color 0.2s ease-out 0.2s;
}

@media only screen and (min-width: 768px) {

    body.customers_login,
    body.login_admin {
        min-height: 100vh;
    }

    .navbar > .container,
    .navbar > .container > .navbar-header {
        display: flex !important;
    }

    .navbar > .container > .navbar-header {
        width: 50% !important;
    }

    .navbar > .container > .navbar-header > a.navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
    }


    .navbar > .container > .navbar-header > a.navbar-brand {
        align-items: center;
        display: flex;
    }

    .navbar > .container > .navbar-header > a.navbar-brand > img {
        width: auto !important;
        height: 50px !important;
    }

    .navbar > .container > .navbar-collapse {
        display: flex !important;
        width: 50% !important;
    }
    
    .navbar-default .navbar-nav>li.customers-nav-item-login>a {
        line-height: 72px !important;
    }

    .navbar > .container > .navbar-collapse > ul.navbar-nav {
        width: 100% !important;
        justify-content: flex-end !important;
        display: flex !important;
    }

    .navbar > .container > .navbar-collapse > ul.navbar-nav > li.customers-nav-item-knowledge-base {
        display: flex !important;
        align-content: center !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    .navbar > .container > .navbar-collapse > ul.navbar-nav > li.customers-nav-item-knowledge-base > a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .navbar > .container {
        height: 70px;
    }
}