/*div.pinch-zoom,
        div.pinch-zoom img {
            width: 100%;
            -webkit-user-drag: none;
        }*/

::placeholder {
    color: grey !important;
    opacity: 1 !important;
    font-size: medium;
}

::-webkit-input-placeholder {
    color: grey !important;
    opacity: 1 !important;
}

:-moz-placeholder {
    color: grey !important;
    opacity: 1 !important;
}

::-moz-placeholder {
    color: grey !important;
    opacity: 1 !important;
}

:-ms-input-placeholder {
    color: grey !important;
    opacity: 1 !important;
}

.fade.in {
    background-color: #11304a6e !important;
}

label {
    font-weight: 200 !important;
    white-space: pre-wrap !important;
}

.filtros {
    width: 25% !important;
    z-index: 900 !important;
    right: -500px;
    top: 56px !important;
}

.popUpMenu {
    background-color: #008ec6 !important;
    z-index: 2000;
    display: none;
    position: absolute;
    width: 300px;
    right: -500px;
    height: 100%;
    min-height: 150px;
    top: 60px;
    border-style: solid;
    border-width: 1px;
    border-top-color: white;
    border-right-color: #008ec6;
    border-bottom-color: white;
    border-left-color: white !important;
}

@media (max-width:800px) {
    .fade.in {
        background-color: white !important;
    }

    .modal-dialog {
        width: 100%;
        height: auto;
        min-height: 100%;
        margin: 0;
        padding: 0;
        background-color: white;
    }

    .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0px !important;
        border: 0px !important;
        -webkit-box-shadow: none !important;
    }

    .modal-backdrop {
        opacity: 0 !important;
    }


    .filtros {
        z-index: 2000 !important;
        right: 0px !important;
        top: 0px !important;
        width: 100% !important;
        right: 0px !important;
    }

    .popUpMenu {
        background-color: #008ec6 !important;
        z-index: 2000;
        display: none;
        position: fixed;
        width: 100%;
        right: 0px;
        height: 100%;
        min-height: 100%;
        top: 0px;
        border-style: solid;
        border-width: 1px;
        border-top-color: #008ec6 !important;
        border-right-color: #008ec6 !important;
        border-bottom-color: #008ec6 !important;
        border-left-color: #008ec6 !important;
    }
}

.alignCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#map {
    position: initial !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

td {
    text-align: center;
    background-color: transparent;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 16px;
    padding-left: 16px;
}

.poppins {
    font-family: Poppins !important;
}

input[type="radio"].radioFondo,
.radio input[type="radio"].radioFondo,
.radio-inline input[type="radio"].radioFondo {
    position: relative;
    margin-top: 5px;
    margin-right: 4px;
    vertical-align: -4px;
    border: none;
    background-color: transparent !important;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

th {
    text-align: left !important;
    color: black !important;
    font-weight: 700;
}

p {
    margin: 10px 0;
    padding: 0;
    line-height: 1;
    font-size: 13px;
}

.pagination {
    line-height: 26px;
    display: contents;
}

    .pagination span {
        padding: 5px;
        border: solid 1px #3C8DBC;
        text-decoration: none;
        white-space: nowrap;
        background: #35a033;
        color: white;
    }

    .pagination a,
    .pagination a:visited {
        text-decoration: none;
        padding: 6px;
        white-space: nowrap;
        background: #9fe79ead;
        color: black;
    }

        .pagination a:hover,
        .pagination a:active {
            padding: 5px;
            border: solid 1px #9ECDE7;
            text-decoration: none;
            white-space: nowrap;
            background: #3C8DBC;
            color: white;
        }

.main {
    display: table;
}

.inner {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: table-cell;
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Trebuchet MS' !important;
}

.form-control {
    border-color: #d2ded6 !important;
    background-color: white;
    border-radius: 2px !important;
    height: 30px !important;
}

a.link:hover, a.link:active, a.link:focus {
    color: #237c57 !important;
}

.pagination a:hover, .pagination a:active {
    background-color: #35a033 !important;
    color: white !important;
}

input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
    /*background-color: forestgreen;
            border-color: green;*/
    /*background-color: forestgreen;
            color:#1E4F78 !important;
            border-color: white !important;*/
}

.main-sidebar {
    position: fixed;
    background-color: white;
    padding-top: 0px !important;
    display: none;
    width: 25%;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: white !important;
}

.ui-mobile .ui-page-active {
    overflow-y: hidden !important;
}

.collapsible {
    background-color: white;
    color: #337ab7;
    font-weight: bold;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    /*border-radius: 8px !important;*/
    border-color: #f1f1f1;
    max-height: 100%;
}

.collapsibleTransparent {
    background-color: #ffffff8c !important;
    color: #337ab7 !important;
    font-weight: bold;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    /*font-size: 15px;*/
    /*border-radius: 8px !important;*/
    border-color: #f1f1f1;
    max-height: 100%;
}

.collapsible:after {
    content: '\002B';
    /*color: #0B72AF;*/
    color: #337ab7 !important;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.collapsible:hover {
    background-color: #f1f1f1;
}

.collapsible:after {
    content: '\002B';
    /*color: #0B72AF;*/
    color: black !important;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "" !important;
}

