/**********************************************
GENERAL
**********************************************/

.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,
#specialPasses-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;
}

table.k-selectable tr {
    cursor: pointer
}
/**********************************************
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);
    height: fit-content;
}

#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,
.nav.navbar-nav > a {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    font-size: 14px;
    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 .fa-solid.fa-qrcode{
    display:inline
}

.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: 100%;
    align-self: self-end;
}

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

.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/news.svg);
    }


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

    .expo-catalogue .col-sm-6.col-md-4.col-lg-3:nth-child(6) .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: 20px;
    left: 0px;
    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%;
    }

.rrss .k-upload,
.rrss .k-upload:hover {
    background-color: transparent;
    border: 1px solid var(--stroke-2);
   
}

#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(/Content/icons/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,
#divInvitationSummary p a {
    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;
}


.modal-dialog {
    width: auto !important
}

.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 Y PASES ESPECIALES
**********************************************/

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

    #acreditationPasses-container h2,
    #specialPasses-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;
    padding-top:30px
}

    .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);
    }


/**********************************************
DOCUMENTACIÓN
**********************************************/
#documentacion,
#documentacionDetalles {
    grid-column: span 3;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 20px 0 0
}
#documentacion::before {
  display:none
}
    #documentacion .col-xs-12,
    #documentacion .col-xs-12 .thumbnail,
    #documentacionDetalles .col-xs-12,
    #documentacionDetalles .row.top-buffer {
        width: 100% !important;
        padding: 0;
        margin:0
    }
        #documentacion .col-xs-12 .thumbnail,
        #documentacionDetalles .panel.panel-default {
            display: flex;
            gap: 20px;
            font-family: var(--font-primary);
            color: var(--black);
            background-color: #fff;
            border-radius: 12px;
            box-shadow: var(--shadow-1);
            padding: 20px 24px !important;
            border: 1px solid var(--neutral-50);
            height: 100%;
            margin: 0 !important;          
            flex-direction: column;
            align-items: center;
            justify-content: space-evenly;
        }
        #documentacion .col-xs-12 .thumbnail {
            min-height: 200px !important;
        }
    #documentacionDetalles .panel.panel-default {
        min-height: 250px !important;
    }

    #documentacion .col-xs-12 .thumbnail br {
        display: none
    }
    #documentacion .col-xs-12 .thumbnail h4 {
                padding:0

    }

            #documentacion .col-xs-12 .thumbnail a,
            #documentacionDetalles a {
                width: fit-content;
                padding: 10px 16px;
                border-radius: 70px;
                color: var(--black);
                font-weight: 600;
                transition: background-color 0.4s linear;
            }
                #documentacion .col-xs-12 .thumbnail a:hover,
                #documentacionDetalles a:hover {
                    background-color: var(--primary-100);
                }

    #documentacionDetalles .panel-heading,
    #documentacionDetalles .panel-body {
        width:100%;
        background-color:transparent;
        border:none
    }
    #documentacionDetalles h3{
        font-weight:600
    }
    #documentacionDetalles a[download] {
        background-color: var(--primary-200);
    }

/********************************************
    CONTRATACIÓN
**********************************************/

.service-booking-text{
    background-color:transparent;
    border:none;
    color:var(--black);
   font-size:var(--size-20);

        
}
    .service-booking-text p:first-of-type{
      padding-bottom:20px
    } 
    .service-booking-text h2 {
        font-size: var(--size-48);
        padding-bottom:30px
    }

#tabs.service-booking-tabs,
#tabs.service-booking-tabs .ui-widget-header,
#tabs.service-booking-tabs .ui-tabs-nav li {
    border: none;
    background-color: #fff;
    margin-bottom:30px
}
#tabs.service-booking-tabs,
#DivHelpTextContainer, 
#ListaTiposModulo {
    border: 1px solid var(--neutral-50);
    border-radius: 20px;
    box-shadow: var(--shadow-1);
    padding: 20px;
    background-color: #fff;
}
#tabs.service-booking-tabs {
    margin: 40px 0;
}
    #tabs.service-booking-tabs .ui-tabs-nav li {
        height: 40px;
        margin: 0 5px
    }
            #tabs.service-booking-tabs .ui-tabs-nav li a{
                background-color:var(--neutral-50);
                color:var(--black);
                border:none;
                height:100%;
                border-radius:70px;
                padding:8px 16px;
                font-size:var(--size-16);
                font-family:var(--font-primary);
            }
                #tabs.service-booking-tabs .ui-tabs-nav li a:hover{
                    opacity:1
                }

                #tabs.service-booking-tabs .ui-tabs-nav .ui-state-active a {
                    background-color: var(--neutral-200);
                    color: var(--white);
                    cursor: pointer;
                    outline: none
                }
          
                    #tabs.service-booking-tabs .ui-tabs-nav li #ui-id-3 {
                        height: 100%;
                        background-color: var(--secondary-400);
                    }

        #tabs.service-booking-tabs .btn-solid.color.ui-tabs-anchor {
            color: var(--white);
            background-color: var(--black);
            border-color: var(--black);
            transition: background-color 0.4s linear
        }

            #tabs.service-booking-tabs .btn-solid.color.ui-tabs-anchor:hover {
                color: var(--black);
                background-color: var(--primary-400);
                border-color: var(--primary-400)
            }

