body {
    font-family: 'Segoe UI', sans-serif;
}

/* Header */
header{
    padding:0 0 0 1em;
}
header .logo{
    padding: 12px 0;
    display: inline-block; 
}
header .logo img{
   transition: all .3s ease-in-out;
}
/* Login Screen */
.ad-ls{
    height: calc(100vh - 160px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.panel.panel-default {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
    padding: 3em;
    background: #fff;
}
.form .form-group{
    margin-bottom: 1em;
}
.form .form-group label{
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
}
.form .form-group input,.form .form-group select{
    height: 2.5rem;
}
.form .form-group select#ccto{height:auto;}
.form .form-group .form-check input{
    height: 1em;
}
.form .form-group input:focus,.form .form-group select:focus{
    box-shadow: none;
    border: 1px solid #d44230;
}
.form .form-group textarea {
    height: 2.5rem;
}
.form .btn{
    color: #fff;
    padding: 0.4rem 1.5rem 0.5rem;
    border-radius: 3px;
    background: #d44230;
    border: 0;
    transition: all .3s ease-in-out;
    margin: 1em 0 0;
}
.form .btn:focus{
    box-shadow: none;
}
.form .checkbox input {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 2px;
}
.form .checkbox label {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
}
.logo {
    width: 160px;
}

.text-grey {
    color: #84828A;
}

.sidebar .nav-link.nactive,
.sidebar .nav-link:hover {
    color: #dc3545 !important;
}

.shadow {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

img {
    max-width: 100%;
    height: auto;
}

.city-card {
      background-color: #fff;
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 0 8px rgba(0,0,0,0.05);
      /* min-width: 280px; */
    }

    .card-title {
          font-weight: 700;
    font-size: .813em;
    margin-bottom: 0.25rem;
    }

    .update-time {
      font-size: 0.75rem;
      color: #999;
      text-align: right;
    }

    .current-value-label {
      font-size: 0.85rem;
      color: #555;
      margin-bottom: 0.25rem;
    }

    .current-value {
      font-size: 1.75rem;
      font-weight: 700;
      letter-spacing: 4px;
      color: #000;
    }

    .graph {
      width: 100%;
      height: 40px;
    }

    .graph img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    /*Sidebar styles*/
    .sidebar{
    width: 275px;
    height: 100vh;
    position: sticky;
    left: 0;
    top: 0;

    }
.nav-item .nav-link{color:#dc3545}