.content {
    /*padding: 0 18px;*/
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.collapsibleOpen {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.sombra {
    /*box-shadow: 9px 9px 13px -10px rgba(0,0,0,0.75);*/
    border-radius: 8px;
    box-shadow: 2px 2px 5px -4px #1E4F78;
}

.aside {
    z-index: 1000;
    /*border-radius: 8px;*/
    position: fixed;
    top: 56px;
    width: 25%;
    min-height: 200px;
    background-color: white;
    overflow-y: scroll;
    overflow-x: hidden;
    /*direction: rtl;*/
    padding-left: 15px;
    height: calc(100vh - 10px);
    display: none;
    padding: 0px;
    /*width: 28%;*/
}

.favoritos {
    z-index: 2000;
    /*border-radius: 8px;*/
    position: absolute;
    top: 56px;
    width: 25%;
    min-height: 100%;
    /*background-color: #FFE9C7;*/
    background-color: #FFF7EC;
    overflow-y: scroll;
    overflow-x: hidden;
    /*direction: rtl;*/
    padding-left: 15px;
    height: 100%;
    display: none;
    padding: 0px;
    padding-bottom: 32px;
    /*width: 28%;*/
}

.popUps {
    background-color: white !important;
    z-index: 100000;
    display: block;
    width: 40%;
    left: 30%;
    border-radius: 8px;
    height: 80%;
    top: 10%;
    position: fixed;
    display: none;
}

    .popUps::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
        display: none !important;
    }

.popUpMiRestaurante {
    background-color: #ECF9F2 !important;
    z-index: 100000;
    display: block;
    width: 100%;
    left: 0%;
    border-radius: 0px;
    height: 100%;
    top: 0%;
    position: fixed;
    display: none;
}

.popUpTutorial {
    background-color: #ECF9F2 !important;
    z-index: 100000;
    display: block;
    width: 40%;
    left: 30%;
    border-radius: 8px;
    height: 80%;
    top: 10%;
    position: fixed;
    display: none;
}

.popUpsInfo {
    background-color: white !important;
    z-index: 200000;
    display: block;
    width: 20%;
    left: 40%;
    border-radius: 8px;
    height: 40%;
    top: 30%;
    position: fixed;
    display: none;
}

.popUpSobreUmami {
    background-color: #FFF7EC !important;
    z-index: 200000;
    display: block;
    width: 100%;
    left: 0%;
    border-radius: 0px;
    height: 100%;
    top: 0%;
    position: fixed;
    display: none;
}

.popUpLandingPage {
    background-color: white !important;
    z-index: 200000;
    display: block;
    width: 100%;
    left: 0%;
    border-radius: 0px;
    height: 100%;
    top: 0%;
    position: fixed;
    display: none;
}

.linksMenu {
    position: fixed;
    background-color: white;
    z-index: 100;
    border-radius: 8px;
    top: 15px;
    right: 15px;
    width: 15%;
}

.btn {
    padding: 8px 16px;
    color: #295e8e !important;
    background-color: transparent !important;
    border-width: 3px !important;
}

    .btn:hover {
        padding: 8px 16px;
        background-color: #1E4F78 !important;
        color: white !important;
    }

@media (max-width:800px) {
    .main-sidebar {
        display: block;
        width: 100%;
        -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }

    .ui-listview > .ui-li-has-thumb > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-thumb {
        padding-left: 3.60em !important;
    }

    .centerlocation {
        position: fixed;
        z-index: 3;
        right: 10px !important;
        bottom: 110px;
        /*background-color: white;*/
        border-radius: 8px;
        cursor: pointer;
    }

    .aside {
        z-index: 2000;
        /*border-radius: 8px;*/
        width: 100%;
        position: absolute;
        min-height: 200px;
        background-color: transparent;
        overflow-y: scroll;
        overflow-x: hidden;
        /*height: calc(100vh - 10px);*/
        /*height: auto !important;*/
        height: 100% !important;
        display: none;
        /* top: 60%; */
        top: 0px;
    }

    .favoritos {
        z-index: 3000;
        /*border-radius: 8px;*/
        width: 100%;
        position: absolute;
        min-height: 100%;
        background-color: #FFF7EC;
        overflow-y: scroll;
        overflow-x: hidden;
        /*height: calc(100vh - 10px);*/
        height: 100% !important;
        display: none;
        top: 0px;
    }

    .popUps {
        background-color: white !important;
        z-index: 100000;
        display: block;
        width: 100%;
        left: 0%;
        border-radius: 0px;
        height: 100%;
        top: 0%;
        position: fixed;
        display: none;
    }

        .popUps::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
            display: none !important;
        }

    .popUpMiRestaurante {
        background-color: #ECF9F2 !important;
        z-index: 100000;
        display: block;
        width: 100%;
        left: 0%;
        border-radius: 0px;
        height: 100%;
        top: 0%;
        position: fixed;
        display: none;
    }

    .popUpTutorial {
        background-color: #ECF9F2 !important;
        z-index: 100000;
        display: block;
        width: 90%;
        height: 90%;
        left: 5%;
        border-radius: 16px;
        height: 90%;
        top: 8%;
        position: fixed;
        display: none;
    }

    .popUpsInfo {
        background-color: white !important;
        z-index: 200000;
        display: block;
        width: 90%;
        left: 0%;
        border-radius: 8px;
        height: 40%;
        top: 30%;
        margin: 5%;
        position: fixed;
        display: none;
    }

    .popUpSobreUmami {
        background-color: #FFF7EC !important;
        z-index: 100000;
        display: block;
        width: 100%;
        left: 0%;
        border-radius: 0px;
        height: 100%;
        top: 0%;
        position: fixed;
        display: none;
    }

    .margin-left-direction {
        margin-left: -50px !important;
    }

    .height-image {
        height: 50%;
    }

    .margin-top-nombre {
        margin-top: -5px !important;
    }

    .linksMenu {
        position: fixed;
        background-color: white;
        z-index: 100;
        border-radius: 8px;
        top: 15px;
        right: 15px;
        left: 15px;
        width: 92%;
    }

    .divEditar {
        background-color: #FFF7EC;
        width: 100%;
        height: 100%;
        padding-right: 0px;
        z-index: 1002;
        border-radius: 0px !important;
        position: absolute;
        padding: 0px !important;
        /*padding-left: 15px !important;*/
        display: none;
        overflow-y: scroll;
        position: absolute;
        top: 0px;
    }

    #divContentEditarMenu .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #divContentEditarNuevoMenu .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #divContentEditarDescripcion .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #divContentEditarCarta .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #divContentEditarInformacion .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .btn {
        padding: 8px 16px;
    }

    .ui-widget {
        font-size: 1em !important;
    }
}

