/* Bootstrap Overrides */
.navbar { font-family:'Comfortaa', cursive; }
.navbar.bg-dark { background-color:#292b2c!important;}
.navbar-brand { padding-top:.25rem; padding-bottom:.25rem; }
.navbar-brand>img { max-height:30px; }
.navbar-brand:hover, .navbar-brand:focus { color:#fff; background-color:#be1e2d; }
.navbar .navbar-nav .active>.nav-link { color:#fff; background-color:#be1e2d; }
.navbar .navbar-nav .nav-link { color:rgba(255,255,255,.7); }
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:focus { color:#fff; background-color:#be1e2d; }
.nav-link { cursor:pointer; }
.dropdown-dark { color:rgba(255,255,255,.7); }
.btn-light { border-color:#ccc; }
.btn-xs { padding:.1rem .5rem; font-size:.875rem; line-height:1.25rem; }
.btn-nopad { padding:0 }
.badge-fs { font-size:100%; }

h1, h2, h3, h4, h5 { font-family:'Comfortaa', cursive; }
@page { size:A4; }

/* General usage */
.dark-bg { background-color:#292b2c }
.map-toolbox { margin:8px; padding:.5rem; background-color:#fff; border:1px solid rgba(0,0,0,.125); border-radius:.25rem; }
.map-legend table { margin:8px; }
.map-legend td { padding-right:8px; }
.stat { display:inline-block; width:150px; margin:0 10px 10px 0; padding:10px; text-align:center; }
.stat-sm { width:135px; font-size:0.8rem; }
.stat-colour { background-color:#666; color:#fff; }
.cell-max { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.card-filters { background-color:#ddd; border-color:#333; }
.card-form { max-width:30rem; background-color:#ddd; border-color:#333; }
.table-list { width:auto; }
.table-list td, .table-list th { padding:.5rem .75rem .5rem .75rem; }
.table-device { font-size:.8rem; margin-top:10px; }
.table-device td { padding:.5rem; }
.table-grey td:nth-child(1) { background-color:#ddd; }

/* viewport dependent */
@media (min-width:576px) and (max-width:767px) {
    .btnfix { margin-top:32px; }
}
@media (min-width:768px) {
    .navbar-stick { position:fixed; top:0; right:0; left:0; z-index:1030; }
    .navbar-pad { padding-top:56px; }
    .btn-filter { margin-top:32px; }
}

/* Forms for non-authenticated users */
.form-nonauth {
    max-width: 280px;
    padding: 15px;
    margin: 0 auto;
    background-color:#eee;
}
.nonauth-logo { margin:30px auto 30px auto; }
.form-nonauth .insights-logo { max-width:50px; padding:20px 0 10px 0; }
.form-nonauth .form-nonauth-heading, .form-nonauth { margin-bottom: 10px; }
.form-nonauth .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-nonauth .form-control:focus { z-index: 2; }
.form-nonauth .firstfield {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #000;
}
.form-nonauth .lastfield {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: rgb(0,0,0);
    border-top:1px solid rgba(0,0,0,0.08);
}
.form-nonauth .onlyfield {
    margin-bottom: 10px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #000;
}
.form-nonauth-heading {
    color: #be1e2d;
    text-align: center;
    font-family: 'Comfortaa', cursive;
}
.form-nonauth .alert { padding:8px 15px; margin-bottom:10px; }