@import url("./fonts/fonts.css");

:root {
    /*TIPOGRAFÍAS*/
    /*--font-light: 'Untiled sans light', sans-serif;*/
    --font-light: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-medium: "Untiled sans medium", sans-serif;
    --font-regular: "Untiled sans regular", sans-serif;
    /*****************************/
    /*COLORES*/
    /*****************************/
    --color0: #fff; /*blanco*/
    --color1: #000000; /*negro*/
    --color12: #f5f5f5; /*gris claro*/
    --color2: #2a2726; /*gris oscuro*/
    --color3: #8e8e8e; /*gris medio*/
    --color4: #f1f5c9; /*verde claro*/
    --color5: #dae56e; /*verde*/
    --color56: #c6d71f; /*verde ácido*/
    --color6: #7e8900; /*verde oscuro*/
    --color7: #ffecd0; /*rosa*/
    --color8: #fecc81; /*naranja*/
    --color9: #a47017; /*marrón*/
    --btn-color: #c6d71f;
    --btn-hover: #a9b570;
    /*****************************/
    /*COLORES ABUNDANTES*/
    --principal-color: var(--color1); /*negro*/
    --secundary-color: var(--color5); /*verde*/
    --border-warm: var(--color9); /*marrón*/
    --bg-light-form: var(--color4); /*verde claro*/
    --border-cold: var(--color6); /*verde oscuro*/
    --details-color: var(--color56); /*verde oscuro*/
    --bg-details-neutral: var(--color12); /*gris claro*/
    --font-contrast-bg-dark: var(--color0); /*blanco*/
    /*****************************/
    /*COLORES MENU*/
    --bg-menu: #000000; /*negro*/
    --border-menu: #000000; /*negro*/
    --color-menu: rgb(255 255 255); /*blanco*/
    --bg-menu-hover: transparent;
    --color-menu-hover: var(--color5); /*verde*/
    /*****************************/
    /*COLORES TIPOGRAFÍA*/
    --color-font: var(--color2); /*gris oscuro*/
    --color-title: #000000; /*negro*/
    --color-subtitle: #000000; /*negro*/
    --color-label: #000000; /*negro*/
    --color-input: var(--color2); /*gris*/
    /*****************************/
    /*COLORES ICONOS*/
    --color-icon-info: var(--color-info, rgb(0 106 175)); /*azul apagado*/
    --color-icon-info-hover: #091d8b; /*azul intenso*/
    /*****************************/
    /*COLORES DECORACIÓN*/
    --shadow: var(--color3); /*gris medio*/
    --border-decoration: var(--color2); /*gris oscuro*/
    /*****************************/
    /*CATÁLOGO ALERTA*/
    --bg-catalogue-warning: var(--color7); /*rosa*/
    --bg-inter-catalogue-warning: var(--color8); /*naranja*/
    --color-inter-catalogue-warning: var(--color9); /*marrón*/
    /*****************************/
    /*CATÁLOGO CORRECTO*/
    --bg-catalogue-success: var(--color4); /*verde claro*/
    --bg-inter-catalogue-success: var(--color5); /*verde*/
    --color-inter-catalogue-success: var(--color6); /*verde oscuro*/
    /*****************************/
    /*TABLA*/
    --bg-table-header: var(--color56); /*verde ácido*/
    --bg-table-alt: var(--color4); /*verde claro*/
    --color-table: var(--color-font); /*gris oscuro*/
    --border-table: var(--color3); /*gris medio*/
    /**********************************************************
                    BOTONES
    *************************************/
    /*BOTÓN CLARO*/
    --bg-button-clear: transparent;
    --color-button-clear: var(--color2); /*gris oscuro*/
    --border-button-clear: var(--color2); /*gris oscuro*/
    --bg-button-clear-hover: var(--color12); /*gris claro*/
    --color-button-clear-hover: var(--color3); /*gris oscuro*/
    --border-button-clear-hover: var(--color3); /*gris oscuro*/
    /*BOTÓN SÓLIDO*/
    --bg-button-solid: var(--color2); /*gris*/
    --color-button-solid: var(--color0); /*blanco*/
    --border-button-solid: var(--color2); /*gris*/
    --bg-button-solid-hover: var(--color12); /*gris claro*/
    --color-button-solid-hover: var(--color-font); /*gris oscuro*/
    --border-button-solid-hover: var(--color2); /*gris oscuro*/
    /**********************************************************
                    TABS
    *************************************/
    /*BOTÓN SÓLIDO COLOR*/
    --bg-button-color: var(--color56); /*verde ácido*/
    --color-button-color: var(--color2); /*gris*/
    --border-button-color: var(--color56); /*verde ácido*/
    --bg-button-color-hover: var(--color12); /*gris claro*/
    --color-button-color-hover: var(--color-font); /*gris oscuro*/
    --border-button-color-hover: var(--color2); /*gris oscuro*/
    /*TAB CLARO*/
    --bg-tab-clear: var(--color12); /*gris claro*/
    --color-tab-clear: var(--color3); /*gris oscuro*/
    --border-tab-clear: var(--color3); /*gris oscuro*/
    --bg-tab-clear-hover: var(--color0); /*blanco*/
    --color-tab-clear-hover: #000000; /*negro*/
    --border-tab-clear-hover: var(--color3); /*gris oscuro*/
}

/*ROOT COMÚN debería pasarse a site.css para que sea usado en todos los eventos*/

:root {
    /*******************************/
    /*ESTADOS*/
    --color-available: rgb(4, 180, 95); /*Verde*/
    --bg-available: rgba(4, 180, 95, 0.1);
    --border-available: rgb(11 136 72);
    --color-pendant: rgb(219, 169, 1); /*Amarillo*/
    --bg-pendant: rgba(219, 169, 1, 0.1);
    --border-pendant: rgb(196 144 0);
    --color-change: rgb(195 76 210); /*Violeta*/
    --bg-change: rgba(126, 19, 139, 0.1);
    --border-change: rgb(136 19 139);
    --color-ignored: rgb(142 142 142); /*Gris*/
    --bg-ignored: rgba(142, 142, 142, 0.1);
    --border-ignored: rgb(152 142 142);
    --color-danger: rgb(217 83 79); /*Rojo*/
    --danger-transparent: rgb(217 83 79 / 15%);
    --border-color-danger: rgb(173 66 63);
    --colorInfo: rgb(0 106 175); /*Azul*/
    --bg-info: rgb(0 106 175 / 10%);
    --border-info: rgb(0 71 117);
    /**********************************************************
                    TAMAÑOS
    *************************************/
    /*TAMAÑO RADIUS*/
    --radius-small: 4px;
    --radius-medium: 10px;
    --radius-big: 20px;
    --radius-bigger: 30px;
    /*TAMAÑO TIPOGRAFÍAS*/
    --tipo-mini: 12px;
    --tipo-smaller: 14px;
    --tipo-small: 16px;
    --tipo-medium: 18px;
    --tipo-big: 22px;
    --tipo-bigger: 24px;
    /*TAMAÑO ICONOS*/
    --size-icon-mobile: 25px;
    --size-icon-tablet: 30px;
    --size-icon-desktop: 35px;
}

/****************************************************************************** _MÍNIMA ESPECIFICIDAD_*/

* {
    font-family: var(--font-light, sans-serif);
    font-size: var(--tipo-small, 16px);
}

body {
    font-family: var(--font-light, sans-serif);
    font-size: var(--tipo-small, 16px);
    line-height: var(--tipo-medium, 18px);
}