.btn-primary {
    background-color: #1E4f78 !important;
    border-radius: 8px !important;
    font-weight: normal !important;
    color: white !important;
}

.ui-btn-icon-left:after {
    background-color: transparent !important;
}

@media (min-width:801px) {
    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
}

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.centerlocation {
    position: fixed;
    z-index: 3;
    right: 10px;
    bottom: 110px;
    /*background-color: white;*/
    border-radius: 8px;
    cursor: pointer;
}

.degradado {
    border-width: 10px;
    border-color: #a58b79;
    background: -webkit-linear-gradient(#1E4F78, #1E4F78); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1E4F78, #1E4F78); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1E4F78, #1E4F78); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1E4F78, #1E4F78); /* Standard syntax */
}

::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

@media (min-width:801px) {
    /*::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    }*/
}

[type="date"] {
    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat !important;
    /*border-width: 0px !important;*/
    /*border-bottom-width: 2px !important;*/
    /*border-bottom-color: #1E4F78 !important;*/
    background-color: transparent !important;
    color: #1E4F78 !important;
}

[type="datetime-local"] {
    /*background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat !important;*/
    /*border-width: 0px !important;*/
    /*border-bottom-width: 2px !important;*/
    /*border-bottom-color: #1E4F78 !important;*/
    background-color: transparent !important;
    color: #1E4F78 !important;
}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 0 !important;
}

.select2-dropdown {
    z-index: 999999;
}

.fc-left > h2 {
    font-size: 20px !important;
}

.fc-event-time {
    display: none;
}

.fc-time {
    display: none;
}

.btndias {
    border-radius: 35px !important;
    height: 35px !important;
    width: 35px !important;
    padding: 5px !important;
    margin-right: 3px !important
}

.diaSeleccionado {
    background-color: #008dbb26 !important;
    border-color: #0b72af !important;
    border-width: 2px !important;
    color: #0b72af !important;
}

.btnPopUp {
    /*background-color: white !important;*/
    border-color: #0b72af !important;
    border-width: 2px !important;
    color: #0b72af !important;
    margin-left: 35%;
    width: 30%;
    border-radius: 8px !important;
}

.collapsible {
    background-color: white;
    color: #337ab7;
    font-weight: bold;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-radius: 8px !important;
    border-color: #f1f1f1;
}

.collapsibleTransparent {
    background-color: #ffffff8c !important;
    color: #337ab7;
    font-weight: bold;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-radius: 8px !important;
    border-color: #f1f1f1;
}

.collapsible:hover {
    background-color: #f1f1f1;
}

