@import url(variables.css);

/**********************************************
NUEVO
**********************************************/

.container > h1,
.container > h2,
.container > h3,
.container > h4 {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: var(--font-primary) !important;
    margin: 0;
}

h1 {
    font-size: var(--size-64);
    letter-spacing: -1.92px;
}

.container > h2 {
    font-size: 48px;
    letter-spacing: -1.44px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 24px;
    letter-spacing: -0.72px;
}

body,
.container.body-content {
    font-family: var(--font-primary) !important;
    color: var(--black);
    background-color: var(--white);
}

#DivMargin {
    display: none;
}

.container.body-content {
    width: 100%;
    padding: 30px 15px;
    max-width: 1344px;
    margin: 0 auto 70px;
}

#acreditationPasses-container h2 span,
.container > h3 span,
.modulo-form h3 span {
    display: none;
}

.acreditation__form label {
    width: fit-content;
    float: left;
    padding-bottom: 5px;
}

a:hover {
    text-decoration: none;
}

.well.well-sm {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

i[class^="fa-"] {
    margin-right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*DASHBOARD*/
#dashboard .container-left .title-container {
    color: var(--text-light);
}

#dashboard .direct-access-container a {
    background-color: var(--secondary-300);
}

#dashboard .ent-reg-container .fa-container {
    border-top: 15px solid var(--secondary-100);
    border-left: 15px solid var(--secondary-300);
}

#dashboard .status-container .tag-container p:nth-child(1){
    background-color: var(--secondary-300);
}

#dashboard .status-container .tag-container p:nth-child(2) {
    background-color: var(--secondary-100);
    color: var(--secondary-300);
}

/*FACTURAS*/
@media (min-width: 768px) {
    #divBillingSeriesSummary > .col-md-3 {
        width: 300px;
    }
}

/**********************************************
BOTONES
**********************************************/

.btn,
.btn-clear,
.btn-default,
.btn-primary,
.btn:hover,
.btn-clear:hover,
.btn-default:hover,
.btn-primary:hover,
.gridcell .btn.btn-primary,
.btn-sm.btn-default,
.btn-sm.outline {
    padding: 8px 16px;
    border-radius: 70px;
    text-transform: initial !important;
    box-shadow: var(--shadow-2);
    font-size: var(--size-16) !important;
    font-weight: 500 !important;
    border: 1px solid var(--neutral-100);
    transition: background-color 0.4s linear, border 0.4s linear;
    min-width: 95px;
}

#grid .btn,
#GridHelpTexts .btn {
    min-width: initial;
}

.btn.btn-default {
    background-color: transparent;
    color: var(--text-dark);
    box-shadow: var(--shadow-1);
    border: 1px solid transparent;
}

    .btn.btn-default:hover,
    .btn-clear:hover {
        background-color: var(--neutral-50);
        border: 1px solid var(--neutral-100);
        color: var(--text-dark);
    }

.btn.btn-primary,
.k-multiselect .k-button,
.k-multiselect .k-button:hover,
.gridcell .btn.btn-primary,
.btn-info,
#BtnAyuda,
.k-upload-sync .k-upload-button,
.btn-success {
    background-color: var(--primary-100);
    border-color: transparent;
    color: var(--black);
}

#BtnVistaPrevia, #BtnAyuda {
    margin-top: 10px;
}

.btn-sm.btn-default,
.btn-sm.outline,
#GridHelpTexts .btn {
    background-color: var(--primary-100);
    border-color: var(--primary-200);
    color: var(--black);
}

    .btn.btn-primary:hover,
    .gridcell .btn.btn-primary,
    .btn-sm.btn-default:hover,
    .btn-sm.outline:hover #BtnAyuda:hover,
    .k-upload-sync:hover, .k-upload-button:hover,
    .btn-success:hover,
    #GridHelpTexts .btn:hover, btn-info {
        background-color: var(--primary-200);
        border-color: transparent;
        color: var(--black);
    }

.btn.btn-info.btn-solid:hover {
    background-color: var(--primary-200) !important;
    border-color: transparent !important;
}

.btn.btn-primary span.glyphicon {
    color: var(--black) !important;
}

.expo-catalogue .caption .alert,
.preview-catalogue .preview-btn {
    display: flex;
    padding: 0;
    border: none;
    height: fit-content;
    min-height: 40px !important;
    border-radius: 70px;
    gap: 5px;
    align-items: center;
}

/**********************************************
HEADER
**********************************************/

.navbar-header:before,
.navbar-header:after {
    display: none;
}

.navbar-header {
    width: 100%;
    padding: 20px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.navbar-fixed-top {
    border: none;
    background-color: #fafafaa3;
    backdrop-filter: blur(10px);
}

    .navbar-fixed-top:has(.navbar-collapse.in),
    .navbar-fixed-top .container:has(.navbar-collapse.in) {
        height: 100%;
    }

.navbar-collapse.in,
.navbar-collapse.collapsing {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    max-height: 100%;
}

    .navbar-collapse.collapsing .navbar-nav,
    .navbar-collapse.in .navbar-nav {
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding-top: 50px;
        height: 100vh;
    }

.navbar .container {
    padding: 0;
}

.navbar img {
    max-width: 135px;
    object-fit: cover
}

/*.home-icon:before {
    content: "Home";
}*/

.navbar-default .navbar-toggle {
    border: none;
    position: relative;
    margin: 0;
    padding: 0;
    height: 16px;
}

    .navbar-default .navbar-toggle:after {
        content: url(/Content/icons/solid-bars.svg);
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
        outline: none;
    }

.navbar .icon-bar {
    display: none;
}

.nav.navbar-nav li .glyphicon {
    display: none;
}

.nav.navbar-nav li a {
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 24px;
    max-width: 100%;
    font-weight: 500;
    background-color: transparent;
    color: var(--black);
    transition: font-weight 0.4s linear;
    padding: 5px 0 !important;
}

.nav.navbar-nav li .dropdown-toggle {
    align-items: center;
    gap: 10px;
}

.nav.navbar-nav li.dropdown.open .dropdown-toggle {
    background-color: transparent;
}

/*LANG MANTENER DE MOMENTO*/

/*.nav.navbar-nav .lang .dropdown-toggle::before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--stroke);
    background-color: aquamarine;
}*/

.nav.navbar-nav li .glyphicon.glyphicon-flag {
    display: inline
}

.nav.navbar-nav li.active a {
    border-bottom: 2px solid var(--black);
    color: var(--black);
}

.nav.navbar-nav li a:hover {
    color: var(--primary-400) !important;
}

.nav.navbar-nav li.active a,
.nav.navbar-nav li.active:hover a {
    background-color: transparent !important;
    background-color: transparent !important;
}

.nav.navbar-nav .dropdown.lang {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.nav.navbar-nav .dropdown-menu {
    position: absolute;
    top: -62px;
    left: -169px;
    border: none;
    border-bottom: none !important;
    box-shadow: var(--shadow-1);
    width: fit-content;
    background-color: var(--white) !important;
}

    .nav.navbar-nav .dropdown-menu a {
        font-size: var(--size-14);
    }

        .nav.navbar-nav .dropdown-menu a img {
            width: 24px;
            border-radius: 50%;
        }

        .nav.navbar-nav .dropdown-menu a::before {
            content: url(./Content/images/ESP.png);
        }

.nav.navbar-nav .dropdown.open .dropdown-menu {
    position: unset;
    box-shadow: none;
}

.nav.navbar-nav .dropdown.open.lang .dropdown-menu {
    position: absolute
}

.nav.navbar-nav .dropdown.open .dropdown-menu li {
}

#logoutForm ul {
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    display: unset;
    height: fit-content;
    left: 20px;
    bottom: 20px;
}

#logoutForm a,
#logoutForm a:hover {
    background-color: var(--black);
    border-radius: 70px;
    padding: 8px 18px !important;
    color: var(--white) !important;
    font-size: var(--size-16);
    font-weight: 500;
}

