body { color: #212529; } .page-header { margin: 20px 0 20px; } .page-header .logo { margin-right: 5px; } .card { border-color: #c61931; } .sidebar { background-color: #f8f9fc; } .sidebar-brand-text { text-transform: none; color: #212529; font-size: 2.0rem; font-weight: 500; font-family: Helvetica, Arial, sans-serif; } .card .card-header { border-color: #d8224c; background-color: #d8224c; color: #fff; font-size: 1.2rem; } .card-footer { background-color: #f2f1f0; } .nav-item { font-size: 0.85rem; } .nav-tabs .nav-link.active, .nav-tabs .nav-link { font-size: 1.0rem; } .nav-tabs a.nav-link { color: #6e707e; } a.nav-link.active { font-weight: bolder; } .sidebar .nav-item .nav-link { padding: 0.6rem; } .alert-success { background-color: #d4edda; } .btn-primary { color: #d8224c; background-color: #fff; border-color: #d8224c; } .btn-warning { color: #333; } .btn-primary:hover { background-color: #c61931; border-color: #c61931; } i.fa.fa-bars { color: #d1d3e2; } i.fa.fa-bars:hover{ color: #6e707e; } .info-item { width: 10rem; float: left; } .info-item-wifi { width: 6rem; float: left; } .webconsole { width:100%; height:100%; border:1px solid; } #console { height:500px; } .systemtabcontent { height:100%; min-height:500px; } .service-status { border-width: 0; } .service-status-running { color: green; } .service-status-stopped { color: red; animation: flash 1s linear infinite; } @keyframes flash { 50% { opacity: 0; } } .logoutput { width:100%; height: 20rem; border: 1px solid #d1d3e2; border-radius: .35rem; } pre.unstyled { border-width: 0; background-color: transparent; padding: 0; } .dhcp-static-leases { margin-top: 1em; margin-bottom: 1em; } .dhcp-static-lease-row { margin-top: 0.5em; margin-bottom: 0.5em; } .loading-spinner { background: url("../../app/img/loading-spinner.gif") no-repeat scroll center center transparent; min-height: 150px; width: 100%; } .js-reload-wifi-stations { min-width: 10rem; } .sidebar.toggled .nav-item .nav-link span { display: none; } .sidebar .nav-item .nav-link i, .sidebar .nav-item .nav-link span { font-size: 1.0rem; } .btn-warning:hover { color: #000; } .toggle-off.btn { padding-left: 1.2rem; font-size: 0.9rem!important; } .toggle-on.btn { font-size: 0.9rem!important; } /* change transition animation when sidebar is toggled */ #accordionSidebar.toggled { -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; }