.collapsible:after {
    content: '\002B';
    color: #0B72AF;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}

.collapsibleOpen {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/*.sombra {
    box-shadow: 9px 9px 13px -10px rgba(0,0,0,0.75);
}*/

.divAmpliar {
    background-color: transparent;
    height: 100%;
    padding-left: 15px;
    padding-right: 0px;
    /*z-index: 199;*/
    z-index: 10001;
    border-radius: 8px;
    position: absolute;
    padding: 15px;
    display: none;
    width: 100%;
}

.divEditar {
    background-color: #FFF7EC;
    height: 100%;
    padding-left: 15px;
    padding-right: 0px;
    z-index: 1002;
    border-radius: 8px;
    position: absolute;
    padding: 15px;
    display: none;
    overflow-y: scroll;
    position: absolute;
    top: 0px;
}

.swiper-slide {
    background-position: center;
    /*background-size: cover;*/
    background-size: initial;
    background-repeat: no-repeat;
    background-color: black;
}

.swiper-container .swiper-container-cubo {
    width: 100%;
    height: 30%;
    margin-left: auto;
    margin-right: auto;
}

.gallery-top {
    height: 80%;
    width: 100%;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

    .gallery-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

.topnav {
    overflow: hidden;
    background-color: #333;
    position: relative;
}

    /* Hide the links inside the navigation menu (except for logo/home) */
    .topnav #linksMenu {
        display: none;
    }

    /* Style navigation menu links */
    .topnav a {
        color: white;
        /*padding: 14px 16px;*/
        text-decoration: none;
        font-size: 17px;
        display: block;
    }

        /* Style the hamburger menu */
        .topnav a.icon {
            background: #ddd;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
        }

        /* Add a grey background color on mouse-over */
        .topnav a:hover {
            background-color: #ddd;
            color: white;
        }

/* Style the active link (or home/logo) */

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    padding: 3px;
}

.platoCarta {
    font-size: small !important;
    font-weight: bold !important;
    color: #1873cc !important;
    margin: 0px !important;
    padding-right: 0px !important;
    white-space: initial;
}

.Precio {
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    border-right-color: #1995d2;
    border-bottom-width: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

.PrecioTexto {
    font-size: small !important;
    font-weight: bold !important;
    color: #1873cc !important;
    padding-top: 1em !important;
    margin: 0px !important;
    padding-right: 0px !important;
}

/*.swiper-container-3d {
            perspective: none;
        }*/

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        cursor: pointer; /* "hand" cursor */
    }

    .inputfile + label {
        font-size: 1.25em;
        font-weight: 700;
        color: white;
        background-color: black;
        display: inline-block;
    }

        .inputfile:focus + label,
        .inputfile + label:hover {
            background-color: red;
        }

    .inputfile:focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

#faviconFile .fa {
    font-size: xx-large !important;
    background-color: white !important;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
    background-color: white;
    border-color: #66a26754;
    color: #337ab7;
    text-shadow: 0 1px 0 #f3f3f3;
}

.btnEditar {
    cursor: pointer;
    position: absolute;
    width: 18px;
    right: 11%;
    z-index: 10;
    top: 16px;
}

* {
    box-sizing: border-box;
}

.faq {
    cursor: pointer;
}

.title-tab {
    padding: 8px 8px;
    background-color: #9e9e9e4d;
    color: black;
    border: 1px solid #fff;
    cursor: pointer;
}

    .title-tab i {
        margin: 8px;
        cursor: pointer;
    }

    .title-tab label {
        margin: 8px;
        cursor: pointer;
    }

.content-tab {
    padding: 20px 12px;
    background-color: #80808026;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: none !important;
}

input[type=checkbox] {
    transform: scale(1.5);
    height: auto;
    width: auto;
    margin: 8px;
    margin-right: 16px;
}

input[type=radio] {
    transform: scale(1.5);
    height: auto;
    width: auto;
    margin: 12px;
}

label {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
}

.ui-widget {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 16px !important;
}

input.ui-button {
    padding: 12px 16px 12px 16px !important;
}

