/*
 * Copyright 2023 Hernando Oviedo Juvinao (info@ojhosting.com)
 * This program is private software: prohibited redistribute it and/or modify under any circumstance.
 *
 */

:root {
    --lamp-toolbar-duration: 400ms;
}
.lamp-tabbar {
    --f7-toolbar-inner-padding-left: 0px;
    --f7-toolbar-inner-padding-right: 0px;
    --f7-tabbar-icon-size: 24px;
    overflow: hidden;
    --computed-lamp-color: var(
            --active-lamp-color,
            var(--f7-tabbar-link-active-border-color, var(--f7-theme-color))
    );
}
.lamp-tabbar .toolbar-inner {
    overflow: visible;
}
@media (max-width: 767px) {
    .ios .lamp-tabbar {
        --f7-tabbar-icon-size: 20px;
    }
    .ios .lamp-tabbar.tabbar-labels .tab-link i.icon {
        margin-top: 6px;
    }
    .md .lamp-tabbar {
        --f7-tabbar-icon-size: 24px;
    }
}

.lamp-tabbar .tab-link {
    transition-duration: calc(var(--lamp-toolbar-duration) / 2);
}
.lamp-tabbar .tab-link-active {
    transition-delay: calc(var(--lamp-toolbar-duration) / 2);
}
.theme-dark .lamp-tabbar .tab-link {
    --f7-touch-ripple-color: rgba(255, 255, 255, 0.05);
}
.lamp-tabbar .tab-link-highlight {
    background-color: transparent;
    height: 4px;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.4, 1.4);
    transition-duration: var(--lamp-toolbar-duration);
}
.lamp-tabbar .tab-link-highlight::before {
    --lamp-circle-color: var(--computed-lamp-color);
    --lamp-circle-size: calc(var(--f7-toolbar-height) * 1.25);
    content: '';
    width: var(--lamp-circle-size);
    height: var(--lamp-circle-size);
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0px);
    background-color: var(--lamp-circle-color);
    opacity: 0.5;
    transition-duration: var(--lamp-toolbar-duration);
    filter: blur(30px);
}
.lamp-tabbar .tab-link-highlight::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 32px;
    height: 100%;
    top: 0;
    background-color: var(--computed-lamp-color);
    transform: translateX(-50%);
    z-index: 100;
    transition-duration: var(--lamp-toolbar-duration);
    box-shadow: 0px 0px 2px var(--computed-lamp-color);
    border-radius: 0 0 4px 4px;
}
.lamp-tabbar .tab-link-active {
    color: var(
            --lamp-color,
            var(--f7-tabbar-link-active-color, var(--f7-theme-color))
    );
}

.password-input input[type='text'],
.password-input input[type='password'] {
    padding-right: 32px;
}
.password-input-toggle {
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    opacity: 0.55;
}