/*    #logoutForm a::before {
        content: "Log out";
    }*/


.line {
    display: none;
}

#area {
    width: 100%;
    margin: 0;
}

/**********************************************
PRE-VISUALIZACION
**********************************************/
.preview-catalogue {
    background-color: var(--secondary-400);
    color: var(--white);
    border-radius: 12px;
    margin: 48px 0;
    padding: 20px;
    /*max-width:385px*/
    max-width: 100%;
}

.catalogue .preview-catalogue h3 {
    font-size: var(--size-36);
    letter-spacing: normal;
}

.catalogue .preview-catalogue p {
    font-size: var(--size-18);
    font-weight: 400;
    color: var(--secondary-100);
}

.preview-catalogue .preview-btn {
    background-color: var(--white);
    font-size: var(--size-16);
    color: var(--text-dark);
    font-weight: 500;
    margin-top: 32px;
    padding: 14px 24px;
    justify-content: center
}
/**********************************************
PROGRESS BAR
**********************************************/
.progress-bar__container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px;
}

.catalogue .progress-bar__info {
    display: flex;
    align-items: center;
}

    .catalogue .progress-bar__info h3 {
        font-size: var(--size-20);
        padding: 0;
        letter-spacing: normal;
        text-transform: initial;
        border-bottom: none;
    }

    .catalogue .progress-bar__info span {
        font-size: var(--size-16);
        color: var(--text-light);
    }