a {
    color: var(--color1, #000000);
}

li a {
    color: var(--color1, #000000);
    background-color: #f6f5ee;
}

    li a:hover {
        background-color: var(--color1, #000000);
        color: var(--color0, rgb(255 255 255));
    }

h3,
h3 * {
    margin: 0 auto 20px !important;
    font-size: var(--tipo-bigger);
}

h4 strong {
    font-size: var(--tipo-medium, 18px);
}

.container.body-content {
    width: 80%;
}

.dataTables_length{
    margin-top: 5px;
}
/****************************************************************************** _HEADER_*/
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: initial;
}

.navbar {
    min-height: 50px;
    max-height: 110px;
    background-color: var(--bg-menu, #f8f8f8);
    color: var(--color-menu-hover);
}

.navbar-default {
    background-color: var(--bg-menu, #f8f8f8);
}

.navbar-nav {
    margin: 0;
    margin-top: 5px;
}

div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-header > div {
    color: var(--font-contrast-bg-dark, rgb(255 255 255));
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a {
    background-color: var(--bg-menu, #f8f8f8);
    color: var(--font-contrast-bg-dark, rgb(255 255 255));
}

body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapse,
body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapsing,
body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.in {
    background-color: var(--bg-menu, #f8f8f8) !important;
}

body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapse,
body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapsing,
body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.in {
    background-color: var(--bg-menu, #f8f8f8) !important;
}

div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapse > ul > li > a:hover {
    background-color: var(--bg-menu, #f8f8f8);
    color: var(--color-menu-hover);
    transition: color 0.3s;
}

div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.in > ul > li > a,
div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapsing > ul > li > a {
    font-size: var(--tipo-small, 16px);
    line-height: var(--tipo-medium, 18px);
}

div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.in > ul > li.active > a,
div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapsing > ul > li.active > a {
    color: var(--details-color);
}

div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.in > ul > li.dropdown.open > ul > li > a {
    background-color: var(--bg-menu, #f8f8f8);
    color: var(--font-contrast-bg-dark, rgb(255 255 255));
    border-left: solid 1px var(--font-contrast-bg-dark, rgb(255 255 255));
    margin-left: 15px;
    padding-left: 5px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: var(--bg-menu, #f8f8f8);
    color: var(--font-contrast-bg-dark, rgb(255 255 255));
    border-color: var(--font-contrast-bg-dark, rgb(255 255 255));
}

div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.in > ul > li.dropdown.open > ul {
    background-color: var(--bg-menu, #f8f8f8);
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: var(--font-contrast-bg-dark, rgb(255 255 255));
    border-bottom-color: var(--font-contrast-bg-dark, rgb(255 255 255));
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: var(--bg-menu, #f8f8f8);
    color: var(--color-menu-hover);
}

.navbar-default .navbar-toggle:hover .icon-bar {
    color: var(--color-menu-hover);
}

.navbar-default .navbar-nav > li > a {
    max-width: max-content !important; /*Revisar el Index y trasladar desde ahí todo el css para evitar nuevos conflictos y no tener que utilizar el Impotant*/
    align-items: baseline;
    font-size: 1.3rem;
}

#logoutForm > ul {
    display: flex;
    padding-bottom: 7.5px;
}

    #logoutForm > ul > li:nth-child(1) > a {
        background-color: var(--color2);
        border-radius: 50%;
        width: 27px;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/*Correcciones de iconos de la barra de menú*/

/*.glyphicon-flag:before {
    content: "Idioma";
}

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

/*.glyphicon-flag:before, .glyphicon-home:before {
    font-family: var(--font-light, sans-serif);
    line-height: 20px;
    padding-left: 3px;
}*/

.glyphicon-list:before,
.glyphicon-star:before,
.glyphicon-briefcase:before,
.glyphicon-paperclip:before,
.glyphicon-star-empty:before,
.glyphicon-th-large:before,
.glyphicon-download-alt:before,
.glyphicon-folder-open {
    display: none;
}

.glyphicon-qrcode:before,
.glyphicon-envelope:before,
.glyphicon-info-sign:before,
.glyphicon-calendar:before,
.glyphicon-dashboard:before {
    display: none;
}

.glyphicon-cog:before {
    content: "Herramientas";
    padding-left: 4px;
}

ul > li.dropdown.open > ul > li > a > span.glyphicon-cog:before {
    content: "\e019";
    font-family: "Glyphicons Halflings";
}

.glyphicon-euro:before {
    content: "Facturación";
}

.glyphicon-euro,
.glyphicon-cog {
    font-family: var(--font-light, sans-serif);
    font-size: 1.3rem;
}

    .glyphicon-euro:before,
    .glyphicon-cog:before {
        line-height: 20px;
        padding-left: 3px;
    }

.nav .caret {
    border-top-color: var(--font-contrast-bg-dark, rgb(255 255 255));
    border-bottom-color: var(--font-contrast-bg-dark, rgb(255 255 255));
}

.navbar-collapse {
    max-height: 100vh;
}

    .navbar-collapse.in {
        overflow-y: scroll;
    }
/****************************************************************************** _BODY_*/

body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul {
    background-color: var(--color1, #000000);
}

    body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul > li > a {
        background-color: var(--bg-menu, #f8f8f8);
        color: var(--color-menu);
    }

    body > div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul > li:hover > a {
        background-color: var(--bg-menu-hover);
        color: var(--color-menu-hover);
    }

/****************************************************************************** _BODY_*/
.bg {
    background-color: var(--bg-light-form);
    border-radius: var(--radius-medium, 10px);
    padding: 30px;
}

.custom-form.bg {
    background-color: var(--bg-light-form);
    border-radius: var(--radius-medium, 10px);
    box-sizing: border-box;
    padding: 30px;
}

.k-i-sort-asc-sm:before,
.k-i-sort-desc-sm:before {
    color: var(--color-table);
}

div.bg .k-content {
    background-color: initial;
}

#uploaditems > div {
    background-color: var(--color12);
}

.bg .form-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .bg .form-group > * {
        width: 100%;
        text-align: left;
    }

.bg .form-horizontal.ng-scope hr {
    display: none;
}

.well.well-sm,
.well.well-sm > div {
    background-color: initial;
    border: 0;
    box-shadow: none;
    display: flex;
    gap: 15px;
    flex-direction: column;
    font-size: var(--tipo-medium);
    line-height: var(--tipo-big);
    font-family: var(--font-light, sans-serif);
}

.well .btn-clear {
    background-color: var(--color12);
    border-color: var(--color3);
}

div.container.body-content > .well.well-sm > div > p {
    font-size: var(--tipo-medium);
    line-height: var(--tipo-bigger);
    font-family: var(--font-light, sans-serif);
}

#acreditationPasses-container {
    display: flex;
    flex-direction: column;
    margin-top: -40px;
}

    #acreditationPasses-container div.well.well-sm {
        min-width: 300px;
    }

h2.pull-left{
    font-weight:bold
}

.k-chart path[fill="#2a2726"],
.k-chart path[fill^="url("][fill="url(#kdef2)"],
.k-chart path[fill="#ff9800"] {
    fill: var(--color56);
}

.k-chart path[fill="#878787"],
.k-chart path[fill="#03a9f4"],
.k-chart path[fill^="url("][fill*="#kdef1"] {
    fill: var(--color2);
}

.mail-contact {
    color: var(--color56);
    font-weight: 600;
    font-size: var(--tipo-medium);
    text-decoration: underline;
}

.app-list {
    display: flex;
    gap: 6rem;
    margin-left: 5rem;
}

    .app-list div {
        width: 12rem;
        height: 12rem;
        border: 1.3rem solid var(--color56);
        margin-top: 2rem;
    }

    .app-list li {
        list-style: none;
        text-align: center;
        font-weight: bold;
    }

    .app-list p {
        margin-top: 0.5rem;
    }

    .app-list a:hover {
        color: unset;
    }

.text-important__ivent-contact {
    padding: 2rem 3rem;
    background-color: #f8f9e8;
    line-height: 4rem;
}
/****************************************************************************** Expositores _MAIN - HOME_*/
.home__container p {
    font-family: var(--font-regular, sans-serif);
    font-size: var(--tipo-medium);
    line-height: var(--tipo-bigger);
}

.home__container a {
    color: var(--details-color);
    font-weight: 600;
}

    .home__container a:hover {
        color: var(--color-font);
    }

.home__container > div:nth-child(2) {
    padding: 15px;
    margin: 30px;
}

.home__container-important {
    max-width: 1100px;
    background-color: var(--bg-details-neutral);
    padding: 1rem;
}

    .home__container-important h4 strong {
        font-size: var(--tipo-big);
        font-family: var(--font-medium);
    }

    .home__container-important h5 {
        margin: 0;
        font-weight: normal;
        font-size: var(--tipo-smaller);
        line-height: var(--tipo-bigger);
    }

.home__container > div:nth-child(2) .home__container-important {
    margin: 8rem 8rem 0 0;
    padding: 2rem 5rem;
}

/****************************************************************************** Expositores _MAIN - CATÁLOGO_*/
div.catalogue > h3 {
    display: none;
}

div.catalogue > div.well.well-sm > div > h3 {
    margin: 0 0 20px !important;
    text-transform:unset;
    border:none;
    color: unset
}

.novideo .well.well-sm h5:not(:last-child) {
    font-weight: unset;
    line-height: 22px;
}

body > div.container.body-content > div > div.row.expo-catalogue > div:nth-child(3) > div > div.caption > p
.row.expo-catalogue > div > div > div > h4 {
    width: 230px;
    /*Para que el texto ocupe una única línea y se sustituya el sobrante por ...*/
    /*    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}

.row.expo-catalogue .thumbnail {
    min-height: 300px;
    padding: 15px;
    border-radius: var(--radius-medium, 10px);
    border: none;
}

    .row.expo-catalogue .thumbnail div:first-child {
        min-height: 40px;
    }

    .row.expo-catalogue .thumbnail h4 {
        font-family: var(--font-regular);
        font-weight: bold;
        text-align: left;
        margin: 0;
        margin-left: 10px;
        line-height: 30px;
        text-transform:unset
    }

    .row.expo-catalogue .thumbnail .caption {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

.row.expo-catalogue .alert.alert-warning,
.alert.alert-success {
    min-height: 114px !important;
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 10px;
}

.row.expo-catalogue .thumbnail.warning {
    background-color: var(--bg-catalogue-warning);
    min-height: 318.2px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .row.expo-catalogue .thumbnail.warning .btn-clear:hover,
    .row.expo-catalogue .thumbnail.success .btn-clear:hover {
        color: unset;
        border-color: unset;
    }

.well .btn-clear:hover {
    color: unset;
    background-color: transparent;
}

.row.expo-catalogue .alert-warning {
    border: none;
    color: var(--color-inter-catalogue-warning);
    background-color: var(--bg-inter-catalogue-warning);
}

.row.expo-catalogue .thumbnail.success {
    background-color: var(--bg-catalogue-success);
    min-height: 318.2px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.row.expo-catalogue .alert-success {
    border: none;
    color: var(--color-inter-catalogue-success);
    background-color: var(--bg-inter-catalogue-success);
}

.alert .fa-solid,
.alert .fa-regular {
    font-size: 30px;
    line-height: 34px;
}

body > div.container.body-content > div.catalogue > div.row.expo-catalogue > div:nth-child(1) > div > div.caption > p {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    body > div.container.body-content > div.catalogue > div.row.expo-catalogue > div:nth-child(1) > div > div.caption > p .btn {
        padding: 6px 16px;
    }

@media (min-width: 1200px) {
    .col-lg-3 {
        width: 26%;
    }

    .row.expo-catalogue {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/****************************************************************************** Expositores _MAIN - CATÁLOGO - DATOS _ */
body > div.container.body-content > div > div > form > div > div.navbar-fixed-bottom.footer {
    height: auto;
}

.form-horizontal .control-label {
    font-family: var(--font-medium);
}
/****************************************************************************** Expositores _MAIN - CATÁLOGO - PRODUCTOS _ */

.product div.version__intro > div > a.btn-clear:first-child,
.novideo.version__content .version__intro > div > a.btn-clear:first-child {
    padding: 11px 84px;
    border-radius: 25px;
    margin-bottom: 4rem;
}

.intro__nav .btn-solid.color {
    padding: 11px 44px;
    border-radius: 25px;
}

.intro__nav .btn-clear {
    padding: 11px 64px;
    border-radius: 25px;
}

div.container.body-content > .product > h3 {
    font-family: var(--font-medium);
    font-size: var(--tipo-bigger);
    font-weight: bold;
}

div.version__intro > div > div.intro__nav {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    gap: 15px;
    padding: 2rem 0 3rem 0;
}

body > div.container.body-content > div.row.top-buffer.version__intro > div > div > div:nth-child(2) {
    display: none;
}

div.container.body-content > div.row.top-buffer.version__intro > div > div > div.alert.alert-info.btn-clear {
    display: block;
    min-height: initial !important;
    /*    background-color: var(--bg-catalogue-warning);
    color: var(--color-inter-catalogue-warning);
    border-color: var(--color-inter-catalogue-warning);*/
}
/*div.container.body-content > div.row.top-buffer > div > a.btn.btn-primary.btn-lg.pull-right {
    font-size: var(--tipo-small, 16px);
    line-height: var(--tipo-medium, 18px);
}*/
div.k-widget.k-grid.k-display-block > table > tbody > tr:nth-child(1) > td:nth-child(3) > h3 {
    font-size: var(--tipo-small, 16px);
    line-height: var(--tipo-medium, 18px);
}

div.k-widget.k-grid.k-display-block > table > tbody > tr > td.kendoGridCommandColumn > a {
    background-color: var(--bg-button-clear);
    border-color: var(--border-button-clear);
}

    div.k-widget.k-grid.k-display-block > table > tbody > tr > td.kendoGridCommandColumn > a:hover {
        background-color: var(--bg-button-clear-hover);
        border-color: var(--border-button-clear-hover);
    }

    div.k-widget.k-grid.k-display-block > table > tbody > tr > td.kendoGridCommandColumn > a > span.glyphicon-chevron-right {
        display: initial;
    }

        div.k-widget.k-grid.k-display-block > table > tbody > tr > td.kendoGridCommandColumn > a > span.glyphicon-chevron-right:before {
            content: "Editar";
            color: var(--color-button-clear);
            font-family: var(--font-light, sans-serif);
        }

    div.k-widget.k-grid.k-display-block > table > tbody > tr > td.kendoGridCommandColumn > a:hover > span.glyphicon-chevron-right:before {
        color: var(--color-button-clear-hover);
    }

div.container.body-content > div > div.row.top-buffer.version__intro {
    background-color: transparent;
}

div.row.top-buffer.version__intro > div.col-xs-12.col-md-12 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0;
    margin: 30px;
    font-size: var(--tipo-medium);
    line-height: var(--tipo-big);
    font-family: var(--font-light, sans-serif);
    box-sizing: border-box;
    width: initial;
}

.alert.alert-info {
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background-color: initial;
    color: var(--color-font);
    border: 0;
    margin: 0;
    padding: 0;
}

.dropDownSelector {
    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 5px;
}

    .dropDownSelector > .col-md-5 {
        padding: 0;
        width: 100%;
        max-width: 700px;
    }

.css-edit-item-help {
    padding: initial;
    font-family: var(--font-light, sans-serif);
    font-size: var(--tipo-smaller);
    line-height: var(--tipo-medium);
    font-weight: normal;
    color: gray;
    margin-left: 32px;
    background-color: transparent;
}
/****************************************************************************** Expositores _MAIN - CATÁLOGO - ACTIVIDADES _ */

div.container.body-content > .activities > h3 {
    font-family: var(--font-medium);
    font-size: var(--tipo-bigger);
    font-weight: bold;
}

div.container.body-content > .version__content > .row {
    width: 100%;
}

.activities #grid > table > thead > tr > th:nth-child(2) {
    min-width: 85px;
}

div.row.top-buffer.version__intro {
    width: 100%;
    background-color: initial;
    margin: 0;
}

.activities .k-filter-row > th:first-child,
.activities .k-grid tbody td:first-child,
.activities .k-grid tfoot td:first-child,
.activities .k-grid-header th.k-header:first-child {
    min-width: 250px;
}

div.k-widget.k-grid.k-display-block#grid {
   /* width: 100%;*/
    overflow: auto;
}

#btnSearch:hover{
    padding: 11px 30px !important;
}

/****************************************************************************** Dept. Comunicación _ */
.full-header {
    background-color: var(--bg-table-header);
}

    .full-header .column-header th {
        border-width: 0 0 1px 1px;
        border-style: solid;
        border-color: var(--border-table);
    }

        .full-header .column-header th:first-child {
            border-left-width: 0;
            border-radius: 3px 0 0 0;
        }

        .full-header .column-header th:last-child {
            border-right-width: 0;
            border-radius: 0 3px 0 0;
        }

        #upload_form #BtnUploadFile:focus,
        #addmemo_form #addMemo:focus{
            padding: 6px 16px;
        }

/****************************************************************************** Expositores _MAIN - CATÁLOGO - ACTIVIDADES - EDITAR _ */
div.bg.activities-edit > div.edit > form > div > div.alert.alert-info {
    background-color: transparent;
    justify-content: flex-start;
    text-transform: initial;
    border: 0;
    color: var(--color-font);
}

div.activities-edit > div > form > div > div:nth-child(15) > div.col-md-10 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*eliminado el botón de guardar y añadir fotografías, que se repite*/
div.activities-edit > div > form > div > div.navbar-fixed-bottom.footer > div > div > input.btn.btn-default {
    display: none;
}
/****************************************************************************** Expositores _MAIN - CATÁLOGO - NOTICIAS _ */
div.news-edit > div > form > div > div:nth-child(18) > div.col-md-10 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    /*eliminado el salto*/
    div.news-edit > div > form > div > div:nth-child(18) > div.col-md-10 br {
        display: none;
    }

div.news-edit > div > form > div > div.navbar-fixed-bottom.footer > div > div > input.btn.btn-default {
    display: none;
}
/****************************************************************************** Organizadores _MAIN - DATOS_  */
#SearchText {
    max-width: 700px;
}

div.k-widget.k-grid.k-display-block > table > thead > tr:nth-child(1) {
    background-color: var(--bg-table-header);
}

    div.k-widget.k-grid.k-display-block > table > thead > tr:nth-child(1) > th > a,
    div.k-widget.k-grid.k-display-block > table > thead > tr:nth-child(1) > th {
        color: var(--color-table);
        font-weight: bold;
    }

        div.k-widget.k-grid.k-display-block > table > thead > tr:nth-child(1) > th > a,
        div.k-widget.k-grid.k-display-block > table > thead > tr:nth-child(1) > th > span.k-icon:before {
            color: var(--color-table);
        }

    div.k-widget.k-grid.k-display-block > table > thead > tr:nth-child(1) > th {
        border-color: var(--border-table);
        background-color: initial;
    }

div.k-widget.k-grid.k-display-block > table > thead > tr.k-filter-row > th > span > span {
    display: flex;
    padding-right: 0;
}

    div.k-widget.k-grid.k-display-block > table > thead > tr.k-filter-row > th > span > span > span.k-widget.k-autocomplete.k-header.k-autocomplete-clearable.k-state-default {
        position: initial;
        padding-right: 0;
    }

    div.k-widget.k-grid.k-display-block > table > thead > tr.k-filter-row > th > span > span > span.k-widget.k-dropdown.k-header.k-dropdown-operator {
        position: initial;
    }

#divGrid {
    overflow: auto;
}
/*div.k-widget.k-grid.k-display-block{
    width: fit-content;
}*/
div.k-widget.k-grid.k-display-block > table > thead > tr > th.k-header.k-sorted {
    min-width: 60px;
}
/****************************************************************************** ALL **** _MAIN - DATOS_ PAGINACIÓN */
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: var(--principal-color);
}

.k-pager-wrap .k-link:hover {
    color: var(--details-color);
}

.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-sort-order {
    color: var(--details-color);
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected {
    border-color: var(--border-cold);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
#btnSearch:hover {
    background-color: var(--details-color);
    border-color: none;
    color: var(--color2);
    padding: 11px 35px;
}

/****************************************************************************** Expositores _MAIN - BUSINESS CENTER_*/
div.container.body-content > form {
    background-color: var(--bg-light-form);
    padding: 30px;
}

    div.container.body-content > form > div:nth-child(2) > div {
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

#fieldAccountExtension_TipoEmpresaInteres > div.col-md-4 > div.row.line-hover {
    display: flex;
    flex-direction: row-reverse;
}

div.row.line-hover {
    margin: 0;
}

    div.row.line-hover > .col-xs-1.text-center {
        padding: 0;
    }

.custom-form.bg .btn.btn-primary.btn-solid:hover,
.custom-form.bg .btn.btn-primary.btn-solid:focus {
    padding: 6px 20px;
}

.custom-form.bg #linkCountries:hover,
.custom-form.bg #linkCountries:focus {
    padding: 11px 30px;
}

/*.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    right: 0;
}
.radio {
    position: relative;
    margin-bottom: 30px;
    padding: 5px 0 5px 60px;*/ /* Damos un padding de 60px para posicionar el elemento <i> en este espacio*/
/*display: block;
}*/

body > div.container.body-content > div.custom-form.bg.company-info-form > form{
    position:relative;
}

body > div.container.body-content > div.custom-form.bg.company-info-form > form > input.btn.btn-primary.btn-solid.color {
    position: absolute;
    bottom: 70px;
}

#linkCountries {
    background-color: var(--bg-button-color);
    border: 1px solid var(--bg-button-color);
    padding: 11px 20px;
}

#linkCountries:hover{
    border:1px solid black;
    background-color:white;
    color:black;
}

.auto-style1 {
    text-decoration: underline;
}

@media(max-width:713px) {
    body > div.container.body-content > div.custom-form.bg.company-info-form > form > input.btn.btn-primary.btn-solid.color {
        bottom: 80px;
        justify-self: anchor-center;
    }
}
@media(max-width:459px) {
    body > div.container.body-content > div.custom-form.bg.company-info-form > form > input.btn.btn-primary.btn-solid.color {
        bottom: 112px;
    }
}
@media(max-width:377px) {
    body > div.container.body-content > div.custom-form.bg.company-info-form > form > input.btn.btn-primary.btn-solid.color {
        bottom: 125px;
    }
}

/****************************************************************************** Expositores _MAIN - DOCUMENTOS_*/
div.container.body-content > h3 {
    margin: 0 0 50px 50px;
}

div.container.body-content > div.novideo {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 95%;
}

    div.container.body-content > div.novideo hr {
        display: none;
    }

.row.top-buffer.document__block {
    margin: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-light-form);
    border-radius: var(--radius-big, 20px);
    width: 100%;
}

div.container.body-content > div > div.row.top-buffer > div.col-xs-11 {
    width: 100%;
    padding: 0 15px 15px;
    height: 160px;
    display: flex;
    flex-direction: column;
}

    div.container.body-content > div > div.row.top-buffer > div.col-xs-11 p {
        margin: 0;
    }

    div.container.body-content > div > div.row.top-buffer > div.col-xs-11 a {
        color: var(--color-button-clear);
        background-color: var(--bg-button-clear);
        display: flex;
        justify-content: center;
        padding: 8px 24px;
        border: solid 1px var(--border-button-clear);
        width: fit-content;
        margin: auto auto 0 auto;
        border-radius: 20px;
        font-weight: 600;
    }

div.container.body-content > div > div.clearfix {
    display: none;
}


#GenericEntityFileManager_length {
    margin-top: 10px;
}

