/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
 * Contents
 *
 * 1. NK Sidebar
 * 2. Navbar background
 * 3. Nav Links
 * 4. Dashboard - By Suburb
 * 5. NK-ECWG
 * 6. Alerts
 * 7. Forms
 * 8. User
 * 9. Links and Hovers
 * 10. TB List
 * 11. Auth Forms
**/

/* ======================================
NK Sidebar
====================================== */
.nk-sidebar {
    top: 100px;
}
.nk-sidebar-content {
    height: calc(100vh - 65px - 100px);
}
.logo-img {
    width: 222px;
    max-height: 60px;
}
.nk-header-content-block {
    min-width: 32%;
}
@media (max-width: 1490px) {
    .nk-header-content-block {
        min-width: 40%;
    }
}

/* ======================================
Navbar background
====================================== */
.nk-sidebar.is-light {
    background: #198754;
    border-right-color: #198754;
}
.nk-menu-icon,
.is-light .nk-menu-link,
.nk-menu-toggle:after {
    color: #fff;
}
.nk-sidebar .nk-menu-sub,
.nk-sidebar .nk-menu > li > .nk-menu-link:hover {
    background: transparent;
}
.nk-sidebar .nk-menu-sub:before,
.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link:before {
    display: none;
}

/* ======================================
Nav Links
====================================== */
.nk-sidebar .nk-menu > li.active > .nk-menu-link {
    background: transparent;
}
.is-light .nk-menu-link:hover, .is-light .active > .nk-menu-link,
.nk-menu-link:hover .nk-menu-icon, .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon,
.has-sub.active > .nk-menu-toggle:after {
    color: #F8EB21
}
.nk-menu-heading .overline-title {
    color: #fff;
}
.user-name {
  font-weight: 500;
}

/* ======================================
Dashboard - By Suburb
====================================== */

.map-block {
    height: 187px;
    overflow: hidden;
    padding: 16px 0;
}
.map-block iframe {
    max-width: 100%;
    /* height: 180px; */
    height: auto;
}

/* ======================================
NK-ECWG
====================================== */

.nk-ecwg .data-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .nk-ecwg4-ck {
    height: 180px;
    width: 180px;
    margin-right: 1.5rem;
  }
  @media (min-width: 1540px) {
    .nk-ecwg4-ck {
      height: 210px;
      width: 210px;
      margin-right: 2.5rem;
    }
  }
  .nk-ecwg4-legends {
    flex-grow: 1;
    padding: 1rem 0;
  }
  .nk-ecwg4-legends li {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
  }
  .nk-ecwg4-legends .title {
    display: flex;
    align-items: center;
  }
  .nk-ecwg4-legends .title .dot {
    margin-right: 0.5rem;
  }
  
  /* ======================================
Alerts
====================================== */

  .ui-rounder .alert {
    border-radius: 0!important;
  }

/* ======================================
Forms
====================================== */
 .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0fac81;
    --bs-btn-border-color: #0fac81;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d926e;
    --bs-btn-hover-border-color: #0c8a67;
    --bs-btn-focus-shadow-rgb: 51, 184, 148;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0c8a67;
    --bs-btn-active-border-color: #0b8161;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(16, 25, 36, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0fac81;
    --bs-btn-disabled-border-color: #0fac81;
 }
 .form-control:focus {
    color: #3c4d62;
    background-color: #fff;
    border-color: #0fac81;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(15,172,129,.1);
}
.form-icon {
  top: calc(44px - 13px);
}

/* ======================================
User
====================================== */

.user-avatar {
    background-color: rgba(15, 172, 129, .6) !important;
}
.dropdown-menu-s1 {
    border-top: 3px solid rgba(15, 172, 129, .6);
}
.link-list a:hover {
    color: #0c8a67;
}

/* ======================================
Links and Hovers
====================================== */
.link-list-menu li.active > a, .link-list-menu a.active, .link-list-menu a:hover, .link-list-menu li.active > a .icon, .link-list-menu a.active .icon, .link-list-menu a:hover .icon, .link-list-menu li.active > a:after, .link-list-menu a.active:after, .link-list-menu a:hover:after {
    color: #0c8a67;
}

/* ======================================
TB List
====================================== */
.nk-tb-list > .tb-lead a,
.nk-activity-data .label a,
.nk-footer .nav-link {
  color: #364a63;
}
.nk-tb-list > .tb-lead a:hover,
.nk-activity-data .label a:hover,
.nk-footer .nav-link:hover {
  color: rgba(15, 172, 129, .6);
}
.card-tools a {
  color: #0c8a67;
}
.card-tools a:hover {
  color: rgba(15, 172, 129, .6);
}
.card-tools-nav li a:before {
  background: rgba(15, 172, 129, .6);
}

/* ======================================
TB List
====================================== */
.nk-block-head-content .btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover,
.nk-block-head-content .dt-buttons .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: rgba(15, 172, 129, .6);
  border-color: rgba(15, 172, 129, .6);
}

/* ======================================
Auth Forms
====================================== */
#userLoginForm .is-shown .passcode-icon.icon-show {
  display: block;
}