.progress-bar__nav .nav-buttons {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

    .progress-bar__nav .nav-buttons button {
        display: flex;
        width: 36px;
        height: 36px;
        padding: 8px 10px 8px 8px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 2px solid var(--text-light);
        background-color: var(--white);
    }

        .progress-bar__nav .nav-buttons button.next {
            transform: rotate(180deg);
        }

.progress-bar {
    overflow: hidden;
    width: 100%;
    height: 12px;
    border-radius: 70px;
    background-color: var(--neutral-50);
    box-shadow: none;
    position: relative;
}

.progress-bar__complet {
    background-color: var(--secondary-400);
    position: absolute;
    height: 100%;
    left: 0;
    border-radius: 70px;
}

.progress-bar__nav {
    overflow: hidden;
    display: grid;
    row-gap: 15px;
}

.progress-bar__carousel-container {
    display: flex;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 16px;
    width: 100%
}

.progress-bar__nav-item {
    scroll-snap-align: center;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    gap: 16px;
    padding: 20px 20px 0 0;
}

    .progress-bar__nav-item.active {
        transform: translateX(0);
        width: 100%
    }

    .progress-bar__nav-item:hover {
        color: var(--black);
    }


.progress-bar__carousel-container::-webkit-scrollbar {
    display: none;
}

.progress-bar__nav-info h4 {
    font-size: var(--size-16);
}

.progress-bar__nav-info p {
    font-size: var(--size-14);
    color: var(--text-light);
    font-weight: 400
}

.progress-bar__nav-info h4,
.progress-bar__nav-info p {
    margin: 0;
    letter-spacing: normal;
}

.progress-bar__nav .nav-icon__container {
    width: 74px;
    height: 74px;
    min-width: 74px;
    min-height: 74px;
    background-color: var(--secondary-400);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

    .progress-bar__nav .nav-icon__container img {
        width: 32px;
    }

.progress-bar__nav-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.progress-bar__nav .nav-buttons {
    align-self: flex-end;
    grid-row: 2;
    justify-self: flex-end;
    display: flex;
    align-items: center;
}

    .progress-bar__nav .nav-buttons p {
        margin: 0;
        padding: 0 8px 0 0;
    }

/**********************************************
CATALOGO
**********************************************/

.catalogue__img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
    max-height: 227px;
}

    .catalogue__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.catalogue h3 {
    text-transform: initial;
    border-bottom: none;
    font-size: var(--size-64);
    font-weight: 500;
    letter-spacing: -1.92px;
}

.catalogue h3,
.catalogue div.well.well-sm {
    margin: 0;
}

.catalogue .well.well-sm {
    color: var(--black);
    font-size: var(--size-20);
}

    .catalogue .well.well-sm p {
        margin-bottom: 10px;
    }

    .catalogue .well.well-sm .btn.btn-default.btn-clear,
    .catalogue .btn.btn-default.pull-right {
        text-transform: initial;
        padding: 14px 24px 14px 24px;
        border-radius: 70px;
        font-size: var(--size-16);
        background-color: var(--black);
        color: var(--white);
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 5px;
        float: none !important;
    }

        .catalogue .well.well-sm .btn.btn-default.btn-clear::after,
        .catalogue .btn.btn-default.pull-right::after {
            content: url("/Content/icons/arrow-up-right.svg");
            height: 20px;
            width: 20px;
            filter: brightness(10);
        }

.expo-catalogue {
    margin-right: 0;
    margin-left: 0;
}

    .expo-catalogue .col-lg-3 {
        width: 100%;
        height: 100%;
        max-width: 385px;
        padding-left: 0;
        padding-right: 0;
    }

    .expo-catalogue .thumbnail {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
        max-width: 385px;
        height: 100%;
        max-height: 342px;
        min-height: 342px;
        border: 1px solid var(--stroke);
        border-radius: 12px;
        box-shadow: var(--shadow-1);
        background-color: var(--neutral-50);
        padding: 20px;
        position: relative;
    }

        .expo-catalogue .thumbnail.success,
        .expo-catalogue .thumbnail.alert-success {
            border-color: var(--stroke-2);
            background-color: var(--primary-100);
        }


        .expo-catalogue .thumbnail h4 {
            text-transform: unset;
            font-size: var(--size-24);
            text-align: left;
            font-weight: 500;
            padding: 0;
            margin: 0;
        }

            .expo-catalogue .thumbnail h4::before {
                content: "";
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background-color: var(--neutral-200);
                margin-bottom: 16px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding-top: 4px;
            }

        .expo-catalogue .thumbnail.success h4::before,
        .expo-catalogue .thumbnail.alert-success h4::before {
            background-color: var(--primary-400);
        }

    .expo-catalogue .col-sm-6.col-md-4.col-lg-3:nth-child(1) .thumbnail h4::before {
        content: url(/Content/icons/Clipboard.svg);
    }

    .expo-catalogue .col-sm-6.col-md-4.col-lg-3:nth-child(2) .thumbnail h4::before {
        content: url(/Content/icons/Shopping-bag.svg);
    }

    .expo-catalogue .col-sm-6.col-md-4.col-lg-3:nth-child(3) .thumbnail h4::before {
        content: url(/Content/icons/Bolt.svg);
    }

    .expo-catalogue .col-sm-6.col-md-4.col-lg-3:nth-child(4) .thumbnail h4::before {
        content: url(/Content/icons/Photo.svg);
    }

    .expo-catalogue .col-sm-6.col-md-4.col-lg-3:nth-child(5) .thumbnail h4::before {
        content: url(/Content/icons/User-group.svg);
    }

    .expo-catalogue .thumbnail h4 .glyphicon {
        display: none;
    }

    .expo-catalogue .caption {
        padding: 0;
    }

        .expo-catalogue .caption .alert {
            margin-top: 16px;
            margin-bottom: 0;
            background-color: var(--white);
            max-width: fit-content;
            padding: 8px 18px;
            justify-content: flex-start;
            min-width: 130px;
        }

            .expo-catalogue .caption .alert.alert-warning {
                border: 1px dashed var(--text-light);
            }

        .expo-catalogue .caption p {
            display: flex;
            position: absolute;
            width: fit-content;
            gap: 20px;
            bottom: 20px;
            left: 20px;
        }

    .expo-catalogue .thumbnail .caption a {
        border-radius: 70px;
        background-color: var(--white);
        color: var(--black);
        text-transform: initial;
        font-weight: 500;
        font-size: var(--size-14);
        border: none;
        padding: 10px 12px 10px 16px;
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        width: fit-content;
        min-width: 105px
    }

    .expo-catalogue .thumbnail.warning .caption a {
        background-color: var(--black);
        color: var(--white);
    }

    .expo-catalogue .caption a.btn-clear::after {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        background-image: url(/Content/icons/arrow-up-right.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .expo-catalogue .thumbnail.warning .caption a::after {
        filter: brightness(10);
    }

.row.expo-catalogue .thumbnail .caption span,
.row.expo-catalogue .thumbnail .caption span::before {
    font-size: var(--size-14) !important;
}

.row.expo-catalogue .thumbnail.warning .caption .alert span::before {
    color: var(--warning);
}

/**********************************************
FORMULARIOS
**********************************************/

/**********************************************
Datos de la empresa
**********************************************/

.bg.datos h3,
.bg.datos h2 {
    margin: 0;
    padding: 0 0 10px;
}

.presentacion {
    position: relative;
}

.bg-img__container {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    /*margin-bottom: 70px*/
}

    .bg-img__container img,
    .profile-img__container img {
        width: 100%;
    }

.bg-img {
    position: relative;
}

.profile-img {
    position: relative;
    bottom: 35px;
    left: 20px;
    width: fit-content;
}

.profile-img__container {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--neutral-50);
    background-color: #fff;
    padding: 13px;
    position: relative;
}

.img-edit {
    cursor: pointer;
}

.bg.datos .img-edit {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

    .bg.datos .img-edit img {
        max-width: 12px;
        max-height: 12px;
    }

.profile-img .img-edit {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-color: var(--neutral-200);
}

.bg-img .img-edit {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--white);
}

    .bg-img .img-edit img {
        filter: invert(1);
    }

.profile-header {
    border: 1px solid var(--neutral-50);
    padding: 12px 16px 24px 16px;
    border-radius: 20px;
}

    .profile-header p {
        margin: 0;
    }

.profile-header__buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}

.bg.datos .input-group,
.bg.datos .k-input,
#upload_form .k-input {
    outline: transparent;
    border-radius: 4px;
}

.form-horizontal .form-control,
.k-widget.k-dropdown,
.k-multiselect-wrap,
.k-picker-wrap.k-state-default {
    border-radius: 8px;
    border: 1px solid var(--neutral-100, #d7d7e0);
    background: #fff;
    box-shadow: var(--shadow-2);
    overflow: hidden;
}

table.k-editor {
    border: none;
    box-shadow: none;
    background: #fff;
}

.datos-comerciales .k-editable-area iframe {
    border-radius: 8px;
    border-color: var(--neutral-100);
}

.bg.datos label {
    padding: 20px 15px 8px;
}

.bg.datos #divTown,
.bg.datos #divCounty,
.bg.datos #divArea {
    padding: 0;
}

.bg.datos .k-dropdown-wrap.k-state-default,
.bg.datos .k-dropdown-wrap,
#upload_form .k-dropdown-wrap.k-state-default,
.datos-comerciales .k-widget.k-multiselect.k-header.k-multiselect-clearable {
    background-color: transparent;
    border: none;
}


