homebridge-camera-ui/interface/css/camera~cameras~dashboard~notifications~recordings~settings.edf5936d.css

User Interface for RTSP capable cameras.

.back-to-top[data-v-35af3964]{position:fixed;display:block;opacity:0;right:25px;bottom:40px;z-index:98;width:30px;height:30px;background:var(--primary-color);border-radius:15px;color:#fff!important;border:2px solid rgba(0,0,0,.2);cursor:pointer}.isVisible[data-v-35af3964]{opacity:.8;transition:all .4s ease-in}.isVisible[data-v-35af3964]:hover{opacity:1}.isHidden[data-v-35af3964]{opacity:0;transition:all .4s ease-in}.footer[data-v-0bfbd2fc]{width:100%;opacity:0;position:fixed;bottom:0;color:var(--primary-font-color);font-size:14px;background:var(--secondary-bg-color);box-shadow:0 2px 15px rgba(18,66,101,.08);border-top:1px solid var(--third-bg-color);transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .2s;border-bottom:5px solid var(--primary-color)}.footer-inner[data-v-0bfbd2fc]{height:55px;font-size:12px}.snapline[data-v-0bfbd2fc]{width:100%;position:relative;height:1px;background:transparent;bottom:0}.visible[data-v-0bfbd2fc]{opacity:1}.hidden[data-v-0bfbd2fc]{opacity:0}.navbar2-toggler[data-v-47905300]{width:30px;height:30px;background:var(--primary-color);border-radius:8px;cursor:pointer;text-align:center;padding:0;margin:0;color:#fff;font-size:20px;z-index:101;border:none}#togglerBtn[data-v-47905300]{transition:all .3s}.navbar2-toggler[data-v-47905300]:active,.navbar2-toggler[data-v-47905300]:focus,.navbar2-toggler[data-v-47905300]:hover{box-shadow:none!important;border:none!important}@media (hover:hover){.navbar2-toggler[data-v-47905300]:active,.navbar2-toggler[data-v-47905300]:focus,.navbar2-toggler[data-v-47905300]:hover{box-shadow:none!important;border:none!important;background:var(--secondary-color)}}.navbar2-toggler-icon[data-v-47905300]{margin-top:4px}.navbar2-collapsed[data-v-47905300]{position:absolute;background:var(--primary-color);width:100%;min-width:230px;height:30px;right:0;top:0;border-top-right-radius:8px;border-bottom-left-radius:8px;z-index:100;display:none;font-size:13px;box-shadow:0 2px 5px -1px rgba(0,0,0,.5);border-bottom:3px solid var(--secondary-color)}.navbar2-collapsed-expand[data-v-47905300]{height:350px;max-width:500px;display:block}.navbar2-collapsed ul[data-v-47905300]{margin:0;padding:0;list-style:none}.navbar2-collapsed ul li a[data-v-47905300]{color:#fff;transition:all .3s}.custom-hover[data-v-47905300]{color:#fff;background:var(--secondary-color)}.navbar2-collapsed ul li:first-child a[data-v-47905300]:hover,.navbar2-collapsed ul li[data-v-47905300]:first-child{border-top-right-radius:8px}.navbar2-collapsed ul li:last-child a[data-v-47905300]:hover,.navbar2-collapsed ul li[data-v-47905300]:last-child{border-bottom-left-radius:8px}.navbar2-collapsed ul li a[data-v-47905300]:hover{background:var(--secondary-color)}div.navbar2-collapsed.navbar2-collapsed-expand>ul>li>.nav-link[data-v-47905300]{padding:15px 10px;border-bottom:1px solid rgb(0 0 0/21%)}div.navbar2-collapsed.navbar2-collapsed-expand>ul>li:last-child>.nav-link[data-v-47905300]{border-bottom:none}div.navbar2-collapsed.navbar2-collapsed-expand>ul>li>a.router-link-active[data-v-47905300]{color:#fff;background:var(--secondary-color)}div.navbar2-collapsed.navbar2-collapsed-expand>ul>li:first-child>a.router-link-active[data-v-47905300]{border-top-right-radius:8px}div.navbar2-collapsed.navbar2-collapsed-expand>ul>li:last-child>a.router-link-active[data-v-47905300]{border-bottom-left-radius:8px}@media (min-width:992px){.toggler[data-v-47905300]{display:none!important}}.navbar2[data-v-372acbc8]{background:var(--secondary-bg-color)!important;border-bottom:3px solid rgba(0,0,0,.05)!important;position:fixed;top:0;right:0;left:0;z-index:90;transform:translateZ(0);-webkit-transform:translateZ(0)}.navbar-light .navbar-brand[data-v-372acbc8]{color:var(--primary-font-color)}.navbar2-inner[data-v-372acbc8]{height:90px;transition:all .3s}.navbar2-inner-minify[data-v-372acbc8]{height:60px}.navbar-brand[data-v-372acbc8]{transition:all .3s}.navbar-brand-minify[data-v-372acbc8]{font-size:1rem!important}.navbar-brand-img[data-v-372acbc8]{transition:all .3s;-o-object-fit:cover;object-fit:cover;max-width:45px;max-height:45px}.navbar-brand-img-minify[data-v-372acbc8]{max-width:35px;max-height:35px}.navbar2-items[data-v-372acbc8]{display:none!important;font-size:.8rem}.navbar2-items ul[data-v-372acbc8]{display:flex;margin:0;padding:0;list-style:none}.navbar2-items ul li a[data-v-372acbc8]{color:var(--primary-font-color)}.navbar2-items ul li a[data-v-372acbc8]:hover{color:var(--primary-color)}div.navbar2-items>ul>li>.nav-link[data-v-372acbc8]{padding:.5rem .7rem}div.navbar2-items>ul>li>a.router-link-active[data-v-372acbc8]{color:var(--primary-color)!important}.camview-btn[data-v-372acbc8]{background:var(--third-bg-color);border-radius:5px;transition:all .3s;margin-right:5px}.camview-btn[data-v-372acbc8]:hover{background:#b3b3b3}.camview-btn a[data-v-372acbc8]:hover{color:#fff!important}.logout-btn[data-v-372acbc8]{background:var(--primary-color);border-radius:5px;transition:all .3s}.logout-btn[data-v-372acbc8]:hover{background:var(--third-color)}.logout-btn a[data-v-372acbc8],.logout-btn a[data-v-372acbc8]:hover{color:#fff!important}@media (min-width:992px){.navbar2-items[data-v-372acbc8]{display:flex!important}}@media (min-width:1200px){.navbar2-items[data-v-372acbc8]{font-size:.9rem}}