.password-input-toggle svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.with-panels-3d .framework7-root {
    -webkit-perspective: 1100px;
    perspective: 1100px;
    overflow: hidden;
}
.with-panels-3d .framework7-root .views {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.with-panels-3d .panel-reveal.panel-left {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
}
.with-panels-3d .panel-reveal.panel-right {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
}
.with-panels-3d.with-panel-left-reveal .framework7-root > .views,
.with-panels-3d.with-panel-left-reveal .framework7-root > .view {
    -webkit-transform: translate3d(260px, 0, 0) rotateY(-30deg);
    transform: translate3d(260px, 0, 0) rotateY(-30deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.with-panels-3d.with-panel-left-reveal .panel-left {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.with-panels-3d.with-panel-right-reveal .framework7-root > .views,
.with-panels-3d.with-panel-right-reveal .framework7-root > .view {
    -webkit-transform: translate3d(-260px, 0, 0) rotateY(30deg);
    transform: translate3d(-260px, 0, 0) rotateY(30deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.with-panels-3d.with-panel-right-reveal .panel-right {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.with-panels-3d.with-panel-left-reveal .framework7-root > .views,
.with-panels-3d.with-panel-right-reveal .framework7-root > .views,
.with-panels-3d.with-panel-left-reveal .framework7-root > .view,
.with-panels-3d.with-panel-right-reveal .framework7-root > .view {
    -webkit-transition-property: -webkit-transform-origin, -webkit-transform;
    transition-property: -webkit-transform-origin, -webkit-transform;
    transition-property: transform-origin, transform;
    transition-property: transform-origin, transform, -webkit-transform-origin, -webkit-transform;
}
.md.with-panels-3d.with-panel-left-reveal .framework7-root > .views,
.md.with-panels-3d.with-panel-right-reveal .framework7-root > .views,
.md.with-panels-3d.with-panel-left-reveal .framework7-root > .view,
.md.with-panels-3d.with-panel-right-reveal .framework7-root > .view {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.item-input{
    max-width: 800px;
}

.buttonnnnnnn{
    background-color: #0c82df;
    color: white;
}

.item-input{
    max-width: 800px;
}

.md .my-sheet-swipe-to-close{
    --f7-sheet-border-color: rgba(0, 122, 255, 0.92);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    max-width: 1210px;
    margin: auto !important;
    position: sticky;
    max-height: 335px;
    width: fit-content;
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
    z-index: 8000;
}

.ios .my-sheet-swipe-to-close{
    --f7-sheet-border-color: rgba(0, 122, 255, 0.92);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    max-width: 980px;
    margin: auto !important;
    position: sticky;
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
    z-index: 8000;
}

.aurora .my-sheet-swipe-to-close{
    --f7-sheet-border-color: rgba(0, 122, 255, 0.92);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    max-width: 980px;
    margin: auto !important;
    position: sticky;
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
    z-index: 8000;
}

.md .sheet-modal-swipe-step{
    --f7-sheet-border-color: rgba(0, 122, 255, 0.92);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    /*/overflow: hidden;
    //max-width: 1210px;*/
    margin: auto !important;
    /*/position: sticky;
    //max-height: 335px;
    //width: fit-content;*/
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
    /*/z-index: 8000;*/
}

.ios .sheet-modal-swipe-step{
    --f7-sheet-border-color: rgba(0, 122, 255, 0.92);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    /*/overflow: hidden;
   // max-width: 980px;*/
    margin: auto !important;
    /*/position: sticky;*/
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
    /*/z-index: 8000;*/
}

.aurora .sheet-modal-swipe-step{
    --f7-sheet-border-color: rgba(0, 122, 255, 0.92);
    order-radius: 15px 15px 0 0;
    /*/overflow: hidden;
    //max-width: 980px;*/
    margin: auto !important;
    /*/position: sticky;*/
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
    /*z-index: 8000;*/
}

.md .form-sheet-device{
    font-size: 11px;
    margin: 0;
    margin-top: 12px;
    margin-bottom: 3px;
    margin-left: 7px;
}

.ios .form-sheet-device{
    font-size: 13px;
    margin: 0;
    margin-top: 26px;
    margin-left: 6px;
}

.aurora .form-sheet-device{
    font-size: 12px;
    margin: 0;
    margin-top: 26px;
    margin-left: 6px;
}

.md .swipe-handler{
    height: 20px;
    position: absolute;
    /*left: 0;*/
    width: 130px;
    top: 0;
    cursor: pointer;
    z-index: 10;
    left: 45%;
}

.md .swipe-handler:after {
    content: '';
    width: 120px;
    height: 6px;
    position: absolute;
    left: 15%;
    top: 50%;
    margin-left: -18px;
    margin-top: -3px;
    border-radius: 3px;
    background: #535353;
}

.sinpading{
    padding-top:0px!important;
    padding-bottom:0px!important;
}

.swipe-handler{
    height: 22px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    cursor: pointer;
    z-index: 10;
}

.swipe-handler:after {
    content: '';
    width: 79px;
    height: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19px;
    margin-top: -3px;
    border-radius: 3px;
    background: #535353;
}

.sheet-backdrop{
    background: rgba(212, 209, 209, 0.02) !important;
}

.item-inner:before{
    content: "" !important;
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    line-height: 0px !important;
    line-height: 0 !important;
    font-size: 0px !important;
    right: 0px !important;
}

.item-inner{
    padding-right: 5px !important;
}

.ios .demo-list-icon {
    width: 29px;
    height: 29px;
    border-radius: 6px;
    box-sizing: border-box;
}
.md .demo-list-icon {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}
.aurora .demo-list-icon {
    width: 18px;
    height: 18px;
    border-radius: 4px;
}

#map-geo {
    position: absolute;
    height: 87%;
    width: 100%;
    bottom: 0;
    margin: 0px;
    padding: 0px
}

.ios #map-geo {
    position: absolute;
    height: calc(100% - calc(var(--f7-navbar-height) + var(--f7-safe-area-top) + 89px));
    width: 100%;
    top: - calc(var(--f7-navbar-height) + var(--f7-safe-area-top) + 66px);
    bottom: 0;
    margin: 0px;
    padding: 0px
}

.aurora #map-geo {
    position: absolute !important;
    height: calc(100% - calc(var(--f7-navbar-height) + var(--f7-safe-area-top) + 92px));
    width: 100%;
    bottom: 0;
    margin: 0px;
    padding: 0px;
    display: flex;
}

.md #map-geo {
    position: absolute !important;
    height: calc(100% - calc(var(--f7-navbar-height) + var(--f7-safe-area-top) + 114px));
    width: 100%;
    bottom: 0;
    margin: 0px;
    padding: 0px;
    display: flex;
}

#map {
    position: absolute !important;
    height: calc(100% - calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)));
    width: 100%;
    top: 0;
    padding: 0px;
    display: flex;
}

.lista-sinmargen{
    margin: 0px !important;
    max-width: 99% !important;
}

.md #my-form-geo{
    margin: 0px !important;
    max-width: 99% !important;
}