#listmedia .col-md-3 {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

    #listmedia .col-md-3 button {
        width: fit-content;
        border: none;
        padding: 8px 16px;
        border-radius: 70px;
        margin-top: 10px;
        background-color: var(--primary-100);
    }

.upload-info.well.well-sm {
    border: 1px solid var(--neutral-50);
    border-radius: 20px;
    box-shadow: var(--shadow-1);
    background-color: #fff
}

#upload_form .input-group {
    height: 188px;
    margin: 15px;
    outline: transparent;
    border: 2px dashed var(--neutral-100);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-fixed-bottom.footer {
    position: absolute;
    bottom: 0;
    background-color: transparent;
    padding: 0;
    width: 100%;
    height: fit-content;
    max-width: 1344px;
    margin: 0 auto;
}

    .navbar-fixed-bottom.footer .container {
        width: fit-content;
        margin: 0;
        float: right;
        padding: 20px;
        max-width: 1344px;
    }

    .navbar-fixed-bottom.footer > div.container > div.col-lg-offset-2.col-md-10 {
        gap: 12px;
        width: fit-content;
        display: flex;
        margin: 0;
        padding: 0;
    }

.modulo-form {
    border: 1px solid var(--neutral-50);
    border-radius: 20px;
    box-shadow: var(--shadow-1);
    padding: 20px;
    margin: 40px 0;
    background-color: #fff;
}

.multimedia__container h2,
.bg.datos h2 {
    font-size: var(--size-24);
    margin: 0;
    padding: 0 0 10px;
}

.bg.datos .panel-heading {
    background-color: transparent;
    border: none;
}

.modulo-form .form-group {
    display: flex;
    flex-direction: column;
}

    .modulo-form .form-group .col-xs-10 {
        width: 100%;
    }

#upload_form {
    display: flex;
    flex-direction: column;
}

    #upload_form .form-group,
    #upload_form .input-group {
        width: 100%;
        max-width: 1200px;
    }

        #upload_form .form-group.col-md-6.col-sm-12 {
            width: 50%;
        }

#filePondInsert {
    height: 100%;
    border: none;
}

#upload_form #file {
    width: 100%;
    border: none;
    box-shadow: none;
}

/**********************************************
Características
**********************************************/

#gridEventFeatures {
    border: none;
}

/**********************************************
Productos
**********************************************/

.products__container .k-grid table {
    width: 100%;
}

.products__container .k-grouping-header {
    border: 1px solid var(--neutral-100);
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: var(--shadow-2);
}

.products__container .btn-clear {
    border-color: transparent;
    background-color: var(--primary-300);
    color: var(--white);
}

    .products__container .btn-clear:hover {
        background-color: var(--primary-400);
        border: 1px solid var(--primary-400);
        /* color: var(--black);*/
    }

.products__container .form-group .control-label.col-md-2 {
    text-align: left;
}

.upload-img-top {
    border-radius: 10px 10px 0 0;
    margin-top: 10px;
}

.upload-img .k-upload {
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--neutral-100);
    background-color: var(--primary-100);
}

    .upload-img .k-upload .k-button {
        background-color: var(--white);
        border-radius: 70px;
        border-color: var(--neutral-100);
    }

/**********************************************
Actividades
**********************************************/
.activities .btn-clear {
    background-color: var(--primary-300);
    color: var(--white);
}

    .activities .btn-clear:hover {
        background-color: var(--primary-400);
        border: 1px solid var(--primary-400);
        /*       color: var(--black);*/
    }

/**********************************************
Marcas
**********************************************/

.brands__container .control-label.col-md-2 {
    text-align: left;
}

.marcas {
    margin-top: 30px;
}

#marcas {
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

/*Productos y Marcas Drag & Drop*/

.products__container .navigation__table {
    gap: 0;
}

.marcas .btn-default {
    background-color: var(--primary-300);
    color: var(--white);
}

    .marcas .btn-default:hover {
        background-color: var(--primary-400);
        border: 1px solid var(--primary-400);
        color: var(--white);
    }

.products__form #filePondInsert,
.brands__container #filePondInsert {
    border: 2px dashed var(--neutral-100);
    border-radius: 12px;
    overflow: hidden
}

.products__form .upload-img,
.brands__container .upload-img {
    width: 100%
}

.products__form .form-group:has(#filePondInsert),
.brands__container .form-group:has(#filePondInsert) {
    border: 1px solid var(--neutral-100);
    margin: 0 auto;
    width: 100%;
    border-radius: 12px;
    overflow: hidden
}

    .products__form .form-group:has(#filePondInsert) .control-label,
    .brands__container .form-group:has(#filePondInsert) .control-label {
        background-color: var(--info-50);
        padding-top: 20px !important;
        padding: 20px;
        margin-bottom: 20px
    }

/**********************************************
Documentos y Multimedia
**********************************************/

#DivMenu {
    padding-left: 15px;
}

#multimedia__form .upload__form .form-group {
    max-width: 1200px;
}

    #multimedia__form .upload__form .form-group .input-group {
        width: 100%;
        height: 100px;
    }


#multimedia__form .filepond--root .filepond--drop-label {
    top: 22px;
}

#multimedia__form .upload__form .btn-primary {
    width: fit-content;
}

.docs__container {
    position: relative;
}

    .docs__container.modulo-form .css-top-element {
        margin-top: 20px;
        margin-left: 0 !important;
    }

    .docs__container .css-top-element a {
        padding: 8px 16px;
        border-radius: 70px;
        border: 1px solid transparent;
        box-shadow: var(--shadow-1);
        transition: background-color 0.4s linear, border-color 0.4s linear;
        background-color: var(--primary-300);
        color: var(--white);
    }

        .docs__container .css-top-element a:hover {
            background-color: var(--primary-400);
            border: 1px solid var(--primary-400);
            /*color: var(--text-dark);*/
        }

#DocsContainer .uploaditem.css-card,
#DivDetallesDocumentos .css-popup-div {
    width: 100%;
    max-width: 100%;
    position: initial;
    border: 1px solid var(--stroke);
    border-radius: 12px;
    padding-top: 0 !important;
    overflow: hidden;
}

#DocsContainer .uploaditem.css-card {
    padding: 20px;
    min-width: 0;
    min-height: fit-content;
    margin: 10px 0;
}

