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

html, body {
    height: 100%;
    overflow-y: hidden;
}

body {
    font-family: Lato, sans-serif;
}

.body-content {
    position: relative;
    z-index: 2;
}

.login-image-container{
    height: 225px;
    padding: 4%;
    border-radius: 0;
}

.image-container{
    height: 150px;
    padding: 4%;
    border-radius: 0;
}

.object-fit-contain {
    object-fit: contain;
}

.font-italic {
    font-style: italic;
}

.cursor-pointer {
    cursor: pointer;
}

a, a:hover {
    text-decoration: none !important;
}

.text-underline {
    text-decoration: underline !important;
}

.text-underline:hover {
    text-decoration: underline !important;
}

.white {
    color: white;
}

.black {
    color: #221e1e !important;
}

.background-gray {
    background: #ccc;
}

.background-light-gray {
    background: #f5f5f5;
}

.background-black {
    background: black;
}

.border-gray {
    border: 1px solid #ccc;
}

.form-control, .btn {
    border-radius: 0;
}

.min-width-370 {
    min-width: 370px;
}

.font-size-12 {
    font-size: 12px;
}

a, a:hover {
    color: black;
    text-decoration: underline;
}

a:hover {
    color: gray;
}

.no-underline {
    text-decoration: none !important;
}

.btn:hover {
    background: white;
    color: black;
    border: 1px solid black;
}

.no-border-radius {
    border-radius: 0;
}

.transition {
    -moz-trantion: .5s all;
    -webkit-trantion: .5s all;
    transition: .5s all;
}

input{
    background: transparent;
    border: none;
    outline-color: transparent;
    width: 100%;
    font-style: italic;
}

input{
    border-bottom: 1px solid black;
    color: black;
}

input:focus {
    background: transparent;
    outline: none !important;
    border-color: none !important;
    box-shadow: none !important;
}

.width-auto {
    width: auto !important;
}