.aurora #my-form-geo{
    margin: 0px !important;
    max-width: 98% !important;
}

.ios #my-form-geo{
    margin: 0px !important;
    max-width: 99% !important;
}

.oooption-geofences2{
    margin-left: auto;
}

.sidebar-nave {
    column-count: 2;
}

.item-oj {
    padding-left: 1px !important;
    padding-right: 0px !important;
}

.item-oj2 {
    margin-left: 0px !important;

}

.ojmenu{
    top: calc(var(--f7-safe-area-top) + 6px);
    position: absolute;
    right: 0px;
}

.ios .ojmenu{
    top: calc(var(--f7-safe-area-top) + 8px);
    position: absolute;
    right: 0px;
}

.aurora .ojmenu{
    top: calc(var(--f7-safe-area-top) + 8px);
    position: absolute;
    right: 0px;
}

.size-25 { font-size: 25px }

.size-23 { font-size: 23px }

.size-22 { font-size: 22px }

.size-20 { font-size: 20px }

.size-18 { font-size: 18px }

.size-16 { font-size: 16px }

.size-15 { font-size: 15px }

.size-14 { font-size: 14px }

.menu-item {
    height: calc(var(--f7-menu-item-height) - 9px) !important;
    min-width: calc(var(--f7-menu-item-height) - 9px) !important;
}

.md4654 {
    --f7-searchbar-height: 44px !important;
    --f7-searchbar-input-height: 80% !important;
}

.searchbar {
    top: 6px;
    max-height: 32px !important;
    max-width: 58% !important;
    right: -37%;
}

.item-cell{
    margin-left: 0px !important;
}

.item-content {
    padding-left: 8px !important;
}

.loginS-users{
    max-width: 41%;
}

.inputSoj{
    font-size: calc(var(--f7-searchbar-height) * 0.4) !important;
}

.md .fab > a i {
    left: 40% !important;
}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

.searchbar-devices{
    top: 8px;
    max-height: 32px !important;
    max-width: 99% !important;
    right: 0% !important;
}

.md #blah2{border-radius: 10px;
    max-height: 260px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.md div.thumbnail-frame {
    border: 1px solid #999;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
    padding: 1px;
    max-width: 250px;
    max-height: 250px;
    margin-top: 16px;
}

.ios #blah2{border-radius: 10px;
    max-height: 90px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.ios div.thumbnail-frame {
    border: 1px solid #999;
    border-radius: 10px;
    float: right;
    margin-right: 1px;
    padding: 0px;
    max-width: 90px;
    max-height: 90px;
    margin-top: 16px;
}

.aurora #blah2{border-radius: 10px;
    max-height: 90px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.aurora div.thumbnail-frame {
    border: 1px solid #999;
    border-radius: 10px;
    float: right;
    margin-right: 1px;
    padding: 0px;
    max-width: 90px;
    max-height: 90px;
    margin-top: 16px;
}

#imagenn2{border-radius: 10px;
    max-height: 600px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

div.imagen-big {
    border: 1px solid #999;
    border-radius: 10px;
    float: right;
    margin-right: 1px;
    padding: 0px;
    max-width: 600px;
    max-height: 600px;
    margin-top: 2px;
}