#DivDetallesDocumentos .css-popup-div {
    padding: 0;
}

#DivDetallesDocumentos #filePondInsert {
    border: 2px dashed var(--neutral-100);
    border-radius: 12px;
    overflow: hidden
}

#uploaditems div.css-inline-control {
    padding: 20px;
}

#filePondInsert .filepond--drop-label {
    min-height: 17em;
}

.filepond--drop-label label {
    color: transparent;
    text-align: center;
}

.filepond--drop-label label {
    text-align: center !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

    .filepond--drop-label label::before {
        content: url(./cloud-arrow-up-solid.svg);
        width: 40px;
        height: 40px;
        display: block;
        filter: grayscale(1);
    }

    .filepond--drop-label label::after {
        content: "Click para subir o arrastra y suelta tu archivo";
        color: var(--black);
        font-size: 14px;
        display: block;
    }

.filepond--file,
.filepond--file-wrapper,
.filepond--panel-root {
    background-color: #fff;
    color: var(--black);
}

.filepond--file-action-button.filepond--file-action-button::after {
    width: fit-content;
}

#AttachedFile .filepond--file {
    justify-content: flex-start;
    display: block !important;
}

.filepond--file .filepond--file-status {
    width: fit-content;
}

.filepond--file-info {
    justify-content: center;
    width: fit-content !important;
    font-size: var(--size-16) !important;
    margin-left: 20px;
}

.filepond--credits {
    display: none
}

#DivDetallesDocumentos #DetHeader h4 {
    text-transform: initial;
    font-size: var(--size-16);
    text-align: left;
    padding: 16px 24px;
    margin: 0;
    background-color: var(--info-50);
}

#DivDetallesDocumentos .css-popup-div div.col-md-9 {
    padding: 24px;
}

    #DivDetallesDocumentos .css-popup-div div.col-md-9 .filepond--drop-label {
        background-color: #fff;
        min-height: 180px;
    }

#uploaditems textarea.css-inline-control,
#AttachedFile {
    border-radius: 8px;
    border: 1px solid #d7dbe3;
    background-color: #fff;
    min-height: 188px;
    overflow: hidden;
    box-shadow: none
}

#DivDetallesDocumentos #Label_AttachedFile:hover {
    background-color: #fff;
}

#DivDetallesDocumentos #BtnContainer {
    display: flex;
    flex-direction: row;
    padding: 20px;
    gap: 10px;
    justify-content: flex-end;
}

#DivDetallesDocumentos #BtnSubmitNewDocument,
#DivDetallesDocumentos #BtnCancelEditDiv {
    width: fit-content;
    min-width: 105px;
}

#DivDetallesDocumentos #Description,
#DivDetallesDocumentos #ExternUrl {
    border-color: var(--neutral-100);
}

#DivDetallesDocumentos label {
    padding: 0 24px;
    margin: 0;
}

#DivDetallesDocumentos #BtnCancelEditDiv {
    border-color: transparent;
}

    #DivDetallesDocumentos #BtnCancelEditDiv:hover {
        border-color: var(--neutral-100);
    }

#DivDetallesDocumentos #BtnSubmitNewDocument {
    border-color: var(--stroke);
    background-color: var(--primary-100);
    color: var(--text-dark);
}

    #DivDetallesDocumentos #BtnSubmitNewDocument:hover {
        background-color: var(--primary-200);
    }

/**********************************************
INVITACIONES Y GRID
**********************************************/
#invitaciones .presentacion {
    display: flex;
    flex-direction: column;
}

#invitaciones h3 {
    font-size: var(--size-48);
}

.invitations__img {
    display: none;
}

#invitaciones .well-sm {
    background-color: var(--white);
    border: none;
    box-shadow: none;
    font-size: var(--size-20);
}

#invitaciones .btn.btn-primary,
#invitaciones .btn.btn-primary:hover,
#acreditationPasses-container .btn.btn-primary.pull-right,
#acreditationPasses-container .well.well-sm .btn.btn-primary {
    text-transform: initial;
    padding: 14px 24px 14px 24px;
    border-radius: 70px;
    font-size: var(--size-16);
    background-color: var(--black);
    color: var(--white);
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
}

    #invitaciones .btn.btn-primary::after,
    #acreditationPasses-container .btn.btn-primary.pull-right::after,
    #acreditationPasses-container .well.well-sm .btn.btn-primary::after{
        content: url(/Content/icons/arrow-up-right.svg);
        height: 20px;
        width: 20px;
        filter: brightness(10);
    }

#divInvitationSummary .panel-info,
#divInvitationSummary .panel-heading {
    background-color: var(--secondary-400);
    border: none;
    padding: 0;
}

#divInvitationSummary .panel-info {
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
}

#divInvitationSummary .panel-title {
    font-size: var(--size-18);
}

#divInvitationSummary .panel-body strong {
    font-size: var(--size-14);
}

#divInvitationSummary .panel-title,
#divInvitationSummary strong {
    color: var(--white);
    font-weight: 400;
}

#divInvitationSummary .panel-body {
    padding: 12px 0 0;
}

#divInvitationSummary p {
    padding-top: 24px;
}

#divInvitationSummary p {
    color: var(--white);
    background-color: transparent;
    font-size: var(--size-16);
    font-weight: 500
}

#divInvitationSummary .badge {
    color: var(--black);
    background-color: var(--white);
    font-size: var(--size-16);
    padding: 8px 16px;
    margin: 5px 5px 5px 0;
    border-radius: 70px
}

#invitaciones h5 {
    font-size: var(--size-36);
    line-height: normal;
    font-family: var(--font-primary);
    font-weight: 600;
    margin: 0 0 16px;
}

#invitaciones #grid {
    margin-top: 26px;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--white);
    width: 100%;
    overflow-x: scroll;
    position: relative;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    #invitaciones #grid::-webkit-scrollbar {
        display: none;
    }

#invitaciones table {
    border: 1px solid var(--neutral-100);
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    margin-bottom: 50px;
    width: fit-content;
}

#invitaciones .k-pager-wrap {
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    position: sticky;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    padding-bottom: 20px;
}

.k-pager-wrap .k-pager-refresh {
    background: var(--primary-100);
    border-radius: 5px;
}

.k-pager-wrap {
    padding: 5px;
}

.k-checkbox-label:before {
    border: 2px solid var(--neutral-200);
}

