* {
    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;
}

.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 {
    max-width: 125px;
    padding: 3px 7px;
    border-radius: 0.40rem;
}

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

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

.NoPagado {
    background-color: #FEDE8A !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{
    border-bottom: solid 3px;
    border-color: #72B6D3;
}

.topbar-item:hover > a,.topbar-item:hover  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-borde {
    border: 1px solid #E4E6EF;
    border-radius: 0.43rem;
}

@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;
    }
}