#tabs.service-booking-tabs #gridOrders{
    border:none
}

    #tabs.service-booking-tabs #gridOrders td{
        background-color: #fff
    }

    #tabs.service-booking-tabs #formPartialModularSettings .panel-heading {
        background-color:transparent;
        border:none
    }
    #tabs.service-booking-tabs #DivHistoricoPedidos .panel-heading,
    #tabsProducts #gridOrders .k-header {
        background-color: var(--primary-100);
        border: none
    }

#tabsProducts #gridOrders td a.square-buton-correction {
    background-color: var(--primary-400);
    border-color: var(--primary-400);
}
#tabsProducts .row .col-md-12 a.btn.btn-success{
    background-color:var(--black);
    color:var(--white)
}
#DivHelpTextContainer {
    padding: 20px;
    margin: 0 20px;
}

#DivHelpTextContainer img {
    width: 100%
}

#ListaTiposModulo {
    padding: 10px 20px;
    overflow: hidden;
    margin: 0 15px 40px;
}
    #ListaTiposModulo li {
        margin: 0;
        border: none;
       
    }
    #ListaTiposModulo li:not(:last-of-type) {
        border-bottom: 1px solid #dddddd;
    }
#RotuloPedido {
    border-radius: 8px;
    border: 1px solid var(--neutral-100, #d7d7e0);
    background: #fff;
    box-shadow: var(--shadow-2);
    padding: 5px 10px;
}
    #RotuloPedido:focus-visible {
        outline: none
    }

.lista-modulos-container{
    position:relative
}

.lista-modulos-container #btnConfirmChoice {
    margin-bottom: 20px
}

.modulos-pdf {
    position: absolute;
    top: -60px;
    right: 20px;
}


@media(min-width:992px) {
    .lista-modulos-container{
        display:flex    
    }
}
@media(max-width:768px) {
    #tabs.service-booking-tabs .ui-widget-header {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: flex-end;
            flex-direction: column;
            align-items: flex-start;
        }

        #tabs #tabsFloorPlan .col-md-7{
            overflow:scroll
        }
        #tabs #tabsFloorPlan .canvas-container {
            background-color:#fff
        }
        
    }
    /**********************************************
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 Y PASES ESPECIALES*/
        #specialPasses-container .col-sm-3,
        #acreditationPasses-container .col-sm-3 {
            width: 100%;
        }

        #specialPasses-container .col-sm-4{
            z-index:2
        }

        #specialPasses-container .row:has(.col-md-8),
        #specialPasses-container .col-md-8,
        #acreditationPasses-container .col-md-9 {
            width: 100%;
            float: right;
        }
        /*FACTURAS*/
     
            #divBillingSeriesSummary > .col-md-3 {
                width: 300px;
            }
        

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

        .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;
            justify-self: flex-start;
            padding-bottom:20px
        }

        #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 y PASES ESPECIALES*/

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

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

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

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

            #specialPasses-container .row:has(.col-md-8),
            #specialPasses-container .col-md-8,
            #specialPasses-container .col-md-12,
            #acreditationPasses-container .col-md-9,
            #acreditationPasses-container .col-md-12 {
                float: unset;
                grid-column: span 2;
            }

            #specialPasses-container #grid,
            #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: flex-start;
        }

        .nav.navbar-nav li a {
            font-size: var(--size-14);
            gap: 2px;
            align-items: flex-start;
        }

        .nav.navbar-nav li {
            height: min-content;
            max-height: min-content;
        }
            .nav.navbar-nav li i,
            .nav.navbar-nav > a i {
                padding-top: 3px;
            }


        .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,
        #documentacion,
        #documentacionDetalles {
            grid-template-columns: repeat(3, 1fr);
        }

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

        /*ACREDITACIONES Y PASES ESPECIALES*/
        .k-grid table {
            margin-bottom: 20px;
            width: 99.8%;
        }

        .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);
}