#grid th.k-header {
    background-color: var(--primary-100);
    padding: 8px 16px;
}

#grid .k-header a {
    font-weight: 800;
}

.k-grid tr td {
    border-bottom: none;
}

.k-grid tr:hover {
    background-color: transparent;
}

.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child,
.k-resource.k-alt,
.k-separator {
    background-color: var(--neutral-50);
}

.k-state-selected {
    background-color: var(--primary-100);
    color: var(--text-dark);
    border-color: var(--primary-100);
    box-shadow: none;
}

.k-icon {
    color: var(--color-background-primary);
    opacity: unset;
}

#grid strong {
    color: var(--text-dark);
    font-weight: 800;
}

#grid td {
    margin: 0 auto;
}

#invitaciones .k-dropdown-wrap.k-state-default {
    border: none;
}

.invitaciones-btn {
    padding: 0;
}

#divInvitationSummary .col-md-3 {
    width: 100%;
}

/*CREAR ENLACES*/

#crearEnlaces {
    max-width: 550px;
    margin: 0 auto;
}

    #crearEnlaces h2 {
        font-size: var(--size-24);
    }

    #crearEnlaces #btnGenerate {
        background-color: var(--black);
        color: #fff;
        width: 100%;
    }

    #crearEnlaces .navbar-fixed-bottom.footer .btn.btn-default {
        border: 1px solid var(--black);
    }

    #crearEnlaces .navbar-fixed-bottom.footer .btn {
        width: 96%;
        overflow: hidden;
    }

    #crearEnlaces .navbar-fixed-bottom.footer .col-xs-6 {
        padding: 0;
    }

    #crearEnlaces .navbar-fixed-bottom.footer .container {
        width: 100%;
        max-width: 550px;
        margin: 0 auto;
        float: none;
    }

        #crearEnlaces .navbar-fixed-bottom.footer .container .row {
            margin: 0;
        }

/*FORMULARIOS*/

.k-filtercell .k-widget.k-dropdown,
.k-dropdown-wrap.k-state-default {
    border: none !important;
}

#uploadFile {
    margin-left: 14px;
    width: fit-content;
}

.activities .version__intro div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.marcas div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.marcas .k-link {
    color: #fff !important;
}

form[action="/infarma2024/es/Invitations/GenerateLinks"] {
    margin-top: 40px;
}

#tabGen .col-md-12 {
    overflow-x: auto;
}

#gridSubevents {
    overflow-x: auto;
}

#tabGen .form-control {
    max-width: unset !important;
}

/**********************************************
ACREDITACIONES
**********************************************/

#acreditationPasses-container {
    width: 100%;
    margin: 0;
}

    #acreditationPasses-container h2 {
        align-self: flex-start;
    }

    #acreditationPasses-container .graph__container {
        width: 100%;
        padding: 0;
    }

#accreditationpasses_chart {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-1);
    border: 1px solid var(--neutral-50);
}

svg path[fill="url(#kdef2)"],
svg path[fill="#ff9800"] {
    fill: var(--secondary-400);
}

svg path[fill="url(#kdef1)"],
svg path[fill="#03a9f4"] {
    fill: var(--secondary-100);
}

#grid td {
    text-align: center;
}

#grid {
    margin-top: 26px;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--white);
    width: 100%;
    overflow-x: scroll;  
    position: relative;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.k-pager-wrap {
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    position: sticky;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    padding-bottom: 20px;
}

.k-grid table {
    border: 1px solid var(--neutral-100);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 50px;
    width: fit-content;
    min-width: 99%
}

.add-pass p {
    color: var(--text-dark);
    font-size: var(--size-16);
}
/**********************************************
MIS CONTACTOS
**********************************************/

.leads h2 {
    font-size: var(--size-48);
}

/**********************************************
NORMATIVA
**********************************************/
.documents__title {
    font-size: var(--size-48);
}

.eventDocuments {
    margin: 0;
}

    .eventDocuments .well.well-sm {
        grid-column: span 2;
        margin-bottom: 40px;
    }

    .eventDocuments .document__block {
        font-family: var(--font-primary);
        color: var(--black);
        background-color: #fff;
        border-radius: 12px;
        box-shadow: var(--shadow-1);
        padding: 20px 24px;
        border: 1px solid var(--neutral-50);
        width: 100%;
        height: 100%;
        margin: 20px 0;
    }

        .eventDocuments .document__block .col-xs-1 {
            display: none;
        }

        .eventDocuments .document__block .col-xs-11 {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 15px;
            padding: 0;
        }

        .eventDocuments .document__block p {
            margin-bottom: auto;
        }

        .eventDocuments .document__block h4 {
            padding-bottom: 10px;
        }

        .eventDocuments .document__block a {
            width: fit-content;
            padding: 8px 16px;
            background-color: var(--primary-100);
            border-radius: 70px;
            color: var(--black);
            font-weight: 600;
            transition: background-color 0.4s linear;
        }

            .eventDocuments .document__block a:hover {
                background-color: var(--primary-200);
            }

    .eventDocuments hr {
        display: none;
    }

/**********************************************
CONTACTOS
**********************************************/
.fixed-panel .col-md-4 {
    width: fit-content;
    min-width: 146px;
}

.fixed-panel {
    width: 100% !important;
    background-color: #fff;
}

.navigation__table {
    gap: 30px;
}

    .navigation__table #btnBuscar {
        padding: 5px 15px;
        background-color: var(--primary-100);
    }

/**********************************************
MEDIAQUERIES
**********************************************/
@media (min-width: 425px) {
    .catalogue .well.well-sm .btn.btn-default.btn-clear,
    .catalogue .btn.btn-default.pull-right,
    #invitaciones .btn.btn-primary,
    #acreditationPasses-container .btn.btn-primary.pull-right,
    #acreditationPasses-container .well.well-sm .btn.btn-primary {
        max-width: fit-content;
        float: left !important;
    }

    .catalogue .well.well-sm .btn.btn-default.btn-clear {
        margin-top: 20px
    }
}

