:root {
    --color-gris: #4b4b4b;
    --color-gris-claro: #8e8e8e;
    --color-gris-boton: #f4f4f4;
    --color-azul: #102c6b;
    --color-azul-claro: #2a4b98;
    --color-verde: #029930;
    --color-verde-claro: #00ff4c;
    --color-amarillo: #f5ea3c;
    --color-gris2: #fbfbfb;
    --color-gris-txt-factura: #7b7b7b;
    --color-rojo: #ff054c;
}

@font-face {
    font-family: MontserratRegular;
    src: url(../fonts/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: MontserratMedium;
    src: url(../fonts/Montserrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: MontserratLight;
    src: url(../fonts/Montserrat/Montserrat-Light.ttf);
}

@font-face {
    font-family: MontserratBold;
    src: url(../fonts/Montserrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: MontserratSemiBold;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: MontserratExtraBold;
    src: url(../fonts/Montserrat/Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family: MontserratBoldItalic;
    src: url(../fonts/Montserrat/Montserrat-BoldItalic.ttf);
}

@font-face {
    font-family: MontserratMediumItalic;
    src: url(../fonts/Montserrat/Montserrat-MediumItalic.ttf);
}

/*fonts*/
.font-montserrat-regular {
    font-family: MontserratRegular !important;
}

.font-montserrat-bold {
    font-family: MontserratBold !important;
}

.font-montserrat-medium {
    font-family: MontserratMedium !important;
}

.font-montserrat-light {
    font-family: MontserratLight !important;
}

.font-montserrat-bold-italic {
    font-family: MontserratBoldItalic !important;
}

.font-montserrat-extra-bold {
    font-family: MontserratExtraBold !important;
}

.font-montserrat-medium-italic {
    font-family: MontserratMediumItalic !important;
}

.font-montserrat-semibold {
    font-family: MontserratSemiBold !important;
}

/*text color*/
.v-txt-gris {
    color: var(--color-gris) !important;
}

.v-txt-gris-claro {
    color: var(--color-gris-claro) !important;
}

.v-txt-azul {
    color: var(--color-azul) !important;
}

.v-txt-verde {
    color: var(--color-verde) !important;
}

.v-txt-rojo {
    color: var(--color-rojo) !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}
body {
    min-width: 100vw;
    min-height: 100vh;
}

.v-btn-verde {
    background-color: var(--color-verde);
    min-width: 22.5vw;
    border-radius: 50px;
    padding: 10px !important;
    color: #ffffff;
    font-size: 1.5rem;
    border: 0 !important;
}

.v-btn-verde:hover {
    background-color: var(--color-azul);
    color: #ffffff;
    border: 0 !important
}

.capa-imagen {
    font-family: MontserratRegular !important;
    background: url("../img/bg/bg-login.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.capa-degradado {
    width: 100%;
    min-height: 100vh;
    background: rgb(21, 32, 69);
    background: linear-gradient(0deg, rgba(21, 32, 69, 0.8) 0%, rgba(1, 155, 49, 0.6) 100%);
}

.bg-transparent-verde {
    background-color: rgba(2, 153, 48, 0.6);
}

a.dropdown-item:hover {
    background-color: rgba(2, 153, 48, 0.5);
}

form input {
    min-width: 22.5vw;
    border-radius: 50px !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: 0 !important;
    color: #ffffff !important;
    font-family: MontserratSemiBold !important;

    padding: 30px 30px 0 30px !important;
}

form label {
    margin-left: 20px;
    color: #ffffff !important;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    background-color: transparent !important;
}

@media screen and (max-width: 767px) {
    .v-btn-verde {
        min-width: 50vw;
    }

}