div.imagen-imagen {
    border: 1px solid #999;
    border-radius: 10px;
    float: right;
    margin-right: 1px;
    padding: 0px;
    max-width: 600px;
    max-height: 600px;
    margin-top: 2px;
    width: 100%;
}

#photo{
    width: -webkit-fill-available;
}

.item-cellC {
    margin-left: 11px !important;
}

.sidebar-nave-colum {
    column-count: 2;
}

.columns {
    -moz-column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 1em;
    column-count: 4;
    column-gap: 1em;
}

.inneroj {
    padding-bottom: 0px !important;
}

.ios .inneroj{
    padding-bottom: 0px !important;
    display: contents;
    padding: 0;
    font-size: 10px;
}

.aurora .inneroj{
    padding-bottom: 0px !important;
    display: contents;
    padding: 0;
    font-size: 10px;
}

.fab[class*="right-center"] {
    top: 50% !important;
}

#canvasdevice{
    border-radius: 10px;
    max-height: 180px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

div#thumbnail-frame-device {
    border: 1px solid #999;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
    padding: 1px;
    max-width: 180px;
    max-height: 180px;
    margin-bottom: 12px;
}

.borrar-panel-eventos{
    background-color:white !important;
    text-color: black !important;
}

.cerrar-panel-eventos{
    background-color: gray !important;
    text-color: white !important;
}

.iconfavicona{
    background: url('../img/favicon.ico');
    height: 10px;
    width: 10px;
    display: block;
}

.iconfavicona{
    background: url('../img/favicon.ico');
    height: 20px;
    width: 20px;
    display: block;
}

#panorama {
    position: absolute !important;
    height: calc(100% - calc(var(--f7-navbar-height) + var(--f7-safe-area-top)));
    width: 100%;
    top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
    bottom: 0;
    margin: 0px;
    padding: 0px;
    display: block;
}

.labelsOj {
    color: #000000;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-shadow: white -1px 0px, white 1px 0px, white 0px -1px, white 0px 1px;
    width: 180px;
    white-space: nowrap;
    opacity: 0.9;
    z-index: 15000 !important;
    text-align: center;
}

.labelsOjR {
    color: #000000;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-shadow: white -1px 0px, white 1px 0px, white 0px -1px, white 0px 1px;
    width: 120px;
    white-space: nowrap;
    opacity: 0.9;
    z-index: 15000 !important;
    text-align: center;
}

.labelsOjG {
    color: blue;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 14px;
    text-align: center;
    text-shadow: white -1px 0px, white 1px 0px, white 0px -1px, white 0px 1px;
    width: 140px;
    white-space: nowrap;
    opacity: 0.9;
    z-index: 1 !important;
}

.md #panel-2{
    max-height: 9%;
    margin-top: 8px;
}

.ios #panel-2{
    max-height: 9%;
    margin-top: 5px;
}

.aurora #panel-2{
    max-height: 9%;
    margin-top: 5px;
}

.lioj {
    min-width: 7em !important;
}

.ios .lioj {
    min-width: 5em !important;
}

.aurora .lioj {
    min-width: 5em !important;
}

.md .liadress{
    max-width: 17em !important;
}

.ios .liadress{
    max-width: 7em !important;
}

.aurora .liadress{
    max-width: 7em !important;
}

.block-sheet-oj{
    display: inline-block;
}

.ios .block-sheet-oj{
    display: inline-flex;
    font-size: 4px;
    margin-left: 7px
}

.aurora .block-sheet-oj{
    display: inline-flex;
    font-size: 4px;
    margin-left: 7px
}

.md .button-sheet-oj{
    font-size: 13px;
}

.ios .button-sheet-oj{
    font-size: 11px;
}

.aurora .button-sheet-oj{
    font-size: 10px;
}

.md .toast.toast-center {
    left: 75%;
}

.ajs-message.ajs-testt {
    color: rgba(0, 0, 0, 0.89);
    background-color: #ffffffd4;
    border-color: #0c82df;
    border-radius: 9px;
    margin-top: 6px !important;
    overflow: hidden;
}

.ajs-message.ajs-noti {
    color: rgba(0, 0, 0, 0.89);
    background-color: #ffffffd4;
    border-color: #0c82df;
    border-radius: 9px;
    margin-top: 6px !important;
    overflow: hidden;
}

.divsheetb{
    margin-top: 4px;
}

.ios .devicedisabledw{
    max-width: 13%;
}

.aurora .devicedisabledw{
    max-width: 13%;
}