#GenericEntityFileManager tbody {
    font-weight: normal;
    text-align: left;
}

#GenericEntityFileManager .btn-info {
    background-color: var(--btn-color);
    border-color: var(--btn-color);
}

#GenericEntityFileManager .btn-info:hover {
    background-color: var(--btn-hover);
    border-color: var(--btn-hover);
}

#GenericEntityFileManager tbody tr td{
    font-size: 14px;
}

.dataTables_filter input {
    border-radius: .25rem;
    border: 1px solid #cccccc;
    padding: 4px;
    margin-top: 5px;
}

div .dataTables_filter input:focus {
    width: 400px !important;
}

#GenericEntityFileManager_wrapper > div > div:nth-child(4) {
    overflow: auto;
    width: 100%;
    scrollbar-width: thin;
}

.modal-open .bootbox-confirm .modal-dialog .modal-content{
    height: auto !important;
    min-height: auto !important;
}

#formDocContact .row.gn-en-row label.col-md-3 {
    text-align: left;
    padding-left: 100px;
}

#formDocContact > div > div > div:nth-child(5) > div{
    width:15%;
}

#formDocContact > div > div > div:nth-child(7) > div.col-md-6, #formDocContact > div > div > div:nth-child(6) > .css-modificaciones{
    margin-left: 15px !important;
}