@media (min-width: 600px) {
    .expo-catalogue {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        max-width: 100%;
    }

    .row.expo-catalogue::before {
        display: none;
    }

    .expo-catalogue .col-lg-3 {
        padding: 0;
    }

    .expo-catalogue .thumbnail {
        margin-top: 0;
    }

    .preview-catalogue .preview-btn {
        width: fit-content;
    }

    /*CATALOGO*/
    .catalogue__img {
        max-height: 445px;
    }

    /*INVITACIONES*/
    #divInvitationSummary .panel-info {
        max-width: 295px;
    }

    #crearEnlaces .navbar-fixed-bottom.footer .container {
        float: none;
        padding: 20px 0;
    }
}

@media (min-width: 768px) {

    /*CATALOGO*/
    .preview-catalogue,
    .progress-bar__container {
        max-width: 695px;
        margin: 48px 0;
    }

    .catalogue {
        align-items: flex-start;
    }

    /*DATOS EMPRESA*/
    .bg-img__container {
        height: 300px;
        margin-bottom: 0;
        position: relative;
    }

        .bg-img__container img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .profile-img {
        top: -50px;
        left: 18px;
    }

    .bg.datos .img-edit {
        width: 32px;
        height: 32px;
    }

        .bg.datos .img-edit img {
            max-width: 16px;
            max-height: 16px;
        }

    .profile-img__container {
        width: 160px;
        height: 160px;
        padding: 20px;
    }

    .profile-header {
        position: absolute;
        right: 45px;
        top: 280px;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        width: calc(100% - 265px);
        padding: 12px 32px 32px;
    }

        .profile-header h3 {
            font-size: var(--size-48);
        }

    .profile-header__buttons {
        padding-top: 0;
        gap: 16px;
        padding-top: 15px;
    }

    .datos-comerciales,
    .direccion,
    .rrss,
    .activities-edit .novideo.edit .form-horizontal,
    .acreditation__form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }

    .bg.datos h3 {
        grid-column: 1 / span 2;
    }

    .modulo-form label,
    .activities-edit label.control-label {
        text-align: left !important;
        width: 100%;
    }

    .filepond--drop-label label {
        text-align: center !important;
    }

    .acreditation__form label {
        width: fit-content;
    }

    .modulo-form .form-group {
        display: flex;
        flex-direction: column;
    }

    .bg.datos .datos-comerciales .form-group:last-of-type {
        grid-column: 1;
    }

    .multimedia__container .col-xs-12.col-sm-10.col-sm-offset-2 {
        margin-left: 0;
        width: 100%;
    }

    #upload_form #file {
        width: fit-content;
    }
    /*MULTIMEDIA*/

    /*.docs__container .css-top-element a {
        position: absolute;*/
    /*        right: 20px;*/
    /*top: 40px;
    }*/

    /*ACTIVIDADES*/

    .activity-date div {
        padding-top: 0 !important;
    }

    /*PRODUCTOS*/
    .products__form .form-group .control-label {
        text-align: left;
    }
    /*ACREDITACIONES*/
    #acreditationPasses-container .col-sm-3 {
        width: 100%;
    }

    #acreditationPasses-container .col-md-9 {
        width: 100%;
        float: right;
    }

    /*NORMATIVA*/
    .eventDocuments {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: start;
        gap: 20px;
        justify-items: start;
        align-items: center;
    }

        .eventDocuments .document__block {
            min-height: 200px;
            margin: 0 0 20px 0;
        }
}

@media (min-width: 998px) {
    .catalogue {
        display: grid;
        grid-template-columns: 3fr 1fr 3fr;
        gap: 20px 40px;
    }

    .catalogue__img {
        grid-column: 2 / span 3;
        grid-row: 1 / span 2;
        border-radius: 18px;
        margin-bottom: 0;
        align-self: flex-end;
    }

    .catalogue h3 {
        align-self: center;
        grid-row: 1;
        grid-column: 1;
        padding: 0;
    }

    .catalogue div.well.well-sm {
        align-self: flex-start;
    }

    .expo-catalogue {
        grid-template-columns: repeat(3, 1fr);
        grid-column: span 3;
    }

    .preview-catalogue {
        max-width: 100%;
        grid-column: 1 / 3;
        margin: 20px 24px 0 0;
    }

    /*DATOS EMPRESA*/
    .direccion .form-group .col-md-10 {
        display: flex;
        flex-direction: column;
    }

    .bg.datos #divTown,
    .bg.datos #divCounty,
    .bg.datos #divArea {
        width: 100%;
    }

    .modulo-form .form-group .col-xs-10 {
        width: 85%;
    }

    /*PRODUCTOS Y MARCAS DRAG & DROP*/
    .products__form .form-group:has(#filePondInsert),
    .brands__container .form-group:has(#filePondInsert) {
        width: 83%;
        margin: initial
    }

        .products__form .form-group:has(#filePondInsert) .control-label,
        .brands__container .form-group:has(#filePondInsert) .control-label,
        .products__form .form-group:has(#filePondInsert) .col-md-10,
        .brands__container .form-group:has(#filePondInsert) .col-md-10 {
            width: 100%
        }

    /*MULTIMEDIA*/
    #DivDetallesDocumentos form {
        max-width: 83%
    }

    /*INVITACIONES*/
    #invitaciones .presentacion {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        align-items: baseline;
    }

    #invitaciones h3 {
        margin: 0;
    }

    #invitaciones .well-sm {
        grid-column: 1;
        margin-bottom: 0;
        padding: 0;
    }

    .invitaciones-btn {
        grid-column: 2;
        grid-row: 1;
        width: fit-content;
        padding: 0;
    }

    #divInvitationSummary {
        grid-column: 2;
        grid-row: 2;
        margin: 0;
    }

        #divInvitationSummary .col-md-3 {
            width: fit-content;
            padding: 0;
        }
    /*ACREDITACIONES*/

    #acreditationPasses-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 20px;
    }

        #acreditationPasses-container h2 {
            grid-column: 1;
            grid-row: 1;
            font-size: var(--size-48);
        }

        #acreditationPasses-container .well.well-sm {
            grid-column: 1;
            grid-row: 2;
            font-size: var(--size-16);
        }

        #acreditationPasses-container .col-sm-3 {
            width: 100%;
            grid-row: 1 / span 3;
            grid-column: 2;
        }

        #acreditationPasses-container .col-md-9 {
            float: unset;
            grid-column: span 2;
        }

        #acreditationPasses-container #grid {
            max-width: 100%;
            float: right;
            width: 100%;
        }

    /*MIS CONTACTOS*/
    .leads .input-group {
        width: 50% !important;
    }

    .leads .container,
    .leads .well.well-sm,
    .leads .col-xs-12 {
        padding: 0;
    }

    .leads h2 {
        margin: 0;
    }

    .leads .input-group-addon {
        background-color: var(--primary-100);
        border-color: var(--primary-100);
    }
}

