@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
}

.btn-primary {
    background-color: #28a745;
    border-color: #28a745;
}

h1,
h2,
h3,
.is-link {
    font-style: normal;
    color: #4a575f
}

h1,
h2,
h3,
.is-link,
.k-portlet__head-title,
.modal .modal-content .modal-header .modal-title {
    font-family: 'Syncopate', sans-serif;
    text-transform: uppercase;

}

.modal-content {
    border-color: transparent;
}

.modal-header {
    background-color: #50893b;
}

.modal-header .close {
    color: #fff;
}

.modal .modal-content .modal-header .modal-title {
    color: #b1ff5e;
}

.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.btn-brand {
    background-color: #315b2c;
    border-color: #3f7039;
    font-family: 'Syncopate', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-brand:focus,
.btn-brand:hover,
.btn-primary:hover {
    background-color: #69bb61;
    border-color: rgb(112, 177, 103);
}

.form-control {
    font-size: 1.2rem;
    border-color: #adadad;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #000000 !important;
}

.copyright {
    font-size: 11px;
    text-align: center;

}

.k-user-card__pic i {
    font-size: 24px;
    background: #efab23 !important;
    padding: 5px
}

/*login styles*/
.bg-mdy-1 {
    background-image: url('../media/slider-home-1.webp');
    background-position: right bottom;
    background-size: cover;
}

.text-orange {
    color: #efab23
}

.bg-mdy-banner-lg-1 {
    background-color: rgba(9, 16, 12, 0.5);
}

.bg-banner-lg-2 {
    background-image: url('../media/chica-slider-2.webp');
    background-size: 55%;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.k-login-v2 .k-login-v2__body .k-login-v2__body-wrapper .k-login-v2__body-container .k-login-v2__body-form.k-login-v2__body-form--border .form-group .form-control:focus {
    border-color: #315b2c;
}

@media (max-width: 991px) {
    .bg-banner-lg-2 {
        background-image: none;
    }
}

@media (max-width: 771px) {
    .bg-banner-lg-2 h1 {
        font-size: 16px;
    }
}

/*end login*/

/*sidebar style*/
.k-menu__nav>.k-menu__item>a,
.k-quick-panel .nav-pills li a {
    font-family: 'Syncopate', sans-serif;

}

.k-menu__nav>.k-menu__item>.k-menu__link>.k-menu__link-text {
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.k-menu__subnav .k-menu__item .k-menu__link .k-menu__link-text {
    font-size: 14px !important;
    font-weight: 400 !important;

}

@media (min-width: 1025px) {

    .k-header__topbar .k-header__topbar-item.k-header__topbar-item--user .k-header__topbar-welcome,
    .k-header__topbar .k-header__topbar-item.k-header__topbar-item--user .k-header__topbar-username {
        color: #f1f1f1 !important;
    }

    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler:hover span {
        background: #4bcc40;
    }

    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler span::before,
    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler span::after,
    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler span,
    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler.k-aside__brand-aside-toggler--active span,
    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler.k-aside__brand-aside-toggler--active span::before,
    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler.k-aside__brand-aside-toggler--active span::after {
        background: #4bcc40;
    }

    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler:hover span {
        background: #e6ffe4;
    }

    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler:hover span::before,
    .k-aside__brand.k-aside__brand--skin-dark .k-aside__brand-tools .k-aside__brand-aside-toggler:hover span::after {
        background: #e6ffe4;
    }
}

@media (max-width: 1024px) {

    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler span,
    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler span::before,
    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler span::after {
        background: #4bcc40;
    }

    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-topbar-toggler.k-header-mobile__toolbar-topbar-toggler i,
    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-topbar-toggler.k-header-mobile__toolbar-topbar-toggler--active i {
        color: #4bcc40 !important;
    }

    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler:hover span {
        background: #e6ffe4;
    }

    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler:hover span::before,
    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler:hover span::after {
        background: #e6ffe4;
    }

    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler.k-header-mobile__toolbar-toggler--active span,
    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler.k-header-mobile__toolbar-toggler--active span::before,
    .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-toggler.k-header-mobile__toolbar-toggler--active span::after {
        background: #4d8448;
    }

    .k-aside-close:hover {
        background-color: #69bb61;
    }

    .k-header-menu-wrapper-close:hover {
        background-color: #69bb61;
    }

    .k-header-mobile--skin-light .k-header__topbar .k-header__topbar-item.k-header__topbar--aside-secondary-toggler .k-header__topbar-icon i,
    .k-header-mobile--skin-light .k-header__topbar .k-header__topbar-item.k-header__topbar--aside-secondary-toggler .k-header__topbar-icon i:hover {
        color: #315b2c;
    }

}



/*end sidebar*/
/* quick panel*/
.k-quick-panel .k-quick-panel__nav .nav .nav-link.active {
    background: #315b2c;

}

/*end quick panel*/
.k-content__body .k-portlet--tabs .collections-nav {
    overflow-x: scroll !important;
    overflow-y: hidden;
}

.k-content__body .k-portlet--tabs .collections-nav::-webkit-scrollbar {
    height: 7px !important;
}

.k-content__body .k-portlet--tabs .collections-nav::-webkit-scrollbar-track {
    background: #dfe0df !important;

    border-radius: 10px;
}

.k-content__body .k-portlet--tabs .collections-nav::-webkit-scrollbar-thumb {
    background-color: #8e8e8e !important;
    /* color of the scroll thumb */
    border-radius: 10px !important;
}

.k-content__body .k-portlet--tabs .collections-nav::-webkit-scrollbar-thumb:hover {
    background-color: #1e1e1e !important;
}

.bg-primary {
    background-color: #28a745 !important;
}

.dataTables_wrapper .btn-group {
    /* display: flex !important; */
    flex-direction: column !important;
    justify-content: end;
    align-items: end !important;
    justify-items: flex-end !important;
    margin-top: -7px;
    margin-left: 2%;
}

.dataTables_wrapper .btn-group .btn-secondary:hover {
    background-color: #1d7a33 !important;
}

.dataTables_filter {
    text-align: left !important;
}

.k-badge--success {
    background-color: #43c260 !important;
}

.k-badge--danger {
    background-color: #d82d66 !important;
}

.table-bordered {
    border-color: #bbf0cb !important;
}

.dataTables_wrapper .dataTable th {
    color: #b1ff5e;
    background-color: #50893b;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link.active {
    color: #50893b;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link.active {
    color: #43c260;
}

.breadcrumb-item a {
    color: #43c260;
}

#frm_modal_pais {
    max-width: 500px;
    margin: 0 auto;
}