@font-face {
    font-family: 'karbonbold';
    src: url('../fonts/karbon-bold-webfont.woff2') format('woff2'),
         url('../fonts/karbon-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'karbonmedium';
    src: url('../fonts/karbon-medium-webfont.woff2') format('woff2'),
         url('../fonts/karbon-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'karbonsemibold';
    src: url('../fonts/karbon-semibold-webfont.woff2') format('woff2'),
         url('../fonts/karbon-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: 'karbonmedium';
    background-color: #BFE8F7;
}


.form-control:focus {
  border-color: #89b764;
  box-shadow: 0 0 0 .25rem rgba(137, 183, 100, 0.21);
}
@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');


.splash {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.splash .angloamerican {
    position: absolute;
    top: 40px;
    left: 50px;
}
.splash .seche {
    position: absolute;
    top: 40px;
    right: 50px;
}
@media (max-width: 768px) {
    .splash .angloamerican, .splash .seche {
        max-width: 190px;
    }
}
@media (max-width: 480px) {
    .splash .angloamerican {
        left: 50%;
        transform: translateX(-50%);
    }
    .splash .seche {
        right: 50%;
        transform: translateX(50%);
        top: 100px;
    }
}

.login {
    max-width: 305px;
    padding: 20px;
    border-radius: 20px;
    background-color: #1e4477;
    width: 100%;
    box-shadow: -1px 0px 11px -2px rgba(0,0,0,0.15);
}

.login .logo {
    max-width: 250px;
}
button {
    font-family: 'Titan One', cursive;
}


.introempresa {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #004279;
    color: #fff;
    opacity: 1;
    transition: all .5s;
    z-index: 10;
}
.introempresa.display-none {
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #004279;
    color: #fff;
    z-index: -10;
}
.introempresa img {
    max-width: 500px;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    animation: fadeIn .7s ease-in forwards;
}
button.btn {
    transition: .5s;
    transform: scale(1);
}
button.btn:hover {
    transform: scale(1.3);
}
.btn-success {
  background-color: #78b816;
}
.search {
    display: flex; justify-content: center; align-items: center; margin-left: 10px;
}
.contentalert{
    margin-top: 10px;
}