@font-face {
    font-family: 'Ubuntu';
    src: url('../font/Ubuntu-Regular.ttf');
}

body, html {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Ubuntu';
}

.img-card {
    width: 10vw
}
.img-logo {
    width: 5vw
}
.login-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 40vw;
    height: 40vh;
}
/* 
=================
    Background
=================
*/
.bg-login {
    background-image: url('../img/bg-login.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: blur(5px);
}
.bg-omhtr-001{
    background-color: #ececec;
}

.card-disabled{
    opacity: 0.75;
    filter: brightness(75%);
}

.card-login{
    box-shadow: 0px 5px 25px 10px rgba(0,0,0,1);
}

.no-style {
    text-decoration: none;
    color: #000;
}
.no-style:hover {
    text-decoration: none;
    color: #000;
}
.btn-no-style{
    background-color: transparent;
    border: none;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    font: inherit;
    border-radius: 0;
    outline: inherit;
}

.btn-collapse{
    background-color: transparent;
    border: none;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    font: inherit;
    border-radius: 0;
    outline: inherit;
}

.navbar-brand:hover {
    text-decoration: none;
    color: #000;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.navbar-shadow {
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
}

.bg-white {
    background-color: #fff;
}

.bg-stripped {
    background-color: #f7f7f7;
}

.bg-grey {
    background-color: #dfdfdf;
}

.bg-color1 {
    background-color: #ff6666;
}

.bg-color2 {
    background-color: #ffcc66;
}

.bg-color3 {
    background-color: #99ff66;
}

.bg-color4 {
    background-color: #66ccff;
}

.bg-color3-light {
    background-color: #f3fff3;
}

.divider{
    background-color: rgba(0, 0, 0, .01);
}

.spacing-footer{
    height: 100%;
}

.b-app{
    min-height: 100vh;
    display: grid;
}

.footer{
    margin-top: auto;
}



/*
========================================
    SCROLLBAR
========================================
*/

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #cecece; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    border: transparent solid 1px;
    border-radius: 15px;
    background: #888;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #777;
  }

.float-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}