#formDocContact > div > div > div:nth-child(5) > div.col-md-6.css-altas{
    margin-left:110px !important;
}
/****************************************************************************** ORGANIZADOR *
    ******************************************************************************/
div.k-widget.k-grid.k-display-block > table > tbody > tr > td.kendoGridCommandColumn {
    text-align: center;
}

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

.gridcell > h3,
.gridcell > h3 > span.glyphicon-ok:before,
.gridcell > h3 > span.glyphicon-warning-sign:before {
    font-size: 15px;
    line-height: var(--tipo-medium);
}
/****************************************************************************** Organizador _ Contactos_  RegistrationManagement/Index*/
.navigation__table {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

    .navigation__table > div:nth-child(1) {
        display: flex;
        flex-flow: wrap;
        row-gap: 10px;
    }

    .navigation__table > div:nth-child(3) > div:nth-child(3) {
        display: flex;
        justify-content: space-between;
    }

    .navigation__table #LinkTag_229 > span.glyphicon.glyphicon-bookmark {
        color: var(--details-color) !important;
    }

body > div.container.body-content > div.novideo > div.navigation__table > div:nth-child(3) > div:nth-child(3) > div.col-md-2.text-right > .modal-link:focus,
body > div.container.body-content > div.novideo > div.navigation__table > div:nth-child(3) > div:nth-child(3) > div.col-md-2.text-right > .modal-link:hover{
    padding: 6px 20px;
}
/****************************************************************************** Organizador _ Contactos-Importar Fotos_ ContactPhoto/ImportContactPhotos */
.nav-item {
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a {
    margin-right: 0;
}

.nav-link.active {
    background-color: white;
}

.nav-link:hover {
    color: initial;
}

/****************************************************************************** Organizador _MAIN - Contactos_RegistrationManagement/EditContact*/

#AddServicesBtn{
    margin-top: 10px;
}

#ContactDocumentFileManager {
    font-weight: normal;
}

#ContactDocumentFileManager tbody tr td{
    font-size: 13px;
}

#ContactDocumentFileManager_length {
    margin-top: 5px;
}

.panel-footer .btn-default {
    background-color: var(--btn-color);
}

.panel-footer .btn-default:hover {
    background-color: var(--btn-hover);
}

#ContactDocumentFileManager .btn-info {
    background-color: var(--btn-color);
    border-color: var(--btn-color);
}

#ContactDocumentFileManager .btn-info:hover {
    background-color: var(--btn-hover);
    border-color: var(--btn-hover);
}

#ContactDocumentFileManager_wrapper > div > div:nth-child(4) {
    overflow: auto;
    width: 100%;
}

#AddServicesBtn a:focus, #gridBuySummary .btn.btn-primary.modal-link:focus {
    padding: 6px 16px;
}

#divEditBuyOptions .btn-primary:focus, #divEditBuyOptions .btn-primary:active {
    padding: 6px 16px;
}

/****************************************************************************** Organizador - Company/Search*/
#searchform #btnSearch:hover, #searchform #btnExport:hover {
    padding: 11px 30px;
}

#searchform + .btn-primary:hover, #searchform + .btn-primary:focus {
    padding: 6px 20px;
}
/****************************************************************************** Organizador _ Expositores*/
.expo__list > div.k-widget.k-grid.k-display-block .glyphicon.glyphicon-chevron-right {
    display: initial;
}

    .expo__list > div.k-widget.k-grid.k-display-block .glyphicon.glyphicon-chevron-right:before {
        content: "Editar";
        color: var(--color-font);
        font-family: var(--font-light, sans-serif);
    }

.expo__list > #grid > table > thead > tr > th:nth-child(4) {
    min-width: 125px;
}

.expo__list > #grid > table > thead > tr > th:nth-child(6) {
    max-width: 200px;
}

/****************************************************************************** Organizador _ Mailing */

