@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200;12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');


* {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5{
    margin: 0px;
}

.gray-bg {
    background-color: #f3f3f4;
}

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}


.image-translate {
    width: 20px;
}

.btn-primary {
    background-color: #ff9d00;
    border: none;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: #ff9d00;
        border: none;
    }

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

.h-100-vh {
    height: 100vh;
}

.fa{
    padding: 0px !important;
}

.ibox-title {
    display: flex;
    justify-content: space-between;
    padding: 8px 15px;
}

.bold{
    font-weight: bold !important;
}

.ibox-content {
    padding: 0px 15px;
}

.field-validation-error {
    color: #FF0900;
}

.input-validation-error {
    border: solid #FF0900 1px !important;
}

.input-validation-error ~ .label-description{
    display: none;
}


#kt_brand, #kt_header_mobile {
    background-color: white;
}

#kt_aside_menu_wrapper, #kt_aside_menu {
    background-color: #5E3D84;
}

.menu-text{
    font-size: 1.1rem !important;
}

.scrolltop {
    background-color: #2E0563 !important;
}

.text-morado {
    color: #5E3D84 !important;
}

.text-gris {
    color: #7A7A7A;
}

.validation-summary-errors ul{
    margin-bottom: 0;
}

.btn.btn-primary {
    background-color: #5E3D84 !important;
    border-color: #5E3D84 !important;
    border: 1px solid transparent;
}

.btn.btn-clonar {
    background-color: #3D5984 !important;
    border-color: #3D5984 !important;
    border: 1px solid transparent;
    color: white !important;
}

.btn.btn-success {
}

.btn.btn-danger {
    background-color: #E93030 !important;
    border-color: #E93030 !important;
    border: 1px solid transparent;
}

.btn-salir:hover > a > i {
    color: #5E3D84 !important;
}

.Cancelado, .Pagado, .NoPagado, .TCValida, .Tokenizado {
    max-width: 125px;
    padding: 3px 7px;
    border-radius: 0.40rem;
}

.Cancelado {
    background-color: #FB8888 !important;
}

.Pagado {
    background-color: #ffb9da !important;
}

.NoPagado {
    background-color: #FEDE8A !important;
}

.TCValida {
    background-color: #fbed54 !important;
}

.Tokenizado {
    background-color: #9EE1A5 !important;
}

.Desactivado {
    background-color: #E4E4E4 !important;
}


.topbar-item {
    border-bottom: solid 3px;
    border-color: transparent;
    margin: 0 10px;
}

.bg-azul {
    background-color: #72B6D3;
}

.btn-azul, .btn-gris, .btn-rojo {
    border-radius: 0.40rem;
    padding: 0.2rem 1rem;
}

.btn-azul {
    color: white;
    background-color: #72B6D3;
}

.btn-gris {
    color: black;
    background-color: #E2E2E2;
}

.btn-rojo {
    color: white;
    background-color: #D37272;
}

.bg-azul-claro {
    background-color: #BADEEE;
}

.topbar-item > a, .topbar-item i {
    color: black;
    transition: none;
}

.topbar-item:hover, .topbar-item.active{
    border-bottom: solid 3px;
    border-color: #72B6D3;
}

.topbar-item:hover > a, .topbar-item.active > a,.topbar-item:hover  i, .topbar-item.active i {
    color: #72B6D3;
}

.table th, .table td {
    padding: 0.30rem;
}

.table thead th, .table thead td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.form-control {
    padding: 0 1rem;
    height: calc(1.5em + 0.5rem + 2px);
}

.form-checkbox-parent {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 10px;
}

.form-borde {
    border: 1px solid #E4E6EF;
    border-radius: 0.43rem;
}

.Poppins {
    font-family: 'Poppins', sans-serif;
}

.Jost{
    font-family:'Jost',sans-serif;
}

.loginForm {
    box-shadow: 0px 4px 4px 0px #E1E1E140;
    padding: 40px 90px 50px 90px;
    border-radius:3px;
}

.inputLogin {
    border-radius: 3px;
    background-color: #F0F0F0;
    border-style:none;
}

.inputLogin::-webkit-input-placeholder {
    opacity: 0.6;
}

.circuloLogin {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #F4F4F4;
}

.btLogin {
    background-color: #72B6D3;
    color: white;
    text-align: center;
    border-radius: 3px;
}

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

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-24{
    font-size:24px;
}

.fs-30{
    font-size:30px;
}

.fw-400{
    font-weight:400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.w-fit-content{
    width: fit-content;
}


.mw-auto {
    max-width: none;
}

.campo-buscador-label{
    margin:0px;
    font-size:12px;
    padding-left:10px;
    font-weight:600 !important;
}

.campo-form-lable {
    margin: 0px;
    font-size: 12px;
    padding-left: 10px;
    font-weight: 600 !important;
}

@media(max-width: 991px) {
    .topbar {
        transition: none;
    }

    .topbar-mobile-on.header-mobile-fixed .topbar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        height: 150px;
    }
}