.ios .devicenamew{
    max-width: 34%;
}

.aurora .devicenamew{
    max-width: 34%;
}

.ios .mantnamew {
    overflow: hidden;
    text-overflow: ellipsis;
}

.aurora .mantnamew {
    overflow: hidden;
    text-overflow: ellipsis;
}

#pagina-report{
    height: calc(100% - var(--f7-navbar-height));
    top: var(--f7-navbar-height);
}

.grid-resizable-demo{
    height: 100%;
}

#map-report {
    position: absolute !important;
    height: 100%;
    width: 100%;
    bottom: 0;
    padding: 0px;
    display: flex;
}

.resize-handler{
    background-color: #0c82df4f;
}

.md .resize-handler:after{
    height: 9px;
    max-width: 20%;
    background-color: #000000c7;
}

.ios .resize-handler:after{
    height: 8px;
    max-width: 20%;
    background-color: #000000c7;
}

.aurora .resize-handler:after{
    height: 8px;
    max-width: 20%;
    background-color: #000000c7;
}

.row + .row{
    margin-top: 10px;
}

.row > .resize-handler{
    height: 10px;
}

.row > .resize-handler:after{
    top: 18%;
}

.ojmenur{
    top: calc(var(--f7-safe-area-top) + 6px);
    position: absolute;
    right: 0px;
}


.row-bottom{
    height: 25%;
    min-height: 10%;
}

.col-bottom-content{
    height: 100%;
    background-color: #efefef;
    overflow: auto;
}

.list-report{
    margin: 1px;
}

.ios .list-report{
    margin: 1px;
    font-size: 13px;
}

.aurora .list-report{
    margin: 3px;
    font-size: 13px;
}

.item-reports{
    margin-left: 11px !important;
    margin-right: 11px;
}

.xlText {
    mso-number-format: \@ !important;
}

.popup-geocercas:not(.popup-tablet-fullscreen) {
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.dt-buttons{
    display: none;
}

#botons-export{
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
}

.md .ojinfo{
    top: calc(var(--f7-safe-area-top) + 6px);
    position: absolute;
    right: 49%;
}

.ios .ojinfo{
    top: calc(var(--f7-safe-area-top) + 2px);
    position: absolute;
    left: 7%;
}

.aurora .ojinfo{
    top: calc(var(--f7-safe-area-top) + 2px);
    position: absolute;
    left: 7%;
}

.ios .menu-item-info{
    height: 18px !important;
    width: 19px !important;
}

.aurora .menu-item-info{
    height: 18px !important;
    width: 19px !important;
}

.colmap{
    height: calc(50vh - calc(var(--f7-tabbar-labels-height)/2 + var(--f7-safe-area-bottom)/2 + var(--f7-searchbar-height)));
    position: relative;
    margin-top: 0px;
}

.colmaptop{
    top: 0px;
    position: relative;
}

.cerocentro{
    padding: 0;
    width: 320px;
    margin: auto;
}
#smartlricono div.item-inner:after{
    width: 64%;
    right: 0;
    left: auto;
}

.ttoolbar-inner1 {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.tToolbar-inners1{
    opacity: 1 !important;
    transform: scale(1) !important;
}

.fab-morphi{
    bottom: calc(var(--f7-fab-margin) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)) !important;
}

.fab-morph-target, .toolbar-bottom2 {
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)) !important;
}

.panel2 {
    height: calc(100% - calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)));
    top:0px;
}

.panel-right-2{
    height: calc(100% - calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)));
    top:0px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.notired{
    background-color: rgba(255, 0, 0, 0.5);
}

.panel-right-3{
    height: calc(100% - calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)));
    top:0px;
}

.ocultar{
    display: none;
}

.virtual-lis2{
    margin-left: -9px;
}

.itemmediacustom{
    display: contents !important;
}

.sheet-report{
    max-height: calc(45vh - calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom) + var(--f7-searchbar-height)));
    max-width: 98%!important;
}

.buscarcustom{
    position: absolute!important;
    max-height: 100%!important;
    bottom: 0px!important;
    top: auto!important;
}

.sheet-trips{
    --f7-sheet-border-color: rgba(0, 122, 255, 0.92);
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    margin: auto !important;
    position: sticky;
    width:auto;
    max-height: calc(45vh - calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom) + var(--f7-searchbar-height)));
    max-width: 650px;
    bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
}