.mailingHistory__container #grid {
    margin-top: 50px;
}

    .mailingHistory__container #grid > table > thead > tr > th:nth-child(1),
    .mailingHistory__container #grid > table > thead > tr > th:nth-child(2) {
        min-width: 150px;
    }

    .mailingHistory__container #grid .btn {
        border-radius: 4px;
        min-width: initial;
    }

        .mailingHistory__container #grid .btn > .glyphicon-refresh {
            display: initial;
        }
/****************************************************************************** Organizador _ Catálogo: Productos */

.products__container .navigation__table .col-xs-4.col-md-4 > .pull-right {
    display: flex;
    gap: 10px;
    float: none !important;
}

.products__container .navigation__table .intro__nav {
    align-items: end;
}

.products__container #grid > table > thead > tr:nth-child(1) > th:nth-child(2) {
    min-width: 400px;
}

/****************************************************************************** Organizador _ Catálogo:Información de la empresa */

.form-horizontal.ng-scope .btn.btn-primary:hover,
.form-horizontal.ng-scope .btn.btn-primary:focus,
.form-horizontal.ng-scope .btn.btn-default:hover,
.form-horizontal.ng-scope .btn.btn-default:focus {
    padding: 6px 16px;
}
/****************************************************************************** Organizador _ Gestión de Citas */
.appointmentManagement__container .ui-tabs {
    padding: 0;
}

    .appointmentManagement__container .ui-tabs .ui-tabs-nav {
        border-radius: 0;
        border-bottom-color: var(--border-tab-clear);
    }

        .appointmentManagement__container .ui-tabs .ui-tabs-nav li {
            border-color: var(--border-tab-clear);
            background-color: var(--bg-tab-clear);
        }

.appointmentManagement__container .ui-state-default .tab-clear {
    background-color: var(--bg-tab-clear);
    color: var(--color-tab-clear);
}

.appointmentManagement__container .ui-state-active .tab-clear {
    background-color: var(--bg-tab-clear-hover);
    color: var(--color-tab-clear-hover) !important;
    border-color: var(--border-tab-clear-hover);
}

/****************************************************************************** Organizador _ Facturación: facturas*/

.invoicing__container #gridInv {
    overflow-x: auto;
}

#divBillingSeriesSummary .panel-title strong{
    font-size: 18px;
}

.kendoGridCommandColumn .btn-group {
    display: flex;
}

    .kendoGridCommandColumn .btn-group .btn-info:hover, .kendoGridCommandColumn .btn-group .btn-info:focus {
        background-color: #39b3d7;
        border-color: #269abc;
    }

#invoicing-details .btn.btn-info.pull-right:hover,
#invoicing-details .btn.btn-info.pull-right:focus{
    background-color: #428bca;
}

.btn-submit#btnSubmit:focus{
    padding: 6px 16px;
}

    @media (max-width:1048px) {
        #divBillingSeriesSummary {
            display: flex;
            flex-direction: column;
        }

            #divBillingSeriesSummary > .col-md-3 {
                width: auto;
            }
    }
    /****************************************************************************** Organizador _ Herramientas: Plantillas*/
.templates__container .templates__list .btn.btn-primary.btn-solid:hover,
.templates__container .templates__list .btn.btn-primary.btn-solid:focus,
.templates__components .btn.btn-primary.btn-solid:focus,
.templates__components .btn.btn-primary.btn-solid:hover{
    padding: 6px 20px;
}

.templates__container.col-md-12 {
    display: flex;
    flex-direction: column;
}

.templates__list.col-md-6,
.templates__components.col-md-6 {
    width: 100%;
}

.templates__container > .templates__list > div.k-widget.k-grid.k-display-block,
.templates__container > .templates__components > div.k-widget.k-grid.k-display-block {
    width: 100%;
    overflow: auto;
}

.templates__container .btn-toolbar {
    display: flex;
    flex-flow: wrap;
    gap: 5px;
}

    .templates__container .btn-toolbar > .btn-group > .btn-clear > span.glyphicon {
        display: initial;
    }

        .templates__container .btn-toolbar > .btn-group > .btn-clear > span.glyphicon.glyphicon-chevron-right:before {
            content: "Editar";
            color: var(--color-font);
            font-family: var(--font-light, sans-serif);
        }

        .templates__container .btn-toolbar > .btn-group > .btn-clear > span.glyphicon.glyphicon-remove:before {
            content: "Borrar";
            color: var(--color-font);
            font-family: var(--font-light, sans-serif);
            background-color: var(--color-danger, rgb(217 83 79));
        }

/****************************************************************************** Organizador _ Herramientas: Formularios*/
.listForms__container > .navigation__table {
    flex-flow: wrap;
}

.listForms__container > #GridForms {
    margin-top: 30px;
    overflow: auto;
}

.listForms__container .btn-toolbar > .btn-group {
    display: flex;
}

.listForms__container .btn-info.modal-link:hover,
.listForms__container .btn-info.modal-link:focus {
    background-color: #269abc;
}

    .listForms__container .btn-toolbar > .btn-group > .btn.btn-danger.btn-clear:hover {
        background-color: var(--color-danger, rgb(217 83 79));
    }

    .listForms__container .btn-toolbar > .btn-group > .btn > span.glyphicon {
        display: initial;
        color: var(--color-font);
        font-family: var(--font-light, sans-serif);
    }

    .listForms__container .btn-toolbar > .btn-group > .btn > span.glyphicon-chevron-right:before {
        content: "Editar";
    }

    .listForms__container .btn-toolbar > .btn-group > .btn > span.glyphicon.glyphicon-forward:before {
        content: "Clonar";
    }

    .listForms__container .btn-toolbar > .btn-group > .btn > span.glyphicon.glyphicon-remove:before {
        content: "Borrar";
    }

.listForms__container .btn {
    min-width: initial;
}

.listForms__container .navigation__table .btn:hover,
.listForms__container .navigation__table .btn:focus {
    padding: 11px 30px;
}
/********************************** Organizador _ Herramientas: Formularios / Editar*/

.formEdit__container .btn.glyphicon {
    min-width: initial;
    border: 0;
    border-radius: 0;
}

.formEdit__container .glyphicon-cog:before {
    font-family: "Glyphicons Halflings";
    content: "\e019";
}

.formEdit__container #gridFields {
    overflow-x: auto;
}

.formEdit__container #gridFields {
    overflow-x: auto;
}

    .formEdit__container #gridFields > table > thead > tr > th:nth-child(1) {
        width: 50px;
    }

.formEdit__container .btn > .glyphicon {
    display: initial;
}

.formEdit__container .btn {
    border-radius: 3px;
    min-width: initial;
    padding: 6px;
}

.formEdit__container .glyphicon-remove:before {
    font-family: "Glyphicons Halflings";
    content: "\e014";
}

.formEdit__container .glyphicon-refresh:before {
    font-family: "Glyphicons Halflings";
    content: "\e031";
}

.formEdit__container .glyphicon-chevron-right:before {
    font-family: "Glyphicons Halflings";
    content: "\e080";
}

/****************************************************************************** Organizador _ Herramientas: Valores*/
.values__container > #GridListValues {
    margin-top: 30px;
    overflow: auto;
}

.values__container .btn-toolbar > .btn-group > .btn > span.glyphicon {
    display: initial;
    color: var(--color-font);
    font-family: var(--font-light, sans-serif);
}

.values__container .btn-toolbar > .btn-group > .btn > span.glyphicon-chevron-right:before {
    content: "Editar";
}

.values__container .navigation__table .btn:hover,
.values__container .navigation__table .btn:focus{
    padding: 11px 30px;
}
/****************************************************************************** Organizador _ Herramientas: Aceptación de Condiciones*/
.aceptance__container > #GridListValues {
    margin-top: 30px;
    overflow: auto;
}

.aceptance__container .btn-toolbar > .btn-group > .btn > span.glyphicon {
    display: initial;
    color: var(--color-font);
    font-family: var(--font-light, sans-serif);
}

.aceptance__container .btn-toolbar > .btn-group > .btn > span.glyphicon-chevron-right:before {
    content: "Editar";
}

.aceptance__container .navigation__table .btn:hover,
.aceptance__container .navigation__table .btn:focus {
    padding: 11px 30px;
}

/****************************************************************************** Organizador _ Herramientas: Recursos*/
#createEventResource:hover,
#createEventResource:focus,
#createEventResource:active,
#ModAndCreateBtn:focus,
#ModAndCreateBtn:active {
    padding: 6px 16px;
}

/****************************************************************************** Organizador _ Herramientas: categorías*/

.category__container #TreeListCategorias {
    margin-top: 50px;
    max-height: 70vh;
    overflow-y: auto;
}

    .category__container #TreeListCategorias .k-grid-header:first-child {
        padding-right: 0;
    }

    .category__container #TreeListCategorias .btn {
        min-width: initial;
        border-radius: 4px;
    }

        .category__container #TreeListCategorias .btn > span.glyphicon {
            display: initial;
            color: var(--color-font);
        }

.category__container > a:hover,
.category__container > a:focus {
    padding: 6px 20px;
}
/****************************************************************************** Organizador _ Herramientas: Códigos descuento*/
/*No es responsive*/

