#camera {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
}
#video-wrapper {
    position: relative;
    display: flex;
}
#video-target {
    position: absolute;
    z-index: 10;
    border: 1px solid #00000080;
    /*box-shadow: 0 0 3px #000;*/
    border-color: #00000080;
}
#video {
    position: relative;
    border: 1px solid #c0a15d;
}
#video:after {
    content: '';
    display: block;
    border: 1px solid dodgerblue;
}

.hidden {display:none;}

body {
    /*background-color: saddlebrown;*/
}

body .container {
    padding: 0;
}

#order {
    padding-bottom: 60px;
}

ion-icon {
    --ionicon-stroke-width: 32px;
}

.appBottomMenu {
    min-height: 56px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #E1E1E1;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: env(safe-area-inset-bottom);
}

.appBottomMenu .item {
    font-size: 9px;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    height: 56px;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}



.appBottomMenu .item i.bi, .appBottomMenu .item i.icon, .appBottomMenu .item ion-icon {
    display: inline-flex;
    margin: 1px auto 3px auto;
    font-size: 26px;
    line-height: 1em;
    color: #141515;
    transition: 0.1s all;
    display: block;
    margin-top: 1px;
    margin-bottom: 3px;
}

.appBottomMenu .item .col {
    width: 100%;
    padding: 0 4px;
    text-align: center;
}

 .hydrated {
     visibility: inherit;
 }


.appBottomMenu .item.active i.bi, .appBottomMenu .item.active i.icon, .appBottomMenu .item.active ion-icon, .appBottomMenu .item.active strong {
    color: #1E74FD !important;
    font-weight: 500;
}

#settingsPanel .modal-content {
    background-color: #ffffffdb;
}

.main-menu-tab {
    padding-bottom: 60px;
}

#list nav.navbar {
    max-height: 54px;
}

.list-order-switch-panel-archive #action-list-as-panel,
.list-order-switch-panel-archive #action-list-as-archive {
    cursor: pointer;
    border: 1px solid #c3c3c3;
    background-color: #f0f0f0;
    padding: 8px;
    font-weight: bold;
}
#action-list-as-panel.active {
    border: 1px solid #bf8b1b;
    background-color: #ffe6a8;
    color: #9c6d04
}
#action-list-as-archive.active {
    border: 1px solid #722eae;
    background-color: #bfa8f5;
    color: #5623bd;
}

.orders-list-content.order-list-panel {
    margin-top: 45px;
}
.orders-list-content.order-list-archive {
    margin-top: 105px;
}

.orders-list .list-group-item {
    padding: 0.5rem;
}

.order-open-toggle {
    cursor: pointer;
}
.order-list-item.opened {
    background-color: #fffef3;
    border-bottom-width: 2px;
    border-top-width: 2px;
}

.col.order-icon {
    max-width: 3em;
}

.order-icon-offline {
    color: #1d9535;
    /*color: #e5a70f;*/
}
.order-icon-online {
    color: #1d9535;
}