@media only screen and (max-width: 933px) {
    .image-popup {
        display: none;
    }
}

@media only screen and (min-width: 934px) {
    .image-popup-boton {
        display: none;
    }
}

@media only screen and (max-width: 680px) {
    .rsbg {
        display: none;
    }
    .csbg {
        display: none;
    }
    .vsbg {
        display: none;
    }
    .sharesbg {
        display: none;
    }
    .ntsbg {
        display: none;
    }
    .tsbg {
        display: none;
    }
    .nssbg {
        display: none;
    }
    .ssbg {
        display: none;
    }
    .block-sheet-oj{
        display: inline-flex;
    }
}

@media only screen and (min-width: 681px) {
    .rsb {
        display: none;
    }
    .csb {
        display: none;
    }
    .vsb {
        display: none;
    }
    .sharesb{
        display: none;
    }
    .ntsb {
        display: none;
    }
    .tsb {
        display: none;
    }
    .nssb {
        display: none;
    }
    .ssb {
        display: none;
    }
    .block-sheet-oj{
        display: inline-block;
    }
}

.formtrips{
    font-size: 13px;
}

.itemformtrips{
    display: contents!important;
}

.titletrips{
    display: flex;
}

.item-htrips{
    margin-right: 8px;
}

.litrips{
    padding-top: 5px;
}

.testdtrips{
    overflow: hidden;
    text-overflow: ellipsis;
}

.aurora .testdtrips{
    max-width: 26vh;
}

.aurora .testdtrips{
    max-width: 26vh;
}

.ios .testdtrips{
    max-width: 26vh;
}

.list .itemformtrips:after{
    background-color: rgba(0, 0, 0, 0.44) !important;
}

.menulist{
    --menu-list-offset: 0px;
    position: relative;
    z-index: 1;
    font-size: var(--f7-list-font-size);
    margin: var(--f7-list-margin-vertical) 0;
}

.transparencia{
    background-color: #efeff4cc;
}


.transparenciadark{
    background-color: #000000cc;
}

body {
    background: #074d55;
    background: -moz-radial-gradient(center, ellipse cover, #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, right bottom, 0px, left top, 100%, color-stop(0%,#6967a5), color-stop(50%,#2075a1), color-stop(100%,#074d55));
    background: -webkit-radial-gradient(right bottom, ellipse cover, #6967a5 0%, #2075a1 50%, #074d55 100%);
    background: radial-gradient(ellipse at right bottom, #6967a5 0%, #2075a1 50%, #074d55 100%);
}
.panel-right-1 .page, .panel {
    background: none;
}
.panel-right-1 .list ul {
    background: none;
    border:none;
}
.panel-right-1 .list .item-link {
    color:#fff;
}
.panel-right-1 .list .item-link.active-state {
    background: rgba(255,255,255,0.2);
}
.panel-right-1 .list .item-inner {
    border-bottom-color:rgba(255,255,255,0.2);
}
.panel-right-1 .block, .panel .block-title {
    color:#fff;
}

.ullistdevices{
    background-color: rgba(239, 239, 244, 0.88);
}

.treeview-toggle:after {
    border-top: 5px transparent !important;
    border-bottom: 5px transparent !important;
}

.treeview-toggle {
    width: 157px !important;
}

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

.treeview-item-label{
    overflow: hidden;
    text-overflow: ellipsis;
}

.colorforange{
    background-color: #ffa50026;
}

.ojtext{
    text-overflow: ellipsis;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
    transition: all .2s linear;
    cursor: pointer;
}

.ojtext:focus, .ojtext:hover {
    color:transparent;
}

.ojtext:focus:after,.ojtext:hover:after{
    content:attr(data-text);
    overflow: visible;
    text-overflow: inherit;
    border: 1px solid #eaebec;
    padding: 0 .5rem;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);
    white-space: normal;
    word-wrap: break-word;
    display:block;
    color:black;
    position: fixed;
    max-width: 12rem;
    background: #fff;
    margin-top:-1.25rem;
    height:auto;
    z-index: 50;
    left:auto;
}

.sinoverflow{
    overflow: hidden!important;
}

.dark .my-sheet-swipe-to-close{
    --f7-sheet-bg-color:rgb(0 0 0 / 79%)!important;
}

.dark .transparencia{
    background-color: #000000cc!important;
}

.dark .sheet-trips{
    --f7-sheet-bg-color:rgb(0 0 0 / 63%)!important;
}