#GridCodFree {
    overflow-x: auto;
}

    #GridCodFree .btn {
        min-width: initial;
        border-radius: 4px;
    }

    #GridCodFree a > span.glyphicon {
        display: initial;
        color: var(--color-font);
    }

#btnCreate:hover,
#btnCreate:focus{
    padding: 11px 30px;
}
/****************************************************************************** Organizador _ Herramientas: Tipos de invitaciones*/
#GridEventInvitations {
    overflow-x: auto;
}

    #GridEventInvitations .btn {
        min-width: initial;
        border-radius: 4px;
    }

    #GridEventInvitations a > span.glyphicon {
        display: initial;
        color: var(--color-font);
    }

#divInvitationSummary {
    margin: 3rem 0;
}

    #divInvitationSummary div.panel-heading {
        max-height: 5rem;
        border-bottom: 1px solid var(--color3);
        background-color: var(--color4);
        color: var(--color20);
        font-family: var(--font-medium);
        padding: 15px 20px;
    }

    #divInvitationSummary div.panel-body {
        padding: 15px 20px;
        color: var(--color3);
    }

    #divInvitationSummary div.panel.panel-info {
        min-width: 230px;
        border-color: transparent;
        border-radius: 5px;
        background-color: var(--color4);
        font-family: var(--font-medium);
    }

        #divInvitationSummary div.panel.panel-info strong {
            font-family: var(--font-medium);
        }

    #divInvitationSummary span.badge {
        background-color: transparent;
        color: var(--color56);
        font-size: 35px;
        font-weight: bold;
        display: block;
        text-align: left;
        padding-left: 0;
        font-family: var(--font-medium);
    }

div.well.well-sm li {
    font-size: var(--tipo-smaller);
}

.button__invitations {
    height: 50px;
}

a[href="/salongourmets2024/es/Invitations/GenerateLinks"] {
    position: absolute;
    top: -536px;
}

#invitations-index .btn-primary:focus{
    padding: 6px 16px;
}

@media (min-width: 425px) {
    a[href="/salongourmets2024/es/Invitations/GenerateLinks"] {
        position: absolute;
        top: -428px;
    }
}

@media (min-width: 768px) {
    a[href="/salongourmets2024/es/Invitations/GenerateLinks"] {
        position: absolute;
        top: -357px;
    }
}

@media (min-width: 1024px) {
    a[href="/salongourmets2024/es/Invitations/GenerateLinks"] {
        position: absolute;
        top: -331px;
    }
}

@media (min-width: 768px) {
    #divInvitationSummary .col-sm-2 {
        width: unset;
        padding-left: 0;
        padding-right: 4rem;
    }
}
/****************************************************************************** Organizador _ Herramientas: Tickets*/
.tickets__container #grid {
    overflow: initial !important;
}

.tickets__container .btn-info:hover,
.tickets__container .btn-info:focus,
.tickets__container .btn-info:active,
.tickets__container .btn-info.active,
.tickets__container .open .dropdown-toggle.btn-info,
.tickets__container .btn-success:hover,
.tickets__container .btn-success:focus,
.tickets__container .btn-success:active,
.tickets__container .btn-success.active,
.tickets__container .open .dropdown-toggle.btn-success {
    background-color: white;
    color: black;
}

.ticketEdit__container #GridCategorias,
.ticketEdit__container #GridSeries,
.ticketEdit__container #GridFormasPago,
.ticketEdit__container #GridTiposTicketCaja {
    overflow-x: auto;
}

.ticketEdit__container .panel-heading > .btn {
    border-radius: initial;
    border: 0;
    min-width: initial;
}
/****************************************************************************** Organizador _ Herramientas: Tags */
.tag__container #divGrid {
    overflow: initial;
}

#companyTag-index .btn.btn-primary:focus{
    padding: 6px 16px;
}

/****************************************************************************** Organizador _ Herramientas:Clonar Evento */
#eventClone-buttons .btn-primary:focus {
    padding: 6px 16px;
}
/****************************************************************************** Organizador _ Herramientas: Grupo de documentos */

.eventDocsGroups__container #GridDocGroups {
    margin-top: 30px;
    overflow-x: auto;
}
/****************************************************************************** Organizador _ Herramientas: Páginas personalizadas */

.customPage__container > .pull-left {
    float: initial !important;
    /*important necesario para pisar el propio important de bootstrap*/
}

.customPage__container #gridCustomPages {
    margin-top: 30px;
}

/****************************************************************************** Organizador _ Herramientas: Textos de ayuda */
.helptext__container #GridHelpTexts {
    margin-top: 30px;
}

    .helptext__container #GridHelpTexts span.glyphicon.glyphicon-chevron-right {
        display: initial;
        color: var(--color-font);
    }

#GridHelpTexts .btn {
    min-width: initial;
    border-radius: 4px;
}
/****************************************************************************** Organizador _ Herramientas: Editar evento */

.clientEditEvent__container #DivEventData {
    margin: 0;
    width: 100%;
}

#DivEventData #BtnEdit:focus{
    padding: 6px 16px;
}

#DivEventData #BtnBack {
    background-color: #adadad;
}

    #DivEventData #BtnBack:hover {
        background-color: #ebebeb;
    }
/****************************************************************************** Comprador _ Datos de Registro */
.header_content.iframeChild {
    display: none;
}

/******************************************************************************ALL ***** _FOOTER_*/
.dropdown-menu {
    background-color: #f6f5ee;
    border-bottom: 4px solid var(--color1, #000000);
}

@media (max-width: 767px) {
    .dropdown.open .dropdown-menu {
        background-color: #f6f5ee !important;
        border-bottom: 4px solid var(--color1, #000000);
    }
}

.k-state-selected {
    background-color: var(--bg-button-solid);
}

.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(--color1, #000000);
    border-color: var(--color1);
}

div.container.body-content > div > div > form > div > div.navbar-fixed-bottom.footer {
    background-color: transparent;
    position: relative;
}

    div.container.body-content > div > div > form > div > div.navbar-fixed-bottom.footer > div > div {
        margin: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 30px;
    }

body > div.container.body-content > div > div.form-control.col-md-12.text-center {
    margin-top: 35px;
    height: initial;
}

    body > div.container.body-content > div > div.form-control.col-md-12.text-center > p {
        margin: 0;
    }

/****************************************************************************** _BOTONES_ */
.btn{
    border-radius: var(--radius-big, 20px);
    border-color: transparent;
    font-weight: var(--font-contrast-bg-dark);
    /*min-width: 80px;*/
    padding: 6px 16px;
    min-width: auto;
    margin-left:5px;
}

.btn-primary:hover {
    border: 1px solid var(--btn-hover);
    background-color: var(--btn-hover);
    padding: 6px 16px;
}

.kendoGridCommandColumn .btn-primary:focus,
#acreditationPasses-container .btn-primary,
.bootbox-accept:hover,
.bootbox-accept:focus,
#formPartialAssemblyCompany #btnUpdate:focus,
.kendoGridCommandColumn .btn-primary:active,
#tabsProducts > .row > .col-md-12 a:hover,
#tabsProducts > .row > .col-md-12 a {
    padding: 6px 16px !important;
}

.btn-outline-primary {
    background-color: var(--btn-color);
}

.btn-outline-secondary:active, .btn-outline-secondary:focus {
   
}

.btn .fas{
    font-size: 14px;
}

.btn-outline-danger {
    background-color: #d85353;
}

    .btn-outline-danger:hover {
        background-color: #a95858;
    }

.btn-outline-danger .fas{
    color:white;
}

.btn-outline-download {
    background-color: #53c2d8
}
    .btn-outline-download .fas {
        color: white;
    }

.btn-outline-download:hover {
    background-color: #618f9c;
    border-color: #618f9c;
}

#linkCountries {
    max-width: 100%;
    white-space: break-spaces;
}

.btn > .glyphicon {
    display: none;
}
/*
.action-button, .btn-primary, .btn-sm {
    background-color: var(--bg-button-clear);
    border-color: var(--border-button-clear);
    color: var(--color-button-clear);
}*/
div.container.body-content > div > div.row > div > div.thumbnail > div.caption > p {
    text-align: center;
    gap: 20px;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

.btn-warning {
    background-color: var(--bg-button-solid);
    color: var(--color-button-solid);
    border-radius: var(--radius-big, 20px);
}

/*.btn.btn-default {
    background-color: var(--bg-inter-button);
    border-radius: var(--radius-big, 20px);
    padding: 5px 30px;
    border-color: var(--border-button);
    line-height: 22px;
}
.btn.btn-default:hover {
    background-color: var(--bg-button-clear-hover);
}*/
div.container.body-content > div > div > form > div > div.navbar-fixed-bottom.footer > div > div > input.btn.btn-primary {
    background-color: var(--bg-button-solid);
    color: var(--color-button-solid);
    border-color: var(--color-button-clear);
}

    div.container.body-content > div > div > form > div > div.navbar-fixed-bottom.footer > div > div > input.btn.btn-primary:hover {
        background-color: var(--bg-button-solid-hover);
        color: var(--color-button-solid-hover);
    }

.k-button {
    border-radius: var(--radius-big, 20px);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: var(--bg-inter-catalogue-success);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: var(--bg-button-clear-hover);
}

.btn-solid.color {
    background-color: var(--bg-button-color);
    color: var(--color-button-color);
    border-color: var(--border-button-color);
}

    .btn-solid.color:hover {
        background-color: var(--bg-button-color-hover);
        color: var(--color-button-color-hover);
        border-color: var(--border-button-color-hover);
    }

#formPartialAssemblyCompany .panel-button {
    justify-content: center;
    display: flex;
}

