@font-face {
    font-family: 'Roboto-Regular';
    src: url(../Fonts/Roboto-Regular.ttf) format('truetype')
}

.card .card-content .card-title {
    margin-top: 15px
}
.card2 .card-content .card-title {
    margin-top: 15px
}

#Tijuana {
    background-image: url("img/Image 5.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease;
    height: 100%
}

#Mexicali {
    background-image: url("img/Image 4.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    height: 100%
}

#Ensenada {
    background-image: url("img/Image 6.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    height: 100%
}

    #Ensenada:hover, #Tijuana:hover, #Mexicali:hover {
        transform: scale(1.2)
    }

.row {
    margin-bottom: 0 !important
}

.round {
    border-radius: 1rem !important
}

.mb-1 {
    margin-bottom: 1em !important
}

.logoLogin {
    background-color: #fff;
    border-radius: 5rem;
    width: 10rem;
    height: 10rem;
    margin-top: 4rem;
    margin: 2rem auto;
    padding: 1rem
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    border: none !important;
    background-color: #ffffff !important;
    border-radius: 8px !important
}

.input-field > label:not(.label-icon).active {
    background-color: transparent !important
}

.input-field > label {
    color: #333 !important
}

.btn {
    background-color: #fff !important;
    color: #333 !important
}

    .btn:hover {
        background-color: #333 !important;
        color: #fff !important
    }

.input-field.col label {
    left: 1.4rem !important
}

html, body, .login-box {
    height: 100%;
    font-weight: 600
}

.boton {
    background-color: #FFF !important;
    color: #000000 !important
}

.full-height {
    height: 100%
}

.login {
    font-weight: 500
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: 400
}

body {
    font-family: 'Roboto-Regular';
    font-weight: 300;
    background-color: #FFF
}

:-moz-placeholder {
    font-family: 'Roboto-Regular';
    color: white;
    opacity: 1;
    font-weight: 300
}

::-moz-placeholder {
    font-family: 'Roboto-Regular';
    color: white;
    opacity: 1;
    font-weight: 300
}

:-ms-input-placeholder {
    font-family: 'Roboto-Regular';
    color: white;
    font-weight: 300
}

.input-field > label:not(.label-icon).active {
    transform: translateY(-25px) scale(.8) !important;
    -webkit-transform: translateY(-25px) scale(.8) !important
}

.validation-summary-errors {
    text-align: center;
    margin-bottom: 1rem
}

.LoginResponsive {
    overflow: hidden;
    padding: 0 !important;
}

.login-column-bordered {
    border-left: 5px #000 solid;
    border-right: 5px #000 solid;
}

.form-container-yellow {
    background-color: #F5D11C;
}

.input-margin-top {
    margin: 1rem 0rem !important;
}

.login-form-wrapper {
    padding: 0 1rem;
}

@media only screen and (max-width:992px) {
    .LoginResponsive {
        display: none
    }
}