@media (min-width: 1200px) {
    /*NAVBAR*/
    .navbar .container {
        display: flex;
        align-items: center;
        max-width: 1344px;
        margin: 0 auto;
        position: relative
    }

    .navbar-header {
        flex-direction: row;
        width: fit-content;
        padding-right: 0;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        width: 100%;
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .nav.navbar-nav li a {
        font-size: var(--size-14);
    }

    .nav.navbar-nav li {
        height: min-content;
        max-height: min-content;
    }

    .navbar-collapse.collapse {
        width: 100%;
        display: flex !important;
    }

    .nav.navbar-nav .dropdown.lang {
        position: initial;
        margin-left: auto;
    }

    .nav.navbar-nav .dropdown-menu,
    .nav.navbar-nav .dropdown.open.lang .dropdown-menu {
        top: 100%;
        right: 142px;
        left: initial;
    }

    .nav.navbar-nav .dropdown.open .dropdown-menu {
        position: absolute;
        box-shadow: var(--shadow-1);
        right: 0;
    }

    .nav.navbar-nav .dropdown-menu li a {
        padding: 1px 15px !important;
        justify-content: flex-start;
    }

    .nav.navbar-nav li.divider {
        min-height: 1px;
        background-color: var(--neutral-100);
        margin: 5px 15px;
    }

    #logoutForm ul {
        position: initial;
        width: fit-content;
    }

    #logoutForm a {
        width: max-content;
        margin-right: 20px;
    }
    /*CATALOGUE*/

    .progress-bar__container {
        margin: 0;
        align-self: center;
    }

    .expo-catalogue {
        width: 100%;
        max-width: 1344px;
        grid-column: span 3;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin: 0 auto;
    }

        .expo-catalogue .thumbnail {
            min-width: 273px;
            min-height: 298px;
        }

    .progress-bar__nav .nav-buttons {
        grid-row: 1;
        grid-column: 3;
        align-self: center;
    }

    .progress-bar__nav-info {
        max-width: 230px;
    }

    /*INVITACIONES*/
    #invitaciones .presentacion {
        grid-template-columns: 4fr 5fr 3fr;
        justify-items: start;
        align-items: start;
        gap: 20px;
    }

    .invitations__img {
        display: initial;
        grid-column: 2;
        grid-row: 1 / span 4;
        height: 460px;
        border-radius: 18px;
        overflow: hidden;
    }

        .invitations__img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .invitaciones-btn {
        grid-column: 1;
        grid-row: 3;
    }

    #divInvitationSummary {
        grid-column: 3;
        grid-row: 1 / span 2;
        justify-self: flex-end;
    }

    #invitaciones table {
        margin-bottom: 20px;
        border-radius: 8px;
    }

    #invitaciones .k-pager-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #invitaciones .k-pager-info.k-label {
        position: absolute;
        left: 0;
        padding: 0;
    }
    /*ACTIVIDADES*/

    .activity-date {
        display: grid;
        grid-template-columns: auto;
        max-width: 50%;
    }

        .activity-date .control-label:first-of-type {
            grid-row: 1;
        }

        .activity-date .control-label:last-of-type {
            grid-row: 1;
            grid-column: 2;
        }

        .activity-date div.col-md-2 {
            grid-column: 1;
        }

    /*NORMATIVA*/
    .eventDocuments {
        grid-template-columns: repeat(3, 1fr);
    }

        .eventDocuments .well.well-sm {
            grid-column: span 3;
        }

    /*ACREDITACIONES*/
    .k-grid table {
        margin-bottom: 20px;
        width: 100%;
    }

    .add-pass {
        max-width: 50%;
    }

    .acreditation__form .form-group:has(input#Revised) {
        flex-direction: row;
    }

    .acreditation__form .form-group .control-label.col-md-2,
    .acreditation__form .form-group .col-xs-10:has(#Revised) {
        width: fit-content;
    }
}

/********************************************
    ANTIGUO
**********************************************/

.dropdown-menu {
    background-color: #f6f5ee !important;
    border-bottom: 4px solid var(--black) !important;
}

a {
    color: var(--black);
    height: fit-content;
}

hr {
    display: none;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--black);
    border-color: var(--black);
}



div.navigation__table div.col-xs-12.col-md-12 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

@media (min-width: 768px) {
    div.navigation__table div.col-xs-12.col-md-12 {
        display: flex;
        justify-content: space-between;
    }
}

/********* PLANTILLAS *************/
.templates__container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.templates__list,
.templates__components {
    width: 100%;
}

.templates__container .btn-solid.color {
    float: right;
    margin: 20px 0;
    padding: 10px 20px;
    font-size: 11px;
}

.templates__container h3 {
    padding: 10px 0;
    border-bottom: 1px solid var(--color-secondary);
    margin-top: 30px;
}

.templates__container .btn-toolbar {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .templates__container .btn-toolbar a {
        background-color: transparent;
        color: var(--black);
    }

        .templates__container .btn-toolbar a span {
            line-height: unset;
        }

.templates__container .k-grid {
    overflow-x: auto;
}

    .templates__container .k-grid::-webkit-scrollbar {
        display: none;
    }

@media (min-width: 1024px) {
    .templates__container .btn-solid.color {
        font-size: 16px;
    }

    .templates__container .k-grid {
        overflow-x: unset;
    }
}

/*BUTTONS*/

.btn-info:focus,
.btn-info:active,
.btn-primary:active {
    background-color: var(--color-secondary);
    outline: none;
}

.panel-default .btn-default {
    color: var(--black);
    font-size: 12px;
}

.fixed-panel a {
    font-size: 12px;
}

.k-upload {
    width: 199px;
    display: flex;
    justify-content: center;
    border: 1px solid var(--primary-300);
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}

.intro__nav .btn-clear {
    margin-left: 5px;
}

.container.body-content a[href="/infarma2024/es/Catalogue/Index/3393044"]:hover {
    background-color: var(--color-background-secondary);
    color: #fff;
    text-decoration: none;
    border: 2px solid var(--color-background-secondary);
}