#formPartialAssemblyCompany #btnUpdate{
    margin-top: 30px;
}

div#formPartialModularSettings button#btnUpdate.btn.btn-primary.btn-xs.pull-right, #tabsProducts > .row > .col-md-12 a {
    background-color: var(--btn-color) !important;
}

    div#formPartialModularSettings button#btnUpdate.btn.btn-primary.btn-xs.pull-right:hover,
    #tabs .ui-tabs-nav .ui-tabs-tab #ui-id-4:hover,
    #tabsProducts > .row > .col-md-12 a:hover {
        background-color: var(--btn-hover) !important;
        color: #333333;
    }
body > div.container.body-content > div.novideo > form > div.fixed-panel > div > div > div.col-md-4.text-center > a {
    color: black;
}

body > div.container.body-content > div.novideo > form > div.fixed-panel > div > div > div.col-md-4.text-left > a {
    background-color: #ebebeb;
}

body > div.container.body-content > div.novideo > form > div.fixed-panel > div > div > div.col-md-4.text-left > a:hover {
    background-color: #adadad;
}

#news-index .btn-lg:hover, #news-index .btn-lg:focus{
    padding: 6px 20px;
}

#agenda-manage #tabsDetalle .btn.btn-primary.btn-sm:focus{
    padding: 6px 16px;
}

#btnNewProduct{
    margin-bottom: 10px;
}

#ContactDocumentFileManager .btn{
    padding: 4px 12px;
}

.paginate_button.current {
    border-radius: 50px !important;
}

.paginate_button:hover, .paginate_button:focus {
    border-radius: 50px !important;
}

#divEditBuyOptions .modal-close-btn {
    background-color: #ebebeb;
}

#divEditBuyOptions .modal-close-btn:hover {
    background-color: #adadad;
}
/*PAsar este bloque de Botones al apartado común*/
/******************************************************
	BUTTON NEW
******************************************************/
.btn-clear, .expo-catalogue .caption a {
    font-size: var(--tipo-medium);
    font-family: var(--font-medium);
    line-height: var(--tipo-big);
    padding: 11px 30px;
    height: fit-content;
    width: fit-content;
    border: solid var(--border-button-clear) 1px;
    background-color: var(--bg-button-clear);
    color: var(--color-button-clear);
    border-color: var(--border-button-clear);
    border-radius: var(--radius-bigger, 30px);
    text-transform: unset
}

    .btn-clear:hover,
    .btn-solid:hover,
    .expo-catalogue .caption a:hover {
        background-color: var(--bg-button-clear-hover);
        color: var(--color-button-clear-hover);
        border: 1px solid var(--border-button-clear-hover);
        text-decoration: none;
    }

.btn-solid {
    font-size: var(--tipo-medium);
    font-family: var(--font-medium);
    line-height: var(--tipo-big);
    font-weight: bold;
    padding: 6px 20px;
    height: fit-content;
    width: fit-content;
    border: solid var(--border-button-solid) 1px;
    background-color: var(--bg-button-solid);
    color: var(--color-button-solid);
    border-color: var(--border-button-solid);
}

/*************************************** PASES EXPOSITOR ***************************************************/

.navbar-fixed-bottom.footer #btnSave{
    padding: 10px;
}
/*************************************** CONTRATACIONES DE SERVICIOS ***************************************************/
.contratacion h5 {
    font-weight: var(--font-light);
    font-size: var(--tipo-small);
}

.ui-state-active a:link{
    color:black !important;
}

.ui-tabs .ui-tabs-nav li {
    border: none;
    background-color: none;
}

.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    background-color: transparent;
    border: none;
}

div#tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content,
div#tabsFloorPlan.ui-tabs-panel.ui-corner-bottom.ui-widget-content {
    background-color: var(--color4);
    border: 1px solid var(--border-tab-clear);

}


div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content {
    padding: 0;
    background-color: var(--color4);
    border: 1px solid var(--border-tab-clear);
    border-bottom: none;
}

    div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div.row, div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div.col-md-12 {
        padding: 0;
        margin: 0;
        
    }


/*   div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div:not(:first-child){
        margin: 1em 1.4em;
        padding: 0
    }*/
div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div.col-md-12 {
    margin: 1em 1.4em;
    padding: 0
}

    div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div.alert.alert-info {
        background-color: #fff;
        outline: 4px solid #fff;
        outline-offset: -3px;
        position: relative;
        z-index: 1;
        padding: 2rem;
        border-radius: 0;
        color: #a6a6a6;
       
    }

div#tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content > div{
    display:flex;
    flex-direction:row;
}

div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content > p {
    border-bottom: 1.5px solid var(--border-tab-clear);
    margin-bottom: 1.6px;
    height: 1rem;
    padding-bottom: 2rem;
}

    div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content ul {
        padding-left: 0;
     
    }

    div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div.alert.alert-info li,
    div#tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content p,
    div #tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div.alert.alert-info b {
        font-size: var(--tipo-smaller);
        line-height: 25px
    }



        div #tabsProducts.ui-tabs-panel.ui-corner-bottom.ui-widget-content div.alert.alert-info > b {
        line-height: 35px;
        border-bottom: 1px solid #a6a6a6;
        color: var(--color2);
     
    }

div #tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content {
    padding-bottom: 8rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}

#tabsConfirm {
    background-color: var(--color4);
    border: 1px solid var(--border-tab-clear);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    div #tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content div,
    div #tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content form {
        width: 100%
    }

#formPartialAssemblyCompany > .panel.panel-default > .panel-body > .row {
    display: flex;
}

div #tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content > .row .col-md-6:nth-child(2)  {
    padding-right:0;
    padding-left:0;
}

        div#formPartialModularSettings div.panel.panel-default {
            display: flex;
            flex-direction: column-reverse;
        }

div#formPartialModularSettings button#btnUpdate.btn.btn-primary.btn-xs.pull-right{
    border-radius: var(--radius-bigger);
    outline: none;
}

div#formPartialModularSettings div.panel.panel-default div.panel-heading {
    display: flex
}

/*a#ui-id-4.btn-solid.color.ui-tabs-anchor {*/
/*    margin-bottom: 1rem;
*/    /*border-radius: 25px;
}*/

.ui-widget.ui-widget-content {
    border: none !important;
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    padding: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    margin: 0;
}

a#ui-id-1.tab-clear.ui-tabs-anchor {
    margin: 0;
}

a#ui-id-2.tab-clear.ui-tabs-anchor,
a#ui-id-1.tab-clear.ui-tabs-anchor,
a#ui-id-3.tab-clear.ui-tabs-anchor, 
li.ui-tabs-tab.ui-corner-top a{
    background-color: #e4e1ed;
    margin: 0;
    border: 0;
    font-weight: 600;
}

#ui-id-3 {
    border-radius: var(--radius-small, 4px) var(--radius-small, 4px) 0 0;
    height: 42px;
}

li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active,
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-state-hover.ui-tabs-active.ui-state-active,
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active.ui-state-focus {
    border: 1px solid var(--border-tab-clear);
    background: var(--color4);
    border-bottom: none;
    padding: 0;
    margin-bottom: -1px;
}


#tabs li.pull-right.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    background-color: transparent;
    border: none;
}

li.ui-tabs-tab a:hover{
    background-color: var(--color4) !important;
}

    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a,
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-state-hover.ui-tabs-active.ui-state-active a,
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active.ui-state-focus a {
        background-color: var(--color4);
        border-bottom: 1px solid var(--color4);
    }

    #ui-id-3:active, #ui-id-3:focus, #ui-id-2:active, #ui-id-2:focus, #ui-id-1:active, #ui-id-1:focus {
        background-color: inherit;
        outline: none;
        outline-offset: 0px;
    }

    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a#ui-id-1.tab-clear.ui-tabs-anchor,
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a#ui-id-2.tab-clear.ui-tabs-anchor,
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a#ui-id-3.tab-clear.ui-tabs-anchor {
        background-color: var(--color4);
    }

#tabs .ui-tabs-nav .ui-tabs-tab .tab-clear, #tabs .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor{
    padding-bottom:12px;
}

#tabs .ui-tabs-nav .ui-tabs-tab #ui-id-4 {
    padding-bottom: 4px;
    padding-top: 3px;
    background-color: var(--bg-button-color);
    border-color: var(--border-button-color);
    border: 1px solid black;
    outline:none;
}

div#tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content div.panel.panel-default {
    border: 1px solid var(--color2);
    background-color: transparent;
}

    div#tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content div.panel.panel-default div.panel-heading {
        border-bottom: 1px solid var(--border-tab-clear);
        background-color: transparent;
    }

    #DivHistoricoPedidos{
        margin-top:0px !important;
    }