.firstColor {
    background-color: white !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.secondColor {
    background-color: green !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Esto hace el draggable muy poco fluido */
.ui-draggable-handle {
    /*-ms-touch-action: initial !important;
            touch-action: initial !important*/
}

.divBusqueda {
    text-align: center;
    z-index: 500;
    height: 0px;
    top: 56px;
    position: fixed;
    width: 100%;
    padding-left: 30%;
    padding-right: 30%;
    margin-top: 16px;
}

@media (max-width:800px) {
    .divBusqueda {
        text-align: center;
        z-index: 500;
        height: 0px;
        top: 56px;
        position: absolute;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        left: 0%;
        margin-top: 16px;
    }
}

.hrFiltroBusqueda {
    margin-block-start: 0.1em;
    margin-block-end: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 2px solid #1E4F78;
    width: 85%;
    margin-left: 0px;
}

.ui-checkbox {
    float: left;
}

    .ui-checkbox input, .ui-radio input {
        position: relative;
    }

div.ui-slider {
    /*background-color: #337ab7;*/
}

.logoLogin {
    width: 100%;
}

@media (max-width:800px) {
    .logoLogin {
        width: 50%;
    }
}

.ui-checkbox, .ui-radio {
    position: initial !important;
}

.inputLogin {
    outline: 0;
    border-width: 0 0 2px;
    border-color: #1E4F78;
    /*background: #FFF7EC none;*/
    background: transparent;
    width: 100%;
}

.inputLoginInactivo {
    outline: 0;
    border-width: 0 0 2px;
    border-color: #9FA8AF;
    /*background: #FFF7EC none;*/
    background: transparent;
    width: 100%;
}

input {
    /*font-family: 'Geomanist Book' !important;*/
}

.inputLogin:focus {
    /*background-color: #FFF7EC;*/
    background-color: transparent;
    box-shadow: none !important;
}

input[type="checkbox"]:focus {
    box-shadow: none !important;
}

.tituloPrincipal {
    /*font-family: 'Geomanist Bold' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #1e4f78 !important;
    letter-spacing: 0;
}

.tituloPrincipalSobreUmami {
    /*font-family: 'Geomanist Bold' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 48px !important;
    /*font-weight: bold !important;*/
    color: #1E4F78 !important;
    letter-spacing: 0;
}

.tituloPrincipalInactivo {
    /*font-family: 'Geomanist Bold' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 24px !important;
    /*font-weight: bold !important;*/
    color: #9FA8AF !important;
    letter-spacing: 0;
}

.tituloPrincipalSombreado {
    /*font-family: 'Geomanist Bold' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 24px !important;
    /*font-weight: bold !important;*/
    color: white !important;
    letter-spacing: 0;
    text-shadow: 2px 2px 2px black;
}

.tituloSecundario {
    /*font-family: 'Geomanist Medium' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #1e4f78 !important;
    letter-spacing: 0;
}

.tituloSecundarioSobreUmami {
    /*font-family: 'Geomanist Medium' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 32px !important;
    /*font-weight: normal !important;*/
    color: #1E4F78 !important;
    letter-spacing: 0;
}

.paddingSobreUmami {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.tituloSecundarioInactivo {
    /*font-family: 'Geomanist Medium' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #9FA8AF !important;
    letter-spacing: 0;
}

.tituloSecundarioSombreado {
    /*font-family: 'Geomanist Medium' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: white !important;
    letter-spacing: 0;
    text-shadow: 2px 2px 2px black;
}

.tituloPequeño1 {
    /*font-family: 'Geomanist Medium' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #1e4f78 !important;
    letter-spacing: 0;
}

.tituloPequeño1Inactivo {
    /*font-family: 'Geomanist Medium' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #9FA8AF !important;
    letter-spacing: 0;
}

.tituloPequeño1Sombreado {
    /*font-family: 'Geomanist Medium' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: white !important;
    letter-spacing: 0;
    text-shadow: 2px 2px 2px black;
}

.tituloPequeño2 {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 16px !important;
    /*font-weight: lighter !important;*/
    color: #295E8E !important;
    letter-spacing: 0;
}

.tituloPequeño2Inactivo {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 16px !important;
    /*font-weight: lighter !important;*/
    color: #9FA8AF !important;
    letter-spacing: 0;
}

.tituloPequeño2Sombreado {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 16px !important;
    /*font-weight: normal !important;*/
    color: white !important;
    letter-spacing: 0;
    text-shadow: 2px 2px 2px black;
}

.texto {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 12px !important;
    font-weight: unset !important;
    color: #295E8E !important;
    letter-spacing: 0;
}

.textoInactivo {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 12px !important;
    font-weight: unset !important;
    color: #9FA8AF !important;
    letter-spacing: 0;
}

.textoSombreado {
    /*font-family: 'Geomanist Book' !important;*/
    font-family: 'Trebuchet MS' !important;
    font-size: 12px !important;
    font-weight: unset !important;
    color: white !important;
    letter-spacing: 0;
    text-shadow: 2px 2px 2px black;
}

/*.h3PopUp {
    font-size: large !important;
    font-weight: bold !important;
    color: #1E4F78 !important;
    padding-top: 12px;
}*/


.divSeleccionado {
    width: 12%;
    border-radius: 8px;
    text-align: center;
    border-color: #1E4F78;
    display: inline-block;
    border-style: solid;
    border-width: medium;
    height: 40px;
    padding-top: 6px;
}

.divDeseleccionado {
    width: 12%;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    height: 40px;
    padding-top: 6px;
    border-style: solid;
    border-width: medium;
    /*border-color: #11304a3d;*/
    border-color: transparent;
}

.ui-mobile label, .ui-controlgroup-label {
    margin: 0 0 8px !important;
}

.modal.in .modal-dialog {
    background-color: #FFF7EC !important;
}

.titulosMenu {
    font-size: x-large !important;
    font-weight: bold !important;
    color: #1E4F78 !important;
    padding-top: 12px;
    cursor: pointer;
}

    .titulosMenu:hover {
        font-size: x-large !important;
        font-weight: bold !important;
        color: #E7CBA0 !important;
        padding-top: 12px;
        text-decoration: underline;
        cursor: pointer;
    }

.infoMenu {
    /*font-size: large !important;*/
    font-size: 16px;
    font-weight: bold !important;
    color: #A39988 !important;
    padding-top: 12px;
    cursor: pointer !important;
}

@media (max-width:800px) {
    .titulosMenu {
        font-size: xx-large !important;
        font-weight: bold !important;
        color: #1E4F78 !important;
        padding-top: 12px;
        cursor: pointer;
    }

        .titulosMenu:hover {
            font-size: xx-large !important;
            font-weight: bold !important;
            color: #E7CBA0 !important;
            padding-top: 12px;
            text-decoration: underline;
            cursor: pointer;
        }
}

.hrPreciosTarifas {
    margin-top: 8px;
    margin-bottom: 12px;
}

.preciosTarifas {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    width: 30%;
    height: auto;
    float: left;
    margin-right: 2.5%;
    min-height: 480px;
    border-radius: 8px;
    position: relative;
}

@media (max-width:800px) {
    .preciosTarifas {
        padding-top: 16px;
        padding-bottom: 16px;
        margin-bottom: 16px;
        width: 100%;
        height: auto;
        float: none;
        min-height: 480px;
        border-radius: 8px;
        position: relative;
    }
}



.switch {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important;
    height: 34px !important;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

/* The slider */
.slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #9FA8AF !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

    .slider:before {
        position: absolute !important;
        content: "" !important;
        height: 26px !important;
        width: 26px !important;
        left: 4px !important;
        bottom: 4px !important;
        background-color: white !important;
        -webkit-transition: .4s !important;
        transition: .4s !important;
    }

input:checked + .slider {
    background-color: #1E4F78 !important;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3 !important;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px) !important;
    -ms-transform: translateX(26px) !important;
    transform: translateX(26px) !important;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px !important;
}

    .slider.round:before {
        border-radius: 50% !important;
    }

/*.divHeaderFixed {
            z-index: 1051;
            background: #fff;
            background-color: #FFF7EC;
            padding-top: 16px;
        }*/

.headerPopUp {
    position: sticky;
    background-color: #ecefff;
    height: auto;
    z-index: 100001;
    padding-bottom: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.headerPopUpMiRestaurante {
    position: sticky;
    background-color: #ECF9F2;
    height: auto;
    z-index: 100001;
    padding-bottom: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.headerPopUpTutorial {
    position: sticky;
    background-color: #ecf9f2;
    height: auto;
    z-index: 100001;
    padding-bottom: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.ui-slider .ui-slider-handle {
    height: 28px !important;
    width: 28px !important;
}

.ui-slider-track {
    height: 12px !important;
}

/*Para cambiar el tamaño de la línea inactiva del slider range */
.ui-slider {
    height: 3px !important;
    top: 3px !important;
}

/*Para cambiar el tamaño de la línea activa del slider range */
.ui-slider-horizontal .ui-slider-range {
    height: 3px !important;
    top: 0px !important;
}

/*Para cambiar la altura del input sobre el slider range */
.ui-slider-horizontal .ui-slider-handle {
    top: -0.8em !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 8px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 8px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 8px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 8px;
}

.ui-widget-header {
    /*background: #2091DC;*/
    background: #1E4F78;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background-color: #ededed !important;
        border-color: #ddd !important;
    }

*:focus {
    outline: none !important;
    /*-webkit-box-shadow: 0 0 12px #38c !important;*/
    -webkit-box-shadow: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #1E4F78;
}

input[type='range'] {
    -webkit-appearance: none;
    background-color: #ddd;
    height: 20px;
    overflow: hidden;
    width: 400px;
}

    input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        height: 20px;
    }

    input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #333;
        border-radius: 50%;
        box-shadow: -210px 0 0 200px #666;
        cursor: pointer;
        height: 20px;
        width: 20px;
        border: 0;
    }

    input[type='range']::-moz-range-thumb {
        background: #333;
        border-radius: 50%;
        box-shadow: -1010px 0 0 1000px #666;
        cursor: pointer;
        height: 20px;
        width: 20px;
        border: 0;
    }

    input[type="range"]::-moz-range-track {
        background-color: #ddd;
    }

    input[type="range"]::-moz-range-progress {
        background-color: #666;
        height: 20px
    }

    input[type="range"]::-ms-fill-upper {
        background-color: #ddd;
    }

    input[type="range"]::-ms-fill-lower {
        background-color: #666;
    }


.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="radio"],
.checkbox-inline input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: -25px;
}

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    position: relative;
    margin-top: 5px;
    margin-right: 4px;
    vertical-align: -4px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

    input[type="radio"]:focus,
    .radio input[type="radio"]:focus,
    .radio-inline input[type="radio"]:focus {
        outline: none;
    }

    input[type="radio"]:before,
    .radio input[type="radio"]:before,
    .radio-inline input[type="radio"]:before,
    input[type="radio"]:after,
    .radio input[type="radio"]:after,
    .radio-inline input[type="radio"]:after {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        margin-top: -3px;
        border-radius: 50%;
        -webkit-transition: 240ms;
        -o-transition: 240ms;
        transition: 240ms;
    }

    input[type="radio"]:before,
    .radio input[type="radio"]:before,
    .radio-inline input[type="radio"]:before {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #1E4F78;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    input[type="radio"]:after,
    .radio input[type="radio"]:after,
    .radio-inline input[type="radio"]:after {
        border: 2px solid #1E4F78;
    }

    input[type="radio"]:checked:before,
    .radio input[type="radio"]:checked:before,
    .radio-inline input[type="radio"]:checked:before {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        content: "✔";
        font-size: 8px;
        color: white;
        padding-left: 4px;
        padding-top: 1px;
    }

    input[type="radio"]:disabled:checked:before,
    .radio input[type="radio"]:disabled:checked:before,
    .radio-inline input[type="radio"]:disabled:checked:before {
        background-color: #bbbbbb;
    }

    input[type="radio"]:checked:after,
    .radio input[type="radio"]:checked:after,
    .radio-inline input[type="radio"]:checked:after {
        border-color: #1e4f78;
    }

    input[type="radio"]:disabled:after,
    .radio input[type="radio"]:disabled:after,
    .radio-inline input[type="radio"]:disabled:after,
    input[type="radio"]:disabled:checked:after,
    .radio input[type="radio"]:disabled:checked:after,
    .radio-inline input[type="radio"]:disabled:checked:after {
        border-color: #bbbbbb;
    }

input[type="checkbox"].CheckRemoveElement:checked:before,
.checkbox input[type="checkbox"].CheckRemoveElement:checked:before,
.checkbox-inline input[type="checkbox"].CheckRemoveElement:checked:before {
    background-color: #1e4f78 !important;
    border-radius: 50px !important;
}

input[type="checkbox"].CheckRemoveElement:checked:before,
.checkbox input[type="checkbox"].CheckRemoveElement:checked:before,
.checkbox-inline input[type="checkbox"].CheckRemoveElement:checked:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid white;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type="checkbox"].CheckRemoveElement:checked:after,
.checkbox input[type="checkbox"].CheckRemoveElement:checked:after,
.checkbox-inline input[type="checkbox"].CheckRemoveElement:checked:after {
    background-color: #1e4f78 !important;
    border-radius: 50px !important;
}

input[type="checkbox"].CheckRemoveElement:after,
.checkbox input[type="checkbox"].CheckRemoveElement:after,
.checkbox-inline input[type="checkbox"].CheckRemoveElement:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 0px;
    margin-left: 1px;
    /*margin-right: 2px;*/
    border: 2px solid #1e4f78;
    border-radius: 50px;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
    background-color: transparent;
    border-color: #1E4F78 !important;
}

.divContenedorEdicion {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px
}

.posicionCategoria {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 90%;
}

.fileUpload {
    color: white;
    background-color: #1E4F78;
    border-radius: 8px;
}

.contentPopUp {
    padding-top: 0px;
}

.contentPopUpFavoritos {
    padding-top: 72px;
}

.divSobreUmamiHeight {
    height: 450px;
}

.divRotateSobreUmami {
    padding-top: 128px;
    background-color: #FFF7EC;
    text-align: center;
    top: -130px;
    padding-bottom: 48px;
    margin-bottom: -128px;
    /*transform: rotate(-5deg);
    width: 110%;
    left: -5%;*/
}

.divMovilSobreUmami {
    display: block;
}

.footerSobreUmamiApp {
    text-align: left;
}

.footerSobreUmamiLogo {
    text-align: right;
}

.conversacionDeseleccionada {
    cursor: pointer;
    height: 72px;
    text-align: left;
    background-color: #ecefff;
    border-bottom-style: solid;
    border-width: 1px;
    border-bottom-color: #cbcdd8;
    padding-top: 10px;
}

.conversacionSeleccionada {
    cursor: pointer;
    height: 72px;
    text-align: left;
    background-color: #cbcdd8;
    border-bottom-style: solid;
    border-width: 1px;
    border-bottom-color: #cbcdd8;
    padding-top: 10px;
}

.direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0;
}

.direct-chat.chat-pane-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.direct-chat-messages {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 10px;
    height: 250px;
    overflow: auto;
}

.direct-chat-msg, .direct-chat-text {
    display: block;
}

.direct-chat-msg {
    margin-bottom: 10px;
}

    .direct-chat-msg:before, .direct-chat-msg:after {
        content: " ";
        display: table;
    }

    .direct-chat-msg:after {
        clear: both;
    }

    .direct-chat-msg:before, .direct-chat-msg:after {
        content: " ";
        display: table;
    }

    .direct-chat-msg:after {
        clear: both;
    }

.direct-chat-messages, .direct-chat-contacts {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 0px;
    color: #444;
}

    .direct-chat-text:after, .direct-chat-text:before {
        position: absolute;
        right: 100%;
        top: 15px;
        border: solid transparent;
        border-right-color: #d2d6de;
        content: ' ';
        height: 0;
        width: 0;
        pointer-events: none;
    }

    .direct-chat-text:after {
        border-width: 5px;
        margin-top: -5px;
    }

    .direct-chat-text:before {
        border-width: 6px;
        margin-top: -6px;
    }

.right .direct-chat-text {
    margin-right: 0px;
    margin-left: 0;
}

    .right .direct-chat-text:after, .right .direct-chat-text:before {
        right: auto;
        left: 100%;
        border-right-color: transparent;
        border-left-color: #1E4F78;
    }

.direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
}