#DivHistoricoPedidos > .panel-heading {
    border-bottom: none !important;
}

    div#tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content div.panel.panel-default h3.panel-title {
        font-size: 14px;
        margin-bottom: 0 !important;
    }

    div#tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content div.panel.panel-default div.k-content,
    div#tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content div.k-widget.k-upload.k-header.k-upload-empty {
        background-color: transparent;
        border: none;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        width: fit-content;
    }

        /* div#tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content table.table.table-hover tbody tr:hover,
    div#tabsInfo.ui-tabs-panel.ui-corner-bottom.ui-widget-content table.table.table-hover tbody tr td:hover {
        background-color: transparent!important
    }*/
        div#tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content
        div.k-widget.k-upload.k-header.k-upload-empty
        div.k-button.k-upload-button,
        div#formPartialModularSettings button#btnUpdate.btn.btn-primary.btn-xs.pull-right {
            background-color: transparent;
            border: 1px solid var(--color2);
            font-weight: 600;
            padding: 4px 30px;
        }

div#tabs.ui-tabs.ui-corner-all.ui-widget.ui-widget-content a.btn.btn-default.btn-lg.pull-right.square-buton-correction {
    background-color: #adadad4f;
}

div#gridOrders.k-widget.k-grid.k-display-block,
div#gridOrders.k-widget.k-grid.k-display-block table tfoot.k-grid-footer tr.k-footer-template td,
div#gridOrders.k-widget.k-grid.k-display-block table tfoot.k-grid-footer tr.k-footer-template,
div#gridOrders.k-widget.k-grid.k-display-block table tfoot.k-grid-footer,
div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap,
div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span,
div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap a {
    background-color: transparent;
}

div#gridOrders.k-widget.k-grid.k-display-block {
    margin: 1em 1.4em;
}

    div#gridOrders.k-widget.k-grid.k-display-block th.k-header,
    div#gridOrders.k-widget.k-grid.k-display-block th.k-header a {
        background-color: #e6ed9e;
    }

div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span,
div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap a {
    border: none;
    box-shadow: none;
    color: var(--color2);
    font-weight: 600;
}

    div.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span.k-pager-sizes.k-label {
        font-size: var(--tipo-smaller);
        color: var(--color3);
    }

/******************************************************
	Correcciones a incorporar  en el genérico
******************************************************/
.btn {
    width: fit-content;
    font-weight: 600;
}

/****************************************************************************** _MEDIAQUERIES_ 768px *
    ******************************************************************************/
@media (min-width: 768px) {
    body {
        padding-top: 140px;
    }

        /*************************************************** _HEADER_*/
        body > div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapse > ul > li > a {
            font-size: var(--tipo-smaller, 14px);
            line-height: var(--tipo-small, 16px);
        }

    div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapse > ul > li.active > a {
        color: var(--details-color);
    }

    /*************************************************** Expositores _MAIN - CATÁLOGO - PRODUCTOS _ */

    div.version__intro > div > div.intro__nav {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    /*************************************************** _MAIN - CATÁLOGO - ACTIVIDADES _ */
    div.container.body-content > div > div.row.top-buffer.version__intro {
        width: 100%;
    }
    /***************************************************  _MAIN - BUSINESS CENTER_*/
    .row > col-md-12 {
        width: 90%;
        margin: auto;
    }

    /*************************************************** _MAIN - DOCUMENTOS_*/

    div.container.body-content > div.novideo.eventDocuments {
        flex-direction: initial;
        flex-wrap: wrap;
        gap: 15px;
        row-gap: 15px;
        align-items: baseline;
        max-width: 1200px;
        margin-top: 5rem;
    }

    div.container.body-content > div > div.row.top-buffer.document__block {
        width: 48%;
    }

        div.container.body-content > div > div.row.top-buffer.document__block h4:first-child {
            font-weight: 600;
            font-size: 17px;
        }

        div.container.body-content > div > div.row.top-buffer.document__block > div.col-xs-11 {
            width: 100%;
            padding: 0 15px 15px 20px;
            height: 160px;
            display: flex;
            flex-direction: column;
        }
}

@media (max-width: 768px){
    #formPartialAssemblyCompany > .panel.panel-default > .panel-body > .row {
        flex-direction: column;
    }

    #formPartialAssemblyCompany > .panel.panel-default > .panel-body > .row div:nth-child(2) {
        margin-top:15px;
    }

        #formPartialAssemblyCompany > .panel.panel-default > .panel-body > .row div:nth-child(3) {
            margin-top: 15px;
        }

    #tabsInfo .k-content {
        flex-wrap: wrap;
        justify-content: center !important;
    }
}

/****************************************************************************** _MEDIAQUERIES_ 889px *
    ******************************************************************************/
@media(max-width: 889px){
    #tabsInfo > .row{
        flex-direction:column !important;
    }

    #tabs > .ui-tabs-nav.ui-corner-all {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    #tabs .ui-tabs-nav .ui-tabs-tab #ui-id-4 {
        margin-bottom:5px;
    }
}

/****************************************************************************** _MEDIAQUERIES_ 1201px *
    ******************************************************************************/

@media all and (min-width: 1201px) {
    /*************************************************** _HEADER_*/
    div.navbar.navbar-default.navbar-fixed-top > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul {
        overflow-y: auto;
        max-height: 90vh;
    }

    div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul,
        div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul > li > a {
            background-color: var(--bg-menu, #f8f8f8);
            color: var(--font-contrast-bg-dark, rgb(255 255 255));
        }

            div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul,
            div.navbar.navbar-default.navbar-fixed-top.navbar-expand-xl > div > div.navbar-collapse.collapse > ul > li.dropdown.open > ul > li > a:hover {
                color: var(--color-menu-hover);
            }

    #logoutForm > ul {
        padding-bottom: 0;
        justify-content: space-between;
    }
    /*************************************************** _MAIN - HOME_*/
    body > div.container.body-content > div.novideo > form > div.fixed-panel > div > div > div.col-md-4.text-center > a:hover {
        background-color: #618f9c;
        border-color: #618f9c;
    }

    /*************************************************** _MAIN - CATÁLOGO _ */
    /*    .bg .form-group{
        flex-direction: row;
    }
    .bg .form-group > label{
        max-width: 150px;
    }*/
    body > div.container.body-content > .version__content {
        flex-wrap: initial;
        flex-direction: column;
    }

    div.container.body-content > div.version__intro > div.row.top-buffer > div {
    }
    /***************************************************  _MAIN - BUSINESS CENTER_*/
    div.container.body-content > form,
    div.container.body-content > .bg {
        max-width: 1250px;
        margin: auto;
        border-radius: var(--radius-medium, 10px);
    }

        div.container.body-content > form > *,
        div.container.body-content > .bg > * {
            max-width: 85%;
            margin: auto;
        }
    /*************************************************** _MAIN - DOCUMENTOS_*/
    div.container.body-content > div.novideo {
        gap: 1%;
        row-gap: 10px;
    }

    div.container.body-content > div > div.row.top-buffer.document__block {
        width: 23%;
        max-width: 238px;
        max-height: 150px;
    }

        div.container.body-content > div > div.row.top-buffer.document__block > div.col-xs-11 a:hover {
            color: var(--color-button-clear-hover);
            background-color: var(--bg-button-clear-hover);
            border: solid 1px var(--border-button-clear-hover);
            text-decoration: none;
        }
    /****************************************************************************** Organizador _MAIN - Contactos_*/
    .navigation__table > div:nth-child(3) > div:nth-child(3) {
        max-width: 50%;
    }
}

/*Establecer como genéricos*/

/*******************************/
/*BUTTON SQUARE*/

.btn-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    width: 26px !important;
    padding: 0;
    color: white;
}

    .btn-square.css-info {
        background-color: var(--color-info, rgb(0 106 175));
        border-color: var(--border-info);
    }

        .btn-square.css-info:hover {
            background-color: var(--border-info);
            color: white;
        }

    .btn-square.css-approved {
        background-color: var(--color-available);
        border-color: var(--border-available);
    }

        .btn-square.css-approved:hover {
            background-color: var(--border-available);
            color: white;
        }

    .btn-square.css-waiting {
        background-color: var(--color-pendant);
        border-color: var(--border-pendant);
    }

        .btn-square.css-waiting:hover {
            background-color: var(--border-pendant);
            color: white;
        }

    .btn-square.css-change-suggestion {
        background-color: var(--color-change);
        border-color: var(--border-change);
    }

        .btn-square.css-change-suggestion:hover {
            background-color: var(--border-change);
            color: white;
        }

    .btn-square.css-cancelled {
        background-color: var(--color-danger, rgb(217 83 79));
        border-color: var(--border-color-danger, rgb(173 66 63));
    }

        .btn-square.css-cancelled:hover {
            background-color: var(--border-color-danger, rgb(173 66 63));
            color: white;
        }

    .btn-square.css-ignored {
        background-color: var(--color-ignored);
        border-color: var(--border-ignored);
    }

        .btn-square.css-ignored:hover {
            background-color: var(--border-ignored);
            color: white;
        }