.right .direct-chat-img {
    float: right;
}

.direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}

.direct-chat-name {
    font-weight: 600;
}

.direct-chat-timestamp {
    color: #999;
}

.direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.direct-chat-contacts {
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #222d32;
    color: #fff;
    overflow: auto;
}


.divOferta {
    padding-left: 0px;
    padding-right: 0px;
    background-color: #ecefff;
    padding-top: 16px;
    padding-bottom: 0px;
    margin-bottom: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
}

.backgroundColorBloked {
    background-color: #eeeeee !important;
}

.backgroundColorWhite {
    background-color: white !important;
}

.iconButton {
    position: absolute;
    top: 14px;
    left: 84px;
    font-size: 25px;
}

.inputButtonTextoLargo {
    width: 100%;
    border-radius: 8px;
    border-color: white !important;
    color: black !important;
    background-color: white !important;
    font-size: x-large;
    white-space: inherit;
    padding-left: 32px;
    font-size: x-large;
}

.marginTopButtonBuscarHome {
    margin-top: 48px;
    text-align: center;
}

.marginTopCamposBusquedaHome {
    margin-top: 40px;
    background-color: white;
    border-radius: 16px;
}

.divLogin {
    padding-top: 16px;
    overflow-y: scroll;
    background-color: #295E8E;
    height: 400px;
    border-radius: 30px;
    border-style: solid;
    border-color: white;
    margin-left: 16px;
    margin-right: 16px;
}

.divRegistro {
    padding-top: 16px;
    overflow-y: scroll;
    background-color: #295E8E;
    height: 400px;
    border-radius: 30px;
    border-style: solid;
    border-color: white;
    margin-left: 16px;
    margin-right: 16px;
}

.divOferta {
    padding-left: 0px;
    padding-right: 0px;
    background-color: #ecefff;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    margin-top: 16px;
}

.divOfertaBusqueda {
    margin-top: 16px;
    height: auto;
}

.imagenOferta {
    text-align: -webkit-center;
    padding-top: 16px;
    padding-left: 0px;
}

.filtrosMobile {
    display:none;
}

.etiquetaEditorHtmlDesactivada {
    background-color: #ecefff;
    border-radius: 8px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #d2ded6;
    display: inline-block;
    cursor: pointer;
    color: #295e8e;
}

.etiquetaEditorHtmlActiva {
    background-color: white;
    border-radius: 8px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #d2ded6;
    display: inline-block;
    cursor: pointer;
    color: #295e8e;
}

.empresaRegistro {
}

.empresaCandidatoRegistro {
}

.botonRegistro {
}

.divUsuarioLogin {
}

@media (max-width:800px) {
    .divContenedorEdicion {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 16px
    }

    .posicionCategoria {
        padding-left: 0px;
        padding-right: 0px;
        float: none;
        width: 90%;
    }

    .headerPopUp {
        position: fixed;
        background-color: #ecefff;
        height: auto;
        z-index: 100001;
        padding-bottom: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .headerPopUpMiRestaurante {
        position: fixed;
        background-color: #ECF9F2;
        height: auto;
        z-index: 100001;
        padding-bottom: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .headerPopUpTutorial {
        position: fixed;
        background-color: #ecf9f2;
        top: 2%;
        left: 5%;
        width: 90%;
        height: auto;
        z-index: 100001;
        padding-bottom: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .divSobreUmamiHeight {
        height: 50px;
    }

    .divRotateSobreUmami {
        padding-top: 128px;
        background-color: #FFF7EC;
        text-align: center;
        top: -56px;
        /*transform: rotate(-5deg);
        width: 120%;
        left: -10%;*/
    }

    .divMovilSobreUmami {
        display: none;
    }

    .tituloPrincipalSobreUmami {
        /*font-family: 'Geomanist Bold' !important;*/
        font-family: 'Trebuchet MS' !important;
        font-size: 32px !important;
        /*font-weight: bold !important;*/
        color: #1E4F78 !important;
        letter-spacing: 0;
    }

    .tituloSecundarioSobreUmami {
        /*font-family: 'Geomanist Medium' !important;*/
        font-family: 'Trebuchet MS' !important;
        font-size: 24px !important;
        /*font-weight: normal !important;*/
        color: #1E4F78 !important;
        letter-spacing: 0;
    }

    .paddingSobreUmami {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .paddingSobreUmamiComunidad {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footerSobreUmamiApp {
        text-align: center;
    }

    .footerSobreUmamiLogo {
        padding-top: 32px;
        text-align: center;
    }

    .iconButton {
        position: absolute;
        top: 14px;
        left: 14px;
        font-size: 25px;
    }

    .marginTopButtonBuscarHome {
        margin-top: 16px;
        text-align: center;
    }

    .marginTopCamposBusquedaHome {
        margin-top: 16px;
        background-color: white;
        border-radius: 16px;
    }

    .inputButtonTextoLargo {
        width: 100%;
        border-radius: 8px;
        border-color: white !important;
        color: black !important;
        background-color: white !important;
        font-size: x-large;
        white-space: inherit;
        padding-left: 32px;
        font-size: 20px;
    }

    .divLogin {
        padding-top: 16px;
        padding-bottom: 16px;
        background-color: #295E8E;
        height: auto;
        border-radius: 30px;
        border-style: solid;
        border-color: white;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        margin-bottom: 32px;
    }

    .divRegistro {
        padding-top: 16px;
        padding-bottom: 16px;
        background-color: #295E8E;
        height: auto;
        border-radius: 30px;
        border-style: solid;
        border-color: white;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        margin-bottom: 32px;
    }

    .candidatoRegistro {
        float: left;
        width: 100%;
    }

    .empresaRegistro {
        float: left;
        width: 100%;
    }

    .empresaCandidatoRegistro {
        float: left;
        width: 100%;
    }

    .botonRegistro {
        float: left;
        width: 100%;
    }

    .divUsuarioLogin {
        float: left;
        width: 100%;
    }

    .botonLogin {
        float: left;
        width: 100%;
    }

    .divOferta {
        padding-left: 0px;
        padding-right: 0px;
        background-color: #ecefff;
        padding-top: 16px;
        padding-bottom: 68px;
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .divOfertaBusqueda {
        margin-top: 16px;
        height: auto;
    }

    .imagenOferta {
        text-align: -webkit-center;
        padding-top: 40px;
        padding-left: 16px;
    }

    .filtrosMobile {
        display: block;
    }

}

@media (min-width:801px) and (max-width: 1024px) {
    .aside {
        z-index: 1000;
        /*border-radius: 8px;*/
        position: absolute;
        top: 56px;
        width: 38%;
        min-height: 200px;
        background-color: white;
        overflow-y: scroll;
        overflow-x: hidden;
        /*direction: rtl;*/
        padding-left: 15px;
        height: calc(100vh - 10px);
        display: none;
        padding: 0px;
        /*width: 28%;*/
    }

    .filtros {
        width: 38% !important;
    }

    .divSobreUmamiHeight {
        height: 50px;
    }
}

.desampliateImage {
    position: absolute;
    cursor: pointer;
    color: white;
    font-size: 20px;
    right: 16px;
    top: 8px;
    text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 10px #000;
}