/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.jlc-green a {
  color: #30aa60; }

.jlc-green .bg-primary {
  background-color: #30aa60 !important; }

.jlc-green .text-primary,
.jlc-green .text-primary-all *:after,
.jlc-green .text-primary-all *:before,
.jlc-green .text-primary-all * {
  color: #30aa60 !important; }

/* ***** 3.2 Form - override/_form */
.jlc-green .form-control,
.jlc-green .input-group-text,
.jlc-green .custom-select,
.jlc-green .custom-file-label {
  background-color: #fafefb;
  border-color: #87dda9; }
  .jlc-green .form-control:focus,
  .jlc-green .input-group-text:focus,
  .jlc-green .custom-select:focus,
  .jlc-green .custom-file-label:focus {
    background-color: #fafefb;
    border-color: #43ca78; }
  .jlc-green .form-control:disabled, .jlc-green .form-control[readonly],
  .jlc-green .input-group-text:disabled,
  .jlc-green .input-group-text[readonly],
  .jlc-green .custom-select:disabled,
  .jlc-green .custom-select[readonly],
  .jlc-green .custom-file-label:disabled,
  .jlc-green .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.jlc-green .form-group {
  margin-bottom: 10px !important; }

.jlc-green .input-group-append [class*="btn-outline-"] {
  background-color: #9ce3b8; }

.jlc-green .custom-control-input:checked ~ .custom-control-label::before,
.jlc-green .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #30aa60 !important; }

.jlc-green .custom-file-input:focus + .custom-file-label {
  border-color: #30aa60; }

.jlc-green .selectgroup-button {
  background-color: #9ce3b8;
  border-color: #87dda9; }

.jlc-green .selectgroup-input:checked + .selectgroup-button, .jlc-green .selectgroup-input:focus + .selectgroup-button {
  background-color: #30aa60; }

.jlc-green .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #30aa60; }
.jlc-green .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #30aa60; }

.jlc-green .imagecheck-figure {
  background-color: #9ce3b8;
  border-color: #87dda9; }

.jlc-green .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #30aa60; }
.jlc-green .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.jlc-green .imagecheck-figure:before {
  background: #30aa60 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.jlc-green .colorinput-color {
  background-color: #9ce3b8;
  border-color: #87dda9; }

/* ***** 3.3 List - override/_list */
.jlc-green .list-group-item.active {
  background-color: #30aa60;
  border-color: #30aa60; }

.jlc-green .list-group-item-primary {
  background-color: #30aa60; }

/* ***** 3.4 Alert - override/_alert */
.jlc-green .alert.alert-primary {
  background-color: #30aa60; }

/* ***** 3.5 Card - override/_card */
.jlc-green .card .card-header h4 + .card-header-action .btn.active,
.jlc-green .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #57d086;
  background-color: #30aa60; }
.jlc-green .card.card-primary {
  border-top: 2px solid #30aa60; }
.jlc-green .card.card-border-primary {
  border: 3px solid #30aa60;
  border-radius: 15px; }
.jlc-green .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #30aa60, #43ca78); }
  .jlc-green .card.card-hero .card-header .card-icon {
    color: #3bc872; }

.jlc-green .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.jlc-green .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #30aa60;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.jlc-green .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(48, 170, 96, 0.05); }

.jlc-green .table-hover tbody tr:hover {
  background-color: rgba(48, 170, 96, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.jlc-green .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .jlc-green .nav-tabs .nav-item .nav-link.active {
    color: #30aa60; }

.jlc-green .nav-pills .nav-link.active,
.jlc-green .nav-pills .show > .nav-link {
  background-color: #30aa60; }
.jlc-green .nav-pills .nav-item .nav-link {
  color: #30aa60; }
  .jlc-green .nav-pills .nav-item .nav-link:hover {
    background-color: #97e2b4; }
  .jlc-green .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #57d086;
    background-color: #30aa60; }

/* ***** 3.10 Pagination - override/_pagination */
.jlc-green .page-item .page-link {
  color: #30aa60; }
.jlc-green .page-item.active .page-link {
  background-color: #30aa60;
  border-color: #30aa60;
  color: #ffffff; }
.jlc-green .page-item.disabled .page-link {
  background-color: #99e2b6;
  color: #30aa60; }

.jlc-green .page-link {
  background-color: #99e2b6; }
  .jlc-green .page-link:hover {
    background-color: #30aa60;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.jlc-green .badge.badge-primary {
  background-color: #30aa60; }

/* ***** 3.12 Button - override/_button */
.jlc-green .btn-action {
  color: #fff !important; }

.jlc-green .btn-secondary,
.jlc-green .btn-secondary.disabled {
  color: #fff; }

.jlc-green .btn-outline-secondary,
.jlc-green .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .jlc-green .btn-outline-secondary:active, .jlc-green .btn-outline-secondary:focus, .jlc-green .btn-outline-secondary:hover,
  .jlc-green .btn-outline-secondary.disabled:active,
  .jlc-green .btn-outline-secondary.disabled:focus,
  .jlc-green .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-success,
.jlc-green .btn-success.disabled {
  color: #fff; }
  .jlc-green .btn-success:active, .jlc-green .btn-success:focus, .jlc-green .btn-success:hover,
  .jlc-green .btn-success.disabled:active,
  .jlc-green .btn-success.disabled:focus,
  .jlc-green .btn-success.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-outline-success,
.jlc-green .btn-outline-success.disabled {
  color: #63ed7a; }
  .jlc-green .btn-outline-success:active, .jlc-green .btn-outline-success:focus, .jlc-green .btn-outline-success:hover,
  .jlc-green .btn-outline-success.disabled:active,
  .jlc-green .btn-outline-success.disabled:focus,
  .jlc-green .btn-outline-success.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-danger,
.jlc-green .btn-danger.disabled {
  color: #fff; }

.jlc-green .btn-outline-danger,
.jlc-green .btn-outline-danger.disabled {
  color: #fc544b; }
  .jlc-green .btn-outline-danger:active, .jlc-green .btn-outline-danger:focus, .jlc-green .btn-outline-danger:hover,
  .jlc-green .btn-outline-danger.disabled:active,
  .jlc-green .btn-outline-danger.disabled:focus,
  .jlc-green .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-dark,
.jlc-green .btn-dark.disabled {
  color: #fff; }

.jlc-green .btn-outline-dark,
.jlc-green .btn-outline-dark.disabled {
  color: #191d21; }
  .jlc-green .btn-outline-dark:active, .jlc-green .btn-outline-dark:focus, .jlc-green .btn-outline-dark:hover,
  .jlc-green .btn-outline-dark.disabled:active,
  .jlc-green .btn-outline-dark.disabled:focus,
  .jlc-green .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-light,
.jlc-green .btn-light.disabled {
  color: #191d21; }

.jlc-green .btn-outline-light,
.jlc-green .btn-outline-light.disabled {
  color: #e3eaef; }
  .jlc-green .btn-outline-light:active, .jlc-green .btn-outline-light:focus, .jlc-green .btn-outline-light:hover,
  .jlc-green .btn-outline-light.disabled:active,
  .jlc-green .btn-outline-light.disabled:focus,
  .jlc-green .btn-outline-light.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-warning,
.jlc-green .btn-warning.disabled {
  color: #fff; }
  .jlc-green .btn-warning:active, .jlc-green .btn-warning:focus, .jlc-green .btn-warning:hover,
  .jlc-green .btn-warning.disabled:active,
  .jlc-green .btn-warning.disabled:focus,
  .jlc-green .btn-warning.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-outline-warning,
.jlc-green .btn-outline-warning.disabled {
  color: #ffa426; }
  .jlc-green .btn-outline-warning:active, .jlc-green .btn-outline-warning:focus, .jlc-green .btn-outline-warning:hover,
  .jlc-green .btn-outline-warning.disabled:active,
  .jlc-green .btn-outline-warning.disabled:focus,
  .jlc-green .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-info,
.jlc-green .btn-info.disabled {
  color: #fff; }

.jlc-green .btn-outline-info,
.jlc-green .btn-outline-info.disabled {
  color: #3abaf4; }
  .jlc-green .btn-outline-info:active, .jlc-green .btn-outline-info:focus, .jlc-green .btn-outline-info:hover,
  .jlc-green .btn-outline-info.disabled:active,
  .jlc-green .btn-outline-info.disabled:focus,
  .jlc-green .btn-outline-info.disabled:hover {
    color: #fff !important; }

.jlc-green .btn-primary,
.jlc-green .btn-primary.disabled {
  box-shadow: 0 2px 6px #57d086;
  background-color: #30aa60;
  border-color: #30aa60;
  color: #fff; }
  .jlc-green .btn-primary:focus,
  .jlc-green .btn-primary.disabled:focus {
    background-color: #25824a !important; }
    .jlc-green .btn-primary:focus:active,
    .jlc-green .btn-primary.disabled:focus:active {
      background-color: #25824a !important; }
  .jlc-green .btn-primary:active, .jlc-green .btn-primary:hover,
  .jlc-green .btn-primary.disabled:active,
  .jlc-green .btn-primary.disabled:hover {
    background-color: #25824a !important; }

.jlc-green .btn-outline-primary,
.jlc-green .btn-outline-primary.disabled {
  border-color: #30aa60;
  color: #30aa60; }
  .jlc-green .btn-outline-primary:active, .jlc-green .btn-outline-primary:focus, .jlc-green .btn-outline-primary:hover,
  .jlc-green .btn-outline-primary.disabled:active,
  .jlc-green .btn-outline-primary.disabled:focus,
  .jlc-green .btn-outline-primary.disabled:hover {
    background-color: #30aa60 !important;
    color: #fff; }

.jlc-green .btn-outline-white,
.jlc-green .btn-outline-white.disabled {
  color: #fff; }
  .jlc-green .btn-outline-white:active, .jlc-green .btn-outline-white:focus, .jlc-green .btn-outline-white:hover,
  .jlc-green .btn-outline-white.disabled:active,
  .jlc-green .btn-outline-white.disabled:focus,
  .jlc-green .btn-outline-white.disabled:hover {
    color: #30aa60; }

.jlc-green .btn-social {
  color: #fff !important; }

.jlc-green .btn-reddit {
  color: #000 !important; }

.jlc-green .btn-group .btn.active {
  background-color: #30aa60;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.jlc-green .media .media-right {
  color: #30aa60; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.jlc-green .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #57d086;
  background-color: #30aa60; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.jlc-green .navbar.active {
  background-color: #30aa60;
  box-shadow: rgba(48, 170, 96, 0.2) rgba(0, 0, 0, 0.03); }

.jlc-green .navbar-bg {
  background-color: #30aa60; }

.jlc-green .navbar .form-inline .search-result .search-item a:hover {
  background-color: #9be3b7; }

@media (max-width: 1024px) {
  .jlc-green .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #30aa60; }
  .jlc-green .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #30aa60; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.jlc-green a.dropdown-item.active, .jlc-green a.dropdown-item:active, .jlc-green a.dropdown-item:focus {
  background-color: #30aa60;
  color: #fff !important; }

.jlc-green .dropdown-list .dropdown-item:focus {
  background-color: #30aa60; }

.jlc-green .dropdown-flag .dropdown-item.active {
  background-color: #30aa60; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.jlc-green .progress-bar {
  background-color: #30aa60; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.jlc-green :root {
  /* Colors */
  --primary: color($theme); }

.jlc-green a.bb {
  border-bottom: 1px solid #30aa60; }

.jlc-green .circle-step .circle.circle-primary {
  border-color: #30aa60;
  color: #30aa60; }

.jlc-green .shadow-primary {
  box-shadow: 0 2px 6px #57d086; }

/* ***** 4.2 Section - theme/section */
.jlc-green .section .section-header .section-header-back .btn:hover {
  background-color: #30aa60; }
.jlc-green .section .section-title:before {
  background-color: #30aa60; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.jlc-green.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #57d086;
  background-color: #30aa60; }
body.jlc-green.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.jlc-green.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.jlc-green.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #30aa60 !important; }

body.jlc-green .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #30aa60; }

body.jlc-green .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #30aa60; }
body.jlc-green .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #30aa60; }
body.jlc-green .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.jlc-green .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #30aa60; }

.jlc-green .main-sidebar .sidebar-menu li.active a {
  color: #30aa60; }
.jlc-green .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #30aa60; }
.jlc-green .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #30aa60; }

.jlc-green .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #30aa60;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.jlc-green:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #30aa60; }
body.jlc-green:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #8bdeac; }
  body.jlc-green:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #30aa60; }

body.jlc-green:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #30aa60; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.jlc-green .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #30aa60; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.jlc-green .ranges li {
  color: #30aa60; }
  .jlc-green .ranges li.active, .jlc-green .ranges li:hover {
    background-color: #30aa60; }

.jlc-green .daterangepicker td.active,
.jlc-green .daterangepicker td.active:hover {
  background-color: #30aa60; }

/* 1.10 Dropzone - components/_dropzone */
.jlc-green .dropzone {
  border: 2px dashed #30aa60;
  min-height: 70px; }
  .jlc-green .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.jlc-green .fc button.fc-state-active {
  background-color: #30aa60; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.jlc-green .jqvmap-circle {
  border: 3px solid #30aa60; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.jlc-green .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #fafefb;
  border-color: #87dda9; }
  .jlc-green .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: #fafefb;
    border-color: #43ca78;
    outline: none;
    box-shadow: none; }

.jlc-green .select2-container .select2-selection--multiple, .jlc-green .select2-container .select2-selection--single {
  background-color: #fafefb;
  border-color: #87dda9; }

.jlc-green .select2-dropdown {
  border-color: #87dda9 !important; }

.jlc-green .select2-container--default .select2-results__option--highlighted[aria-selected],
.jlc-green .select2-container--default .select2-results__option[aria-selected=true],
.jlc-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #30aa60;
  border-color: #30aa60;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.jlc-green .selectric {
  background-color: #fafefb;
  border-color: #87dda9; }
  .jlc-green .selectric:hover {
    background-color: #fafefb;
    border-color: #87dda9; }
  .jlc-green .selectric:focus {
    background-color: #fafefb;
    border-color: #43ca78; }

.jlc-green .selectric-open .selectric {
  border-color: #30aa60; }

.jlc-green .selectric-items li.highlighted, .jlc-green .selectric-items li.selected {
  background-color: #30aa60; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.jlc-green .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #57d086;
  background-color: #30aa60; }

/* 1.26 Tags Input - components/_tagsinput */
.jlc-green .bootstrap-tagsinput {
  background-color: #fafefb;
  border-color: #87dda9; }
  .jlc-green .bootstrap-tagsinput:focus {
    background-color: #fafefb;
    border-color: #43ca78; }
  .jlc-green .bootstrap-tagsinput .tag {
    background-color: #30aa60; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.jlc-green .weather ul li {
  border: 2px solid #30aa60;
  color: #30aa60; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.jlc-green .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #30aa60; }
.jlc-green .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #57d086;
  background-color: #30aa60; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.jlc-green .owl-theme .owl-dots .owl-dot.active span {
  background-color: #30aa60; }

/* 1.36 Activities - components/_activities */
.jlc-green .activities .activity:before {
  background-color: #30aa60; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.jlc-green .empty-state .empty-state-icon {
  background-color: #30aa60; }

/* 1.39 Pricing - components/_pricing */
.jlc-green .pricing.pricing-highlight .pricing-title {
  background-color: #30aa60; }
.jlc-green .pricing.pricing-highlight .pricing-cta a {
  background-color: #30aa60;
  color: #fff; }
  .jlc-green .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #25824a !important; }
.jlc-green .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #30aa60; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.jlc-green .avatar {
  background: #30aa60;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.jlc-green .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #57d086;
  background-color: #30aa60;
  color: #fff; }
  .jlc-green .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #30aa60;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.jlc-yellow a {
  color: #fbb519; }

.jlc-yellow .bg-primary {
  background-color: #fbb519 !important; }

.jlc-yellow .text-primary,
.jlc-yellow .text-primary-all *:after,
.jlc-yellow .text-primary-all *:before,
.jlc-yellow .text-primary-all * {
  color: #fbb519 !important; }

/* ***** 3.2 Form - override/_form */
.jlc-yellow .form-control,
.jlc-yellow .input-group-text,
.jlc-yellow .custom-select,
.jlc-yellow .custom-file-label {
  background-color: #fffefb;
  border-color: #fde1a0; }
  .jlc-yellow .form-control:focus,
  .jlc-yellow .input-group-text:focus,
  .jlc-yellow .custom-select:focus,
  .jlc-yellow .custom-file-label:focus {
    background-color: #fffefb;
    border-color: #fcc54b; }
  .jlc-yellow .form-control:disabled, .jlc-yellow .form-control[readonly],
  .jlc-yellow .input-group-text:disabled,
  .jlc-yellow .input-group-text[readonly],
  .jlc-yellow .custom-select:disabled,
  .jlc-yellow .custom-select[readonly],
  .jlc-yellow .custom-file-label:disabled,
  .jlc-yellow .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.jlc-yellow .form-group {
  margin-bottom: 10px !important; }

.jlc-yellow .input-group-append [class*="btn-outline-"] {
  background-color: #fee9bb; }

.jlc-yellow .custom-control-input:checked ~ .custom-control-label::before,
.jlc-yellow .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fbb519 !important; }

.jlc-yellow .custom-file-input:focus + .custom-file-label {
  border-color: #fbb519; }

.jlc-yellow .selectgroup-button {
  background-color: #fee9bb;
  border-color: #fde1a0; }

.jlc-yellow .selectgroup-input:checked + .selectgroup-button, .jlc-yellow .selectgroup-input:focus + .selectgroup-button {
  background-color: #fbb519; }

.jlc-yellow .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #fbb519; }
.jlc-yellow .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #fbb519; }

.jlc-yellow .imagecheck-figure {
  background-color: #fee9bb;
  border-color: #fde1a0; }

.jlc-yellow .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #fbb519; }
.jlc-yellow .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.jlc-yellow .imagecheck-figure:before {
  background: #fbb519 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.jlc-yellow .colorinput-color {
  background-color: #fee9bb;
  border-color: #fde1a0; }

/* ***** 3.3 List - override/_list */
.jlc-yellow .list-group-item.active {
  background-color: #fbb519;
  border-color: #fbb519; }

.jlc-yellow .list-group-item-primary {
  background-color: #fbb519; }

/* ***** 3.4 Alert - override/_alert */
.jlc-yellow .alert.alert-primary {
  background-color: #fbb519; }

/* ***** 3.5 Card - override/_card */
.jlc-yellow .card .card-header h4 + .card-header-action .btn.active,
.jlc-yellow .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #fccd64;
  background-color: #fbb519; }
.jlc-yellow .card.card-primary {
  border-top: 2px solid #fbb519; }
.jlc-yellow .card.card-border-primary {
  border: 3px solid #fbb519;
  border-radius: 15px; }
.jlc-yellow .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #fbb519, #fcc54b); }
  .jlc-yellow .card.card-hero .card-header .card-icon {
    color: #fcc241; }

.jlc-yellow .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.jlc-yellow .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #fbb519;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.jlc-yellow .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(251, 181, 25, 0.05); }

.jlc-yellow .table-hover tbody tr:hover {
  background-color: rgba(251, 181, 25, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.jlc-yellow .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .jlc-yellow .nav-tabs .nav-item .nav-link.active {
    color: #fbb519; }

.jlc-yellow .nav-pills .nav-link.active,
.jlc-yellow .nav-pills .show > .nav-link {
  background-color: #fbb519; }
.jlc-yellow .nav-pills .nav-item .nav-link {
  color: #fbb519; }
  .jlc-yellow .nav-pills .nav-item .nav-link:hover {
    background-color: #fee7b4; }
  .jlc-yellow .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #fccd64;
    background-color: #fbb519; }

/* ***** 3.10 Pagination - override/_pagination */
.jlc-yellow .page-item .page-link {
  color: #fbb519; }
.jlc-yellow .page-item.active .page-link {
  background-color: #fbb519;
  border-color: #fbb519;
  color: #ffffff; }
.jlc-yellow .page-item.disabled .page-link {
  background-color: #fee8b8;
  color: #fbb519; }

.jlc-yellow .page-link {
  background-color: #fee8b8; }
  .jlc-yellow .page-link:hover {
    background-color: #fbb519;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.jlc-yellow .badge.badge-primary {
  background-color: #fbb519; }

/* ***** 3.12 Button - override/_button */
.jlc-yellow .btn-action {
  color: #fff !important; }

.jlc-yellow .btn-secondary,
.jlc-yellow .btn-secondary.disabled {
  color: #fff; }

.jlc-yellow .btn-outline-secondary,
.jlc-yellow .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .jlc-yellow .btn-outline-secondary:active, .jlc-yellow .btn-outline-secondary:focus, .jlc-yellow .btn-outline-secondary:hover,
  .jlc-yellow .btn-outline-secondary.disabled:active,
  .jlc-yellow .btn-outline-secondary.disabled:focus,
  .jlc-yellow .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-success,
.jlc-yellow .btn-success.disabled {
  color: #fff; }
  .jlc-yellow .btn-success:active, .jlc-yellow .btn-success:focus, .jlc-yellow .btn-success:hover,
  .jlc-yellow .btn-success.disabled:active,
  .jlc-yellow .btn-success.disabled:focus,
  .jlc-yellow .btn-success.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-outline-success,
.jlc-yellow .btn-outline-success.disabled {
  color: #63ed7a; }
  .jlc-yellow .btn-outline-success:active, .jlc-yellow .btn-outline-success:focus, .jlc-yellow .btn-outline-success:hover,
  .jlc-yellow .btn-outline-success.disabled:active,
  .jlc-yellow .btn-outline-success.disabled:focus,
  .jlc-yellow .btn-outline-success.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-danger,
.jlc-yellow .btn-danger.disabled {
  color: #fff; }

.jlc-yellow .btn-outline-danger,
.jlc-yellow .btn-outline-danger.disabled {
  color: #fc544b; }
  .jlc-yellow .btn-outline-danger:active, .jlc-yellow .btn-outline-danger:focus, .jlc-yellow .btn-outline-danger:hover,
  .jlc-yellow .btn-outline-danger.disabled:active,
  .jlc-yellow .btn-outline-danger.disabled:focus,
  .jlc-yellow .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-dark,
.jlc-yellow .btn-dark.disabled {
  color: #fff; }

.jlc-yellow .btn-outline-dark,
.jlc-yellow .btn-outline-dark.disabled {
  color: #191d21; }
  .jlc-yellow .btn-outline-dark:active, .jlc-yellow .btn-outline-dark:focus, .jlc-yellow .btn-outline-dark:hover,
  .jlc-yellow .btn-outline-dark.disabled:active,
  .jlc-yellow .btn-outline-dark.disabled:focus,
  .jlc-yellow .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-light,
.jlc-yellow .btn-light.disabled {
  color: #191d21; }

.jlc-yellow .btn-outline-light,
.jlc-yellow .btn-outline-light.disabled {
  color: #e3eaef; }
  .jlc-yellow .btn-outline-light:active, .jlc-yellow .btn-outline-light:focus, .jlc-yellow .btn-outline-light:hover,
  .jlc-yellow .btn-outline-light.disabled:active,
  .jlc-yellow .btn-outline-light.disabled:focus,
  .jlc-yellow .btn-outline-light.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-warning,
.jlc-yellow .btn-warning.disabled {
  color: #fff; }
  .jlc-yellow .btn-warning:active, .jlc-yellow .btn-warning:focus, .jlc-yellow .btn-warning:hover,
  .jlc-yellow .btn-warning.disabled:active,
  .jlc-yellow .btn-warning.disabled:focus,
  .jlc-yellow .btn-warning.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-outline-warning,
.jlc-yellow .btn-outline-warning.disabled {
  color: #ffa426; }
  .jlc-yellow .btn-outline-warning:active, .jlc-yellow .btn-outline-warning:focus, .jlc-yellow .btn-outline-warning:hover,
  .jlc-yellow .btn-outline-warning.disabled:active,
  .jlc-yellow .btn-outline-warning.disabled:focus,
  .jlc-yellow .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-info,
.jlc-yellow .btn-info.disabled {
  color: #fff; }

.jlc-yellow .btn-outline-info,
.jlc-yellow .btn-outline-info.disabled {
  color: #3abaf4; }
  .jlc-yellow .btn-outline-info:active, .jlc-yellow .btn-outline-info:focus, .jlc-yellow .btn-outline-info:hover,
  .jlc-yellow .btn-outline-info.disabled:active,
  .jlc-yellow .btn-outline-info.disabled:focus,
  .jlc-yellow .btn-outline-info.disabled:hover {
    color: #fff !important; }

.jlc-yellow .btn-primary,
.jlc-yellow .btn-primary.disabled {
  box-shadow: 0 2px 6px #fccd64;
  background-color: #fbb519;
  border-color: #fbb519;
  color: #fff; }
  .jlc-yellow .btn-primary:focus,
  .jlc-yellow .btn-primary.disabled:focus {
    background-color: #dd9a04 !important; }
    .jlc-yellow .btn-primary:focus:active,
    .jlc-yellow .btn-primary.disabled:focus:active {
      background-color: #dd9a04 !important; }
  .jlc-yellow .btn-primary:active, .jlc-yellow .btn-primary:hover,
  .jlc-yellow .btn-primary.disabled:active,
  .jlc-yellow .btn-primary.disabled:hover {
    background-color: #dd9a04 !important; }

.jlc-yellow .btn-outline-primary,
.jlc-yellow .btn-outline-primary.disabled {
  border-color: #fbb519;
  color: #fbb519; }
  .jlc-yellow .btn-outline-primary:active, .jlc-yellow .btn-outline-primary:focus, .jlc-yellow .btn-outline-primary:hover,
  .jlc-yellow .btn-outline-primary.disabled:active,
  .jlc-yellow .btn-outline-primary.disabled:focus,
  .jlc-yellow .btn-outline-primary.disabled:hover {
    background-color: #fbb519 !important;
    color: #fff; }

.jlc-yellow .btn-outline-white,
.jlc-yellow .btn-outline-white.disabled {
  color: #fff; }
  .jlc-yellow .btn-outline-white:active, .jlc-yellow .btn-outline-white:focus, .jlc-yellow .btn-outline-white:hover,
  .jlc-yellow .btn-outline-white.disabled:active,
  .jlc-yellow .btn-outline-white.disabled:focus,
  .jlc-yellow .btn-outline-white.disabled:hover {
    color: #fbb519; }

.jlc-yellow .btn-social {
  color: #fff !important; }

.jlc-yellow .btn-reddit {
  color: #000 !important; }

.jlc-yellow .btn-group .btn.active {
  background-color: #fbb519;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.jlc-yellow .media .media-right {
  color: #fbb519; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.jlc-yellow .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #fccd64;
  background-color: #fbb519; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.jlc-yellow .navbar.active {
  background-color: #fbb519;
  box-shadow: rgba(251, 181, 25, 0.2) rgba(0, 0, 0, 0.03); }

.jlc-yellow .navbar-bg {
  background-color: #fbb519; }

.jlc-yellow .navbar .form-inline .search-result .search-item a:hover {
  background-color: #fee9b9; }

@media (max-width: 1024px) {
  .jlc-yellow .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #fbb519; }
  .jlc-yellow .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #fbb519; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.jlc-yellow a.dropdown-item.active, .jlc-yellow a.dropdown-item:active, .jlc-yellow a.dropdown-item:focus {
  background-color: #fbb519;
  color: #fff !important; }

.jlc-yellow .dropdown-list .dropdown-item:focus {
  background-color: #fbb519; }

.jlc-yellow .dropdown-flag .dropdown-item.active {
  background-color: #fbb519; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.jlc-yellow .progress-bar {
  background-color: #fbb519; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.jlc-yellow :root {
  /* Colors */
  --primary: color($theme); }

.jlc-yellow a.bb {
  border-bottom: 1px solid #fbb519; }

.jlc-yellow .circle-step .circle.circle-primary {
  border-color: #fbb519;
  color: #fbb519; }

.jlc-yellow .shadow-primary {
  box-shadow: 0 2px 6px #fccd64; }

/* ***** 4.2 Section - theme/section */
.jlc-yellow .section .section-header .section-header-back .btn:hover {
  background-color: #fbb519; }
.jlc-yellow .section .section-title:before {
  background-color: #fbb519; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.jlc-yellow.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #fccd64;
  background-color: #fbb519; }
body.jlc-yellow.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.jlc-yellow.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.jlc-yellow.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #fbb519 !important; }

body.jlc-yellow .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #fbb519; }

body.jlc-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #fbb519; }
body.jlc-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #fbb519; }
body.jlc-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.jlc-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #fbb519; }

.jlc-yellow .main-sidebar .sidebar-menu li.active a {
  color: #fbb519; }
.jlc-yellow .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #fbb519; }
.jlc-yellow .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #fbb519; }

.jlc-yellow .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #fbb519;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.jlc-yellow:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #fbb519; }
body.jlc-yellow:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #fde2a5; }
  body.jlc-yellow:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #fbb519; }

body.jlc-yellow:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #fbb519; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.jlc-yellow .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #fbb519; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.jlc-yellow .ranges li {
  color: #fbb519; }
  .jlc-yellow .ranges li.active, .jlc-yellow .ranges li:hover {
    background-color: #fbb519; }

.jlc-yellow .daterangepicker td.active,
.jlc-yellow .daterangepicker td.active:hover {
  background-color: #fbb519; }

/* 1.10 Dropzone - components/_dropzone */
.jlc-yellow .dropzone {
  border: 2px dashed #fbb519;
  min-height: 70px; }
  .jlc-yellow .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.jlc-yellow .fc button.fc-state-active {
  background-color: #fbb519; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.jlc-yellow .jqvmap-circle {
  border: 3px solid #fbb519; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.jlc-yellow .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #fffefb;
  border-color: #fde1a0; }
  .jlc-yellow .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: #fffefb;
    border-color: #fcc54b;
    outline: none;
    box-shadow: none; }

.jlc-yellow .select2-container .select2-selection--multiple, .jlc-yellow .select2-container .select2-selection--single {
  background-color: #fffefb;
  border-color: #fde1a0; }

.jlc-yellow .select2-dropdown {
  border-color: #fde1a0 !important; }

.jlc-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
.jlc-yellow .select2-container--default .select2-results__option[aria-selected=true],
.jlc-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fbb519;
  border-color: #fbb519;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.jlc-yellow .selectric {
  background-color: #fffefb;
  border-color: #fde1a0; }
  .jlc-yellow .selectric:hover {
    background-color: #fffefb;
    border-color: #fde1a0; }
  .jlc-yellow .selectric:focus {
    background-color: #fffefb;
    border-color: #fcc54b; }

.jlc-yellow .selectric-open .selectric {
  border-color: #fbb519; }

.jlc-yellow .selectric-items li.highlighted, .jlc-yellow .selectric-items li.selected {
  background-color: #fbb519; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.jlc-yellow .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #fccd64;
  background-color: #fbb519; }

/* 1.26 Tags Input - components/_tagsinput */
.jlc-yellow .bootstrap-tagsinput {
  background-color: #fffefb;
  border-color: #fde1a0; }
  .jlc-yellow .bootstrap-tagsinput:focus {
    background-color: #fffefb;
    border-color: #fcc54b; }
  .jlc-yellow .bootstrap-tagsinput .tag {
    background-color: #fbb519; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.jlc-yellow .weather ul li {
  border: 2px solid #fbb519;
  color: #fbb519; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.jlc-yellow .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #fbb519; }
.jlc-yellow .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #fccd64;
  background-color: #fbb519; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.jlc-yellow .owl-theme .owl-dots .owl-dot.active span {
  background-color: #fbb519; }

/* 1.36 Activities - components/_activities */
.jlc-yellow .activities .activity:before {
  background-color: #fbb519; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.jlc-yellow .empty-state .empty-state-icon {
  background-color: #fbb519; }

/* 1.39 Pricing - components/_pricing */
.jlc-yellow .pricing.pricing-highlight .pricing-title {
  background-color: #fbb519; }
.jlc-yellow .pricing.pricing-highlight .pricing-cta a {
  background-color: #fbb519;
  color: #fff; }
  .jlc-yellow .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #dd9a04 !important; }
.jlc-yellow .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #fbb519; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.jlc-yellow .avatar {
  background: #fbb519;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.jlc-yellow .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #fccd64;
  background-color: #fbb519;
  color: #fff; }
  .jlc-yellow .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #fbb519;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.jlc-orange a {
  color: #f49500; }

.jlc-orange .bg-primary {
  background-color: #f49500 !important; }

.jlc-orange .text-primary,
.jlc-orange .text-primary-all *:after,
.jlc-orange .text-primary-all *:before,
.jlc-orange .text-primary-all * {
  color: #f49500 !important; }

/* ***** 3.2 Form - override/_form */
.jlc-orange .form-control,
.jlc-orange .input-group-text,
.jlc-orange .custom-select,
.jlc-orange .custom-file-label {
  background-color: #fffdf9;
  border-color: #ffcd7f; }
  .jlc-orange .form-control:focus,
  .jlc-orange .input-group-text:focus,
  .jlc-orange .custom-select:focus,
  .jlc-orange .custom-file-label:focus {
    background-color: #fffdf9;
    border-color: #ffab28; }
  .jlc-orange .form-control:disabled, .jlc-orange .form-control[readonly],
  .jlc-orange .input-group-text:disabled,
  .jlc-orange .input-group-text[readonly],
  .jlc-orange .custom-select:disabled,
  .jlc-orange .custom-select[readonly],
  .jlc-orange .custom-file-label:disabled,
  .jlc-orange .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.jlc-orange .form-group {
  margin-bottom: 10px !important; }

.jlc-orange .input-group-append [class*="btn-outline-"] {
  background-color: #ffd89a; }

.jlc-orange .custom-control-input:checked ~ .custom-control-label::before,
.jlc-orange .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #f49500 !important; }

.jlc-orange .custom-file-input:focus + .custom-file-label {
  border-color: #f49500; }

.jlc-orange .selectgroup-button {
  background-color: #ffd89a;
  border-color: #ffcd7f; }

.jlc-orange .selectgroup-input:checked + .selectgroup-button, .jlc-orange .selectgroup-input:focus + .selectgroup-button {
  background-color: #f49500; }

.jlc-orange .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #f49500; }
.jlc-orange .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #f49500; }

.jlc-orange .imagecheck-figure {
  background-color: #ffd89a;
  border-color: #ffcd7f; }

.jlc-orange .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #f49500; }
.jlc-orange .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.jlc-orange .imagecheck-figure:before {
  background: #f49500 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.jlc-orange .colorinput-color {
  background-color: #ffd89a;
  border-color: #ffcd7f; }

/* ***** 3.3 List - override/_list */
.jlc-orange .list-group-item.active {
  background-color: #f49500;
  border-color: #f49500; }

.jlc-orange .list-group-item-primary {
  background-color: #f49500; }

/* ***** 3.4 Alert - override/_alert */
.jlc-orange .alert.alert-primary {
  background-color: #f49500; }

/* ***** 3.5 Card - override/_card */
.jlc-orange .card .card-header h4 + .card-header-action .btn.active,
.jlc-orange .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #ffb542;
  background-color: #f49500; }
.jlc-orange .card.card-primary {
  border-top: 2px solid #f49500; }
.jlc-orange .card.card-border-primary {
  border: 3px solid #f49500;
  border-radius: 15px; }
.jlc-orange .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #f49500, #ffab28); }
  .jlc-orange .card.card-hero .card-header .card-icon {
    color: #ffa71e; }

.jlc-orange .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.jlc-orange .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #f49500;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.jlc-orange .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(244, 149, 0, 0.05); }

.jlc-orange .table-hover tbody tr:hover {
  background-color: rgba(244, 149, 0, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.jlc-orange .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .jlc-orange .nav-tabs .nav-item .nav-link.active {
    color: #f49500; }

.jlc-orange .nav-pills .nav-link.active,
.jlc-orange .nav-pills .show > .nav-link {
  background-color: #f49500; }
.jlc-orange .nav-pills .nav-item .nav-link {
  color: #f49500; }
  .jlc-orange .nav-pills .nav-item .nav-link:hover {
    background-color: #ffd593; }
  .jlc-orange .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #ffb542;
    background-color: #f49500; }

/* ***** 3.10 Pagination - override/_pagination */
.jlc-orange .page-item .page-link {
  color: #f49500; }
.jlc-orange .page-item.active .page-link {
  background-color: #f49500;
  border-color: #f49500;
  color: #ffffff; }
.jlc-orange .page-item.disabled .page-link {
  background-color: #ffd697;
  color: #f49500; }

.jlc-orange .page-link {
  background-color: #ffd697; }
  .jlc-orange .page-link:hover {
    background-color: #f49500;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.jlc-orange .badge.badge-primary {
  background-color: #f49500; }

/* ***** 3.12 Button - override/_button */
.jlc-orange .btn-action {
  color: #fff !important; }

.jlc-orange .btn-secondary,
.jlc-orange .btn-secondary.disabled {
  color: #fff; }

.jlc-orange .btn-outline-secondary,
.jlc-orange .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .jlc-orange .btn-outline-secondary:active, .jlc-orange .btn-outline-secondary:focus, .jlc-orange .btn-outline-secondary:hover,
  .jlc-orange .btn-outline-secondary.disabled:active,
  .jlc-orange .btn-outline-secondary.disabled:focus,
  .jlc-orange .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-success,
.jlc-orange .btn-success.disabled {
  color: #fff; }
  .jlc-orange .btn-success:active, .jlc-orange .btn-success:focus, .jlc-orange .btn-success:hover,
  .jlc-orange .btn-success.disabled:active,
  .jlc-orange .btn-success.disabled:focus,
  .jlc-orange .btn-success.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-outline-success,
.jlc-orange .btn-outline-success.disabled {
  color: #63ed7a; }
  .jlc-orange .btn-outline-success:active, .jlc-orange .btn-outline-success:focus, .jlc-orange .btn-outline-success:hover,
  .jlc-orange .btn-outline-success.disabled:active,
  .jlc-orange .btn-outline-success.disabled:focus,
  .jlc-orange .btn-outline-success.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-danger,
.jlc-orange .btn-danger.disabled {
  color: #fff; }

.jlc-orange .btn-outline-danger,
.jlc-orange .btn-outline-danger.disabled {
  color: #fc544b; }
  .jlc-orange .btn-outline-danger:active, .jlc-orange .btn-outline-danger:focus, .jlc-orange .btn-outline-danger:hover,
  .jlc-orange .btn-outline-danger.disabled:active,
  .jlc-orange .btn-outline-danger.disabled:focus,
  .jlc-orange .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-dark,
.jlc-orange .btn-dark.disabled {
  color: #fff; }

.jlc-orange .btn-outline-dark,
.jlc-orange .btn-outline-dark.disabled {
  color: #191d21; }
  .jlc-orange .btn-outline-dark:active, .jlc-orange .btn-outline-dark:focus, .jlc-orange .btn-outline-dark:hover,
  .jlc-orange .btn-outline-dark.disabled:active,
  .jlc-orange .btn-outline-dark.disabled:focus,
  .jlc-orange .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-light,
.jlc-orange .btn-light.disabled {
  color: #191d21; }

.jlc-orange .btn-outline-light,
.jlc-orange .btn-outline-light.disabled {
  color: #e3eaef; }
  .jlc-orange .btn-outline-light:active, .jlc-orange .btn-outline-light:focus, .jlc-orange .btn-outline-light:hover,
  .jlc-orange .btn-outline-light.disabled:active,
  .jlc-orange .btn-outline-light.disabled:focus,
  .jlc-orange .btn-outline-light.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-warning,
.jlc-orange .btn-warning.disabled {
  color: #fff; }
  .jlc-orange .btn-warning:active, .jlc-orange .btn-warning:focus, .jlc-orange .btn-warning:hover,
  .jlc-orange .btn-warning.disabled:active,
  .jlc-orange .btn-warning.disabled:focus,
  .jlc-orange .btn-warning.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-outline-warning,
.jlc-orange .btn-outline-warning.disabled {
  color: #ffa426; }
  .jlc-orange .btn-outline-warning:active, .jlc-orange .btn-outline-warning:focus, .jlc-orange .btn-outline-warning:hover,
  .jlc-orange .btn-outline-warning.disabled:active,
  .jlc-orange .btn-outline-warning.disabled:focus,
  .jlc-orange .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-info,
.jlc-orange .btn-info.disabled {
  color: #fff; }

.jlc-orange .btn-outline-info,
.jlc-orange .btn-outline-info.disabled {
  color: #3abaf4; }
  .jlc-orange .btn-outline-info:active, .jlc-orange .btn-outline-info:focus, .jlc-orange .btn-outline-info:hover,
  .jlc-orange .btn-outline-info.disabled:active,
  .jlc-orange .btn-outline-info.disabled:focus,
  .jlc-orange .btn-outline-info.disabled:hover {
    color: #fff !important; }

.jlc-orange .btn-primary,
.jlc-orange .btn-primary.disabled {
  box-shadow: 0 2px 6px #ffb542;
  background-color: #f49500;
  border-color: #f49500;
  color: #fff; }
  .jlc-orange .btn-primary:focus,
  .jlc-orange .btn-primary.disabled:focus {
    background-color: #c17600 !important; }
    .jlc-orange .btn-primary:focus:active,
    .jlc-orange .btn-primary.disabled:focus:active {
      background-color: #c17600 !important; }
  .jlc-orange .btn-primary:active, .jlc-orange .btn-primary:hover,
  .jlc-orange .btn-primary.disabled:active,
  .jlc-orange .btn-primary.disabled:hover {
    background-color: #c17600 !important; }

.jlc-orange .btn-outline-primary,
.jlc-orange .btn-outline-primary.disabled {
  border-color: #f49500;
  color: #f49500; }
  .jlc-orange .btn-outline-primary:active, .jlc-orange .btn-outline-primary:focus, .jlc-orange .btn-outline-primary:hover,
  .jlc-orange .btn-outline-primary.disabled:active,
  .jlc-orange .btn-outline-primary.disabled:focus,
  .jlc-orange .btn-outline-primary.disabled:hover {
    background-color: #f49500 !important;
    color: #fff; }

.jlc-orange .btn-outline-white,
.jlc-orange .btn-outline-white.disabled {
  color: #fff; }
  .jlc-orange .btn-outline-white:active, .jlc-orange .btn-outline-white:focus, .jlc-orange .btn-outline-white:hover,
  .jlc-orange .btn-outline-white.disabled:active,
  .jlc-orange .btn-outline-white.disabled:focus,
  .jlc-orange .btn-outline-white.disabled:hover {
    color: #f49500; }

.jlc-orange .btn-social {
  color: #fff !important; }

.jlc-orange .btn-reddit {
  color: #000 !important; }

.jlc-orange .btn-group .btn.active {
  background-color: #f49500;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.jlc-orange .media .media-right {
  color: #f49500; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.jlc-orange .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #ffb542;
  background-color: #f49500; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.jlc-orange .navbar.active {
  background-color: #f49500;
  box-shadow: rgba(244, 149, 0, 0.2) rgba(0, 0, 0, 0.03); }

.jlc-orange .navbar-bg {
  background-color: #f49500; }

.jlc-orange .navbar .form-inline .search-result .search-item a:hover {
  background-color: #ffd798; }

@media (max-width: 1024px) {
  .jlc-orange .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #f49500; }
  .jlc-orange .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #f49500; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.jlc-orange a.dropdown-item.active, .jlc-orange a.dropdown-item:active, .jlc-orange a.dropdown-item:focus {
  background-color: #f49500;
  color: #fff !important; }

.jlc-orange .dropdown-list .dropdown-item:focus {
  background-color: #f49500; }

.jlc-orange .dropdown-flag .dropdown-item.active {
  background-color: #f49500; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.jlc-orange .progress-bar {
  background-color: #f49500; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.jlc-orange :root {
  /* Colors */
  --primary: color($theme); }

.jlc-orange a.bb {
  border-bottom: 1px solid #f49500; }

.jlc-orange .circle-step .circle.circle-primary {
  border-color: #f49500;
  color: #f49500; }

.jlc-orange .shadow-primary {
  box-shadow: 0 2px 6px #ffb542; }

/* ***** 4.2 Section - theme/section */
.jlc-orange .section .section-header .section-header-back .btn:hover {
  background-color: #f49500; }
.jlc-orange .section .section-title:before {
  background-color: #f49500; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.jlc-orange.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #ffb542;
  background-color: #f49500; }
body.jlc-orange.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.jlc-orange.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.jlc-orange.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #f49500 !important; }

body.jlc-orange .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #f49500; }

body.jlc-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #f49500; }
body.jlc-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #f49500; }
body.jlc-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.jlc-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #f49500; }

.jlc-orange .main-sidebar .sidebar-menu li.active a {
  color: #f49500; }
.jlc-orange .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #f49500; }
.jlc-orange .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #f49500; }

.jlc-orange .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #f49500;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.jlc-orange:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #f49500; }
body.jlc-orange:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #ffcf84; }
  body.jlc-orange:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #f49500; }

body.jlc-orange:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #f49500; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.jlc-orange .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #f49500; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.jlc-orange .ranges li {
  color: #f49500; }
  .jlc-orange .ranges li.active, .jlc-orange .ranges li:hover {
    background-color: #f49500; }

.jlc-orange .daterangepicker td.active,
.jlc-orange .daterangepicker td.active:hover {
  background-color: #f49500; }

/* 1.10 Dropzone - components/_dropzone */
.jlc-orange .dropzone {
  border: 2px dashed #f49500;
  min-height: 70px; }
  .jlc-orange .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.jlc-orange .fc button.fc-state-active {
  background-color: #f49500; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.jlc-orange .jqvmap-circle {
  border: 3px solid #f49500; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.jlc-orange .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #fffdf9;
  border-color: #ffcd7f; }
  .jlc-orange .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: #fffdf9;
    border-color: #ffab28;
    outline: none;
    box-shadow: none; }

.jlc-orange .select2-container .select2-selection--multiple, .jlc-orange .select2-container .select2-selection--single {
  background-color: #fffdf9;
  border-color: #ffcd7f; }

.jlc-orange .select2-dropdown {
  border-color: #ffcd7f !important; }

.jlc-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
.jlc-orange .select2-container--default .select2-results__option[aria-selected=true],
.jlc-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f49500;
  border-color: #f49500;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.jlc-orange .selectric {
  background-color: #fffdf9;
  border-color: #ffcd7f; }
  .jlc-orange .selectric:hover {
    background-color: #fffdf9;
    border-color: #ffcd7f; }
  .jlc-orange .selectric:focus {
    background-color: #fffdf9;
    border-color: #ffab28; }

.jlc-orange .selectric-open .selectric {
  border-color: #f49500; }

.jlc-orange .selectric-items li.highlighted, .jlc-orange .selectric-items li.selected {
  background-color: #f49500; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.jlc-orange .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #ffb542;
  background-color: #f49500; }

/* 1.26 Tags Input - components/_tagsinput */
.jlc-orange .bootstrap-tagsinput {
  background-color: #fffdf9;
  border-color: #ffcd7f; }
  .jlc-orange .bootstrap-tagsinput:focus {
    background-color: #fffdf9;
    border-color: #ffab28; }
  .jlc-orange .bootstrap-tagsinput .tag {
    background-color: #f49500; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.jlc-orange .weather ul li {
  border: 2px solid #f49500;
  color: #f49500; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.jlc-orange .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #f49500; }
.jlc-orange .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #ffb542;
  background-color: #f49500; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.jlc-orange .owl-theme .owl-dots .owl-dot.active span {
  background-color: #f49500; }

/* 1.36 Activities - components/_activities */
.jlc-orange .activities .activity:before {
  background-color: #f49500; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.jlc-orange .empty-state .empty-state-icon {
  background-color: #f49500; }

/* 1.39 Pricing - components/_pricing */
.jlc-orange .pricing.pricing-highlight .pricing-title {
  background-color: #f49500; }
.jlc-orange .pricing.pricing-highlight .pricing-cta a {
  background-color: #f49500;
  color: #fff; }
  .jlc-orange .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #c17600 !important; }
.jlc-orange .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #f49500; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.jlc-orange .avatar {
  background: #f49500;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.jlc-orange .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #ffb542;
  background-color: #f49500;
  color: #fff; }
  .jlc-orange .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #f49500;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.jlc-blue a {
  color: #006fb6; }

.jlc-blue .bg-primary {
  background-color: #006fb6 !important; }

.jlc-blue .text-primary,
.jlc-blue .text-primary-all *:after,
.jlc-blue .text-primary-all *:before,
.jlc-blue .text-primary-all * {
  color: #006fb6 !important; }

/* ***** 3.2 Form - override/_form */
.jlc-blue .form-control,
.jlc-blue .input-group-text,
.jlc-blue .custom-select,
.jlc-blue .custom-file-label {
  background-color: #f3faff;
  border-color: #41b5ff; }
  .jlc-blue .form-control:focus,
  .jlc-blue .input-group-text:focus,
  .jlc-blue .custom-select:focus,
  .jlc-blue .custom-file-label:focus {
    background-color: #f3faff;
    border-color: #008ee9; }
  .jlc-blue .form-control:disabled, .jlc-blue .form-control[readonly],
  .jlc-blue .input-group-text:disabled,
  .jlc-blue .input-group-text[readonly],
  .jlc-blue .custom-select:disabled,
  .jlc-blue .custom-select[readonly],
  .jlc-blue .custom-file-label:disabled,
  .jlc-blue .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.jlc-blue .form-group {
  margin-bottom: 10px !important; }

.jlc-blue .input-group-append [class*="btn-outline-"] {
  background-color: #5cc0ff; }

.jlc-blue .custom-control-input:checked ~ .custom-control-label::before,
.jlc-blue .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #006fb6 !important; }

.jlc-blue .custom-file-input:focus + .custom-file-label {
  border-color: #006fb6; }

.jlc-blue .selectgroup-button {
  background-color: #5cc0ff;
  border-color: #41b5ff; }

.jlc-blue .selectgroup-input:checked + .selectgroup-button, .jlc-blue .selectgroup-input:focus + .selectgroup-button {
  background-color: #006fb6; }

.jlc-blue .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #006fb6; }
.jlc-blue .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #006fb6; }

.jlc-blue .imagecheck-figure {
  background-color: #5cc0ff;
  border-color: #41b5ff; }

.jlc-blue .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #006fb6; }
.jlc-blue .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.jlc-blue .imagecheck-figure:before {
  background: #006fb6 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.jlc-blue .colorinput-color {
  background-color: #5cc0ff;
  border-color: #41b5ff; }

/* ***** 3.3 List - override/_list */
.jlc-blue .list-group-item.active {
  background-color: #006fb6;
  border-color: #006fb6; }

.jlc-blue .list-group-item-primary {
  background-color: #006fb6; }

/* ***** 3.4 Alert - override/_alert */
.jlc-blue .alert.alert-primary {
  background-color: #006fb6; }

/* ***** 3.5 Card - override/_card */
.jlc-blue .card .card-header h4 + .card-header-action .btn.active,
.jlc-blue .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #049dff;
  background-color: #006fb6; }
.jlc-blue .card.card-primary {
  border-top: 2px solid #006fb6; }
.jlc-blue .card.card-border-primary {
  border: 3px solid #006fb6;
  border-radius: 15px; }
.jlc-blue .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #006fb6, #008ee9); }
  .jlc-blue .card.card-hero .card-header .card-icon {
    color: #0088df; }

.jlc-blue .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.jlc-blue .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #006fb6;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.jlc-blue .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 111, 182, 0.05); }

.jlc-blue .table-hover tbody tr:hover {
  background-color: rgba(0, 111, 182, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.jlc-blue .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .jlc-blue .nav-tabs .nav-item .nav-link.active {
    color: #006fb6; }

.jlc-blue .nav-pills .nav-link.active,
.jlc-blue .nav-pills .show > .nav-link {
  background-color: #006fb6; }
.jlc-blue .nav-pills .nav-item .nav-link {
  color: #006fb6; }
  .jlc-blue .nav-pills .nav-item .nav-link:hover {
    background-color: #55bdff; }
  .jlc-blue .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #049dff;
    background-color: #006fb6; }

/* ***** 3.10 Pagination - override/_pagination */
.jlc-blue .page-item .page-link {
  color: #006fb6; }
.jlc-blue .page-item.active .page-link {
  background-color: #006fb6;
  border-color: #006fb6;
  color: #ffffff; }
.jlc-blue .page-item.disabled .page-link {
  background-color: #59beff;
  color: #006fb6; }

.jlc-blue .page-link {
  background-color: #59beff; }
  .jlc-blue .page-link:hover {
    background-color: #006fb6;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.jlc-blue .badge.badge-primary {
  background-color: #006fb6; }

/* ***** 3.12 Button - override/_button */
.jlc-blue .btn-action {
  color: #fff !important; }

.jlc-blue .btn-secondary,
.jlc-blue .btn-secondary.disabled {
  color: #fff; }

.jlc-blue .btn-outline-secondary,
.jlc-blue .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .jlc-blue .btn-outline-secondary:active, .jlc-blue .btn-outline-secondary:focus, .jlc-blue .btn-outline-secondary:hover,
  .jlc-blue .btn-outline-secondary.disabled:active,
  .jlc-blue .btn-outline-secondary.disabled:focus,
  .jlc-blue .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-success,
.jlc-blue .btn-success.disabled {
  color: #fff; }
  .jlc-blue .btn-success:active, .jlc-blue .btn-success:focus, .jlc-blue .btn-success:hover,
  .jlc-blue .btn-success.disabled:active,
  .jlc-blue .btn-success.disabled:focus,
  .jlc-blue .btn-success.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-outline-success,
.jlc-blue .btn-outline-success.disabled {
  color: #63ed7a; }
  .jlc-blue .btn-outline-success:active, .jlc-blue .btn-outline-success:focus, .jlc-blue .btn-outline-success:hover,
  .jlc-blue .btn-outline-success.disabled:active,
  .jlc-blue .btn-outline-success.disabled:focus,
  .jlc-blue .btn-outline-success.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-danger,
.jlc-blue .btn-danger.disabled {
  color: #fff; }

.jlc-blue .btn-outline-danger,
.jlc-blue .btn-outline-danger.disabled {
  color: #fc544b; }
  .jlc-blue .btn-outline-danger:active, .jlc-blue .btn-outline-danger:focus, .jlc-blue .btn-outline-danger:hover,
  .jlc-blue .btn-outline-danger.disabled:active,
  .jlc-blue .btn-outline-danger.disabled:focus,
  .jlc-blue .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-dark,
.jlc-blue .btn-dark.disabled {
  color: #fff; }

.jlc-blue .btn-outline-dark,
.jlc-blue .btn-outline-dark.disabled {
  color: #191d21; }
  .jlc-blue .btn-outline-dark:active, .jlc-blue .btn-outline-dark:focus, .jlc-blue .btn-outline-dark:hover,
  .jlc-blue .btn-outline-dark.disabled:active,
  .jlc-blue .btn-outline-dark.disabled:focus,
  .jlc-blue .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-light,
.jlc-blue .btn-light.disabled {
  color: #191d21; }

.jlc-blue .btn-outline-light,
.jlc-blue .btn-outline-light.disabled {
  color: #e3eaef; }
  .jlc-blue .btn-outline-light:active, .jlc-blue .btn-outline-light:focus, .jlc-blue .btn-outline-light:hover,
  .jlc-blue .btn-outline-light.disabled:active,
  .jlc-blue .btn-outline-light.disabled:focus,
  .jlc-blue .btn-outline-light.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-warning,
.jlc-blue .btn-warning.disabled {
  color: #fff; }
  .jlc-blue .btn-warning:active, .jlc-blue .btn-warning:focus, .jlc-blue .btn-warning:hover,
  .jlc-blue .btn-warning.disabled:active,
  .jlc-blue .btn-warning.disabled:focus,
  .jlc-blue .btn-warning.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-outline-warning,
.jlc-blue .btn-outline-warning.disabled {
  color: #ffa426; }
  .jlc-blue .btn-outline-warning:active, .jlc-blue .btn-outline-warning:focus, .jlc-blue .btn-outline-warning:hover,
  .jlc-blue .btn-outline-warning.disabled:active,
  .jlc-blue .btn-outline-warning.disabled:focus,
  .jlc-blue .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-info,
.jlc-blue .btn-info.disabled {
  color: #fff; }

.jlc-blue .btn-outline-info,
.jlc-blue .btn-outline-info.disabled {
  color: #3abaf4; }
  .jlc-blue .btn-outline-info:active, .jlc-blue .btn-outline-info:focus, .jlc-blue .btn-outline-info:hover,
  .jlc-blue .btn-outline-info.disabled:active,
  .jlc-blue .btn-outline-info.disabled:focus,
  .jlc-blue .btn-outline-info.disabled:hover {
    color: #fff !important; }

.jlc-blue .btn-primary,
.jlc-blue .btn-primary.disabled {
  box-shadow: 0 2px 6px #049dff;
  background-color: #006fb6;
  border-color: #006fb6;
  color: #fff; }
  .jlc-blue .btn-primary:focus,
  .jlc-blue .btn-primary.disabled:focus {
    background-color: #005083 !important; }
    .jlc-blue .btn-primary:focus:active,
    .jlc-blue .btn-primary.disabled:focus:active {
      background-color: #005083 !important; }
  .jlc-blue .btn-primary:active, .jlc-blue .btn-primary:hover,
  .jlc-blue .btn-primary.disabled:active,
  .jlc-blue .btn-primary.disabled:hover {
    background-color: #005083 !important; }

.jlc-blue .btn-outline-primary,
.jlc-blue .btn-outline-primary.disabled {
  border-color: #006fb6;
  color: #006fb6; }
  .jlc-blue .btn-outline-primary:active, .jlc-blue .btn-outline-primary:focus, .jlc-blue .btn-outline-primary:hover,
  .jlc-blue .btn-outline-primary.disabled:active,
  .jlc-blue .btn-outline-primary.disabled:focus,
  .jlc-blue .btn-outline-primary.disabled:hover {
    background-color: #006fb6 !important;
    color: #fff; }

.jlc-blue .btn-outline-white,
.jlc-blue .btn-outline-white.disabled {
  color: #fff; }
  .jlc-blue .btn-outline-white:active, .jlc-blue .btn-outline-white:focus, .jlc-blue .btn-outline-white:hover,
  .jlc-blue .btn-outline-white.disabled:active,
  .jlc-blue .btn-outline-white.disabled:focus,
  .jlc-blue .btn-outline-white.disabled:hover {
    color: #006fb6; }

.jlc-blue .btn-social {
  color: #fff !important; }

.jlc-blue .btn-reddit {
  color: #000 !important; }

.jlc-blue .btn-group .btn.active {
  background-color: #006fb6;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.jlc-blue .media .media-right {
  color: #006fb6; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.jlc-blue .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #049dff;
  background-color: #006fb6; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.jlc-blue .navbar.active {
  background-color: #006fb6;
  box-shadow: rgba(0, 111, 182, 0.2) rgba(0, 0, 0, 0.03); }

.jlc-blue .navbar-bg {
  background-color: #006fb6; }

.jlc-blue .navbar .form-inline .search-result .search-item a:hover {
  background-color: #5abfff; }

@media (max-width: 1024px) {
  .jlc-blue .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #006fb6; }
  .jlc-blue .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #006fb6; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.jlc-blue a.dropdown-item.active, .jlc-blue a.dropdown-item:active, .jlc-blue a.dropdown-item:focus {
  background-color: #006fb6;
  color: #fff !important; }

.jlc-blue .dropdown-list .dropdown-item:focus {
  background-color: #006fb6; }

.jlc-blue .dropdown-flag .dropdown-item.active {
  background-color: #006fb6; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.jlc-blue .progress-bar {
  background-color: #006fb6; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.jlc-blue :root {
  /* Colors */
  --primary: color($theme); }

.jlc-blue a.bb {
  border-bottom: 1px solid #006fb6; }

.jlc-blue .circle-step .circle.circle-primary {
  border-color: #006fb6;
  color: #006fb6; }

.jlc-blue .shadow-primary {
  box-shadow: 0 2px 6px #049dff; }

/* ***** 4.2 Section - theme/section */
.jlc-blue .section .section-header .section-header-back .btn:hover {
  background-color: #006fb6; }
.jlc-blue .section .section-title:before {
  background-color: #006fb6; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.jlc-blue.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #049dff;
  background-color: #006fb6; }
body.jlc-blue.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.jlc-blue.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.jlc-blue.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #006fb6 !important; }

body.jlc-blue .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #006fb6; }

body.jlc-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #006fb6; }
body.jlc-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #006fb6; }
body.jlc-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.jlc-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #006fb6; }

.jlc-blue .main-sidebar .sidebar-menu li.active a {
  color: #006fb6; }
.jlc-blue .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #006fb6; }
.jlc-blue .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #006fb6; }

.jlc-blue .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #006fb6;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.jlc-blue:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #006fb6; }
body.jlc-blue:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #46b7ff; }
  body.jlc-blue:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #006fb6; }

body.jlc-blue:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #006fb6; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.jlc-blue .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #006fb6; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.jlc-blue .ranges li {
  color: #006fb6; }
  .jlc-blue .ranges li.active, .jlc-blue .ranges li:hover {
    background-color: #006fb6; }

.jlc-blue .daterangepicker td.active,
.jlc-blue .daterangepicker td.active:hover {
  background-color: #006fb6; }

/* 1.10 Dropzone - components/_dropzone */
.jlc-blue .dropzone {
  border: 2px dashed #006fb6;
  min-height: 70px; }
  .jlc-blue .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.jlc-blue .fc button.fc-state-active {
  background-color: #006fb6; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.jlc-blue .jqvmap-circle {
  border: 3px solid #006fb6; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.jlc-blue .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #f3faff;
  border-color: #41b5ff; }
  .jlc-blue .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: #f3faff;
    border-color: #008ee9;
    outline: none;
    box-shadow: none; }

.jlc-blue .select2-container .select2-selection--multiple, .jlc-blue .select2-container .select2-selection--single {
  background-color: #f3faff;
  border-color: #41b5ff; }

.jlc-blue .select2-dropdown {
  border-color: #41b5ff !important; }

.jlc-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
.jlc-blue .select2-container--default .select2-results__option[aria-selected=true],
.jlc-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #006fb6;
  border-color: #006fb6;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.jlc-blue .selectric {
  background-color: #f3faff;
  border-color: #41b5ff; }
  .jlc-blue .selectric:hover {
    background-color: #f3faff;
    border-color: #41b5ff; }
  .jlc-blue .selectric:focus {
    background-color: #f3faff;
    border-color: #008ee9; }

.jlc-blue .selectric-open .selectric {
  border-color: #006fb6; }

.jlc-blue .selectric-items li.highlighted, .jlc-blue .selectric-items li.selected {
  background-color: #006fb6; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.jlc-blue .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #049dff;
  background-color: #006fb6; }

/* 1.26 Tags Input - components/_tagsinput */
.jlc-blue .bootstrap-tagsinput {
  background-color: #f3faff;
  border-color: #41b5ff; }
  .jlc-blue .bootstrap-tagsinput:focus {
    background-color: #f3faff;
    border-color: #008ee9; }
  .jlc-blue .bootstrap-tagsinput .tag {
    background-color: #006fb6; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.jlc-blue .weather ul li {
  border: 2px solid #006fb6;
  color: #006fb6; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.jlc-blue .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #006fb6; }
.jlc-blue .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #049dff;
  background-color: #006fb6; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.jlc-blue .owl-theme .owl-dots .owl-dot.active span {
  background-color: #006fb6; }

/* 1.36 Activities - components/_activities */
.jlc-blue .activities .activity:before {
  background-color: #006fb6; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.jlc-blue .empty-state .empty-state-icon {
  background-color: #006fb6; }

/* 1.39 Pricing - components/_pricing */
.jlc-blue .pricing.pricing-highlight .pricing-title {
  background-color: #006fb6; }
.jlc-blue .pricing.pricing-highlight .pricing-cta a {
  background-color: #006fb6;
  color: #fff; }
  .jlc-blue .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #005083 !important; }
.jlc-blue .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #006fb6; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.jlc-blue .avatar {
  background: #006fb6;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.jlc-blue .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #049dff;
  background-color: #006fb6;
  color: #fff; }
  .jlc-blue .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #006fb6;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.jlc-blue-sky a {
  color: #009ce3; }

.jlc-blue-sky .bg-primary {
  background-color: #009ce3 !important; }

.jlc-blue-sky .text-primary,
.jlc-blue-sky .text-primary-all *:after,
.jlc-blue-sky .text-primary-all *:before,
.jlc-blue-sky .text-primary-all * {
  color: #009ce3 !important; }

/* ***** 3.2 Form - override/_form */
.jlc-blue-sky .form-control,
.jlc-blue-sky .input-group-text,
.jlc-blue-sky .custom-select,
.jlc-blue-sky .custom-file-label {
  background-color: #f7fdff;
  border-color: #6ed2ff; }
  .jlc-blue-sky .form-control:focus,
  .jlc-blue-sky .input-group-text:focus,
  .jlc-blue-sky .custom-select:focus,
  .jlc-blue-sky .custom-file-label:focus {
    background-color: #f7fdff;
    border-color: #17b6ff; }
  .jlc-blue-sky .form-control:disabled, .jlc-blue-sky .form-control[readonly],
  .jlc-blue-sky .input-group-text:disabled,
  .jlc-blue-sky .input-group-text[readonly],
  .jlc-blue-sky .custom-select:disabled,
  .jlc-blue-sky .custom-select[readonly],
  .jlc-blue-sky .custom-file-label:disabled,
  .jlc-blue-sky .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.jlc-blue-sky .form-group {
  margin-bottom: 10px !important; }

.jlc-blue-sky .input-group-append [class*="btn-outline-"] {
  background-color: #89daff; }

.jlc-blue-sky .custom-control-input:checked ~ .custom-control-label::before,
.jlc-blue-sky .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #009ce3 !important; }

.jlc-blue-sky .custom-file-input:focus + .custom-file-label {
  border-color: #009ce3; }

.jlc-blue-sky .selectgroup-button {
  background-color: #89daff;
  border-color: #6ed2ff; }

.jlc-blue-sky .selectgroup-input:checked + .selectgroup-button, .jlc-blue-sky .selectgroup-input:focus + .selectgroup-button {
  background-color: #009ce3; }

.jlc-blue-sky .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #009ce3; }
.jlc-blue-sky .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #009ce3; }

.jlc-blue-sky .imagecheck-figure {
  background-color: #89daff;
  border-color: #6ed2ff; }

.jlc-blue-sky .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #009ce3; }
.jlc-blue-sky .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.jlc-blue-sky .imagecheck-figure:before {
  background: #009ce3 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.jlc-blue-sky .colorinput-color {
  background-color: #89daff;
  border-color: #6ed2ff; }

/* ***** 3.3 List - override/_list */
.jlc-blue-sky .list-group-item.active {
  background-color: #009ce3;
  border-color: #009ce3; }

.jlc-blue-sky .list-group-item-primary {
  background-color: #009ce3; }

/* ***** 3.4 Alert - override/_alert */
.jlc-blue-sky .alert.alert-primary {
  background-color: #009ce3; }

/* ***** 3.5 Card - override/_card */
.jlc-blue-sky .card .card-header h4 + .card-header-action .btn.active,
.jlc-blue-sky .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #31beff;
  background-color: #009ce3; }
.jlc-blue-sky .card.card-primary {
  border-top: 2px solid #009ce3; }
.jlc-blue-sky .card.card-border-primary {
  border: 3px solid #009ce3;
  border-radius: 15px; }
.jlc-blue-sky .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #009ce3, #17b6ff); }
  .jlc-blue-sky .card.card-hero .card-header .card-icon {
    color: #0db3ff; }

.jlc-blue-sky .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.jlc-blue-sky .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #009ce3;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.jlc-blue-sky .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 156, 227, 0.05); }

.jlc-blue-sky .table-hover tbody tr:hover {
  background-color: rgba(0, 156, 227, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.jlc-blue-sky .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .jlc-blue-sky .nav-tabs .nav-item .nav-link.active {
    color: #009ce3; }

.jlc-blue-sky .nav-pills .nav-link.active,
.jlc-blue-sky .nav-pills .show > .nav-link {
  background-color: #009ce3; }
.jlc-blue-sky .nav-pills .nav-item .nav-link {
  color: #009ce3; }
  .jlc-blue-sky .nav-pills .nav-item .nav-link:hover {
    background-color: #82d8ff; }
  .jlc-blue-sky .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #31beff;
    background-color: #009ce3; }

/* ***** 3.10 Pagination - override/_pagination */
.jlc-blue-sky .page-item .page-link {
  color: #009ce3; }
.jlc-blue-sky .page-item.active .page-link {
  background-color: #009ce3;
  border-color: #009ce3;
  color: #ffffff; }
.jlc-blue-sky .page-item.disabled .page-link {
  background-color: #86d9ff;
  color: #009ce3; }

.jlc-blue-sky .page-link {
  background-color: #86d9ff; }
  .jlc-blue-sky .page-link:hover {
    background-color: #009ce3;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.jlc-blue-sky .badge.badge-primary {
  background-color: #009ce3; }

/* ***** 3.12 Button - override/_button */
.jlc-blue-sky .btn-action {
  color: #fff !important; }

.jlc-blue-sky .btn-secondary,
.jlc-blue-sky .btn-secondary.disabled {
  color: #fff; }

.jlc-blue-sky .btn-outline-secondary,
.jlc-blue-sky .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .jlc-blue-sky .btn-outline-secondary:active, .jlc-blue-sky .btn-outline-secondary:focus, .jlc-blue-sky .btn-outline-secondary:hover,
  .jlc-blue-sky .btn-outline-secondary.disabled:active,
  .jlc-blue-sky .btn-outline-secondary.disabled:focus,
  .jlc-blue-sky .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-success,
.jlc-blue-sky .btn-success.disabled {
  color: #fff; }
  .jlc-blue-sky .btn-success:active, .jlc-blue-sky .btn-success:focus, .jlc-blue-sky .btn-success:hover,
  .jlc-blue-sky .btn-success.disabled:active,
  .jlc-blue-sky .btn-success.disabled:focus,
  .jlc-blue-sky .btn-success.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-outline-success,
.jlc-blue-sky .btn-outline-success.disabled {
  color: #63ed7a; }
  .jlc-blue-sky .btn-outline-success:active, .jlc-blue-sky .btn-outline-success:focus, .jlc-blue-sky .btn-outline-success:hover,
  .jlc-blue-sky .btn-outline-success.disabled:active,
  .jlc-blue-sky .btn-outline-success.disabled:focus,
  .jlc-blue-sky .btn-outline-success.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-danger,
.jlc-blue-sky .btn-danger.disabled {
  color: #fff; }

.jlc-blue-sky .btn-outline-danger,
.jlc-blue-sky .btn-outline-danger.disabled {
  color: #fc544b; }
  .jlc-blue-sky .btn-outline-danger:active, .jlc-blue-sky .btn-outline-danger:focus, .jlc-blue-sky .btn-outline-danger:hover,
  .jlc-blue-sky .btn-outline-danger.disabled:active,
  .jlc-blue-sky .btn-outline-danger.disabled:focus,
  .jlc-blue-sky .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-dark,
.jlc-blue-sky .btn-dark.disabled {
  color: #fff; }

.jlc-blue-sky .btn-outline-dark,
.jlc-blue-sky .btn-outline-dark.disabled {
  color: #191d21; }
  .jlc-blue-sky .btn-outline-dark:active, .jlc-blue-sky .btn-outline-dark:focus, .jlc-blue-sky .btn-outline-dark:hover,
  .jlc-blue-sky .btn-outline-dark.disabled:active,
  .jlc-blue-sky .btn-outline-dark.disabled:focus,
  .jlc-blue-sky .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-light,
.jlc-blue-sky .btn-light.disabled {
  color: #191d21; }

.jlc-blue-sky .btn-outline-light,
.jlc-blue-sky .btn-outline-light.disabled {
  color: #e3eaef; }
  .jlc-blue-sky .btn-outline-light:active, .jlc-blue-sky .btn-outline-light:focus, .jlc-blue-sky .btn-outline-light:hover,
  .jlc-blue-sky .btn-outline-light.disabled:active,
  .jlc-blue-sky .btn-outline-light.disabled:focus,
  .jlc-blue-sky .btn-outline-light.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-warning,
.jlc-blue-sky .btn-warning.disabled {
  color: #fff; }
  .jlc-blue-sky .btn-warning:active, .jlc-blue-sky .btn-warning:focus, .jlc-blue-sky .btn-warning:hover,
  .jlc-blue-sky .btn-warning.disabled:active,
  .jlc-blue-sky .btn-warning.disabled:focus,
  .jlc-blue-sky .btn-warning.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-outline-warning,
.jlc-blue-sky .btn-outline-warning.disabled {
  color: #ffa426; }
  .jlc-blue-sky .btn-outline-warning:active, .jlc-blue-sky .btn-outline-warning:focus, .jlc-blue-sky .btn-outline-warning:hover,
  .jlc-blue-sky .btn-outline-warning.disabled:active,
  .jlc-blue-sky .btn-outline-warning.disabled:focus,
  .jlc-blue-sky .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-info,
.jlc-blue-sky .btn-info.disabled {
  color: #fff; }

.jlc-blue-sky .btn-outline-info,
.jlc-blue-sky .btn-outline-info.disabled {
  color: #3abaf4; }
  .jlc-blue-sky .btn-outline-info:active, .jlc-blue-sky .btn-outline-info:focus, .jlc-blue-sky .btn-outline-info:hover,
  .jlc-blue-sky .btn-outline-info.disabled:active,
  .jlc-blue-sky .btn-outline-info.disabled:focus,
  .jlc-blue-sky .btn-outline-info.disabled:hover {
    color: #fff !important; }

.jlc-blue-sky .btn-primary,
.jlc-blue-sky .btn-primary.disabled {
  box-shadow: 0 2px 6px #31beff;
  background-color: #009ce3;
  border-color: #009ce3;
  color: #fff; }
  .jlc-blue-sky .btn-primary:focus,
  .jlc-blue-sky .btn-primary.disabled:focus {
    background-color: #0079b0 !important; }
    .jlc-blue-sky .btn-primary:focus:active,
    .jlc-blue-sky .btn-primary.disabled:focus:active {
      background-color: #0079b0 !important; }
  .jlc-blue-sky .btn-primary:active, .jlc-blue-sky .btn-primary:hover,
  .jlc-blue-sky .btn-primary.disabled:active,
  .jlc-blue-sky .btn-primary.disabled:hover {
    background-color: #0079b0 !important; }

.jlc-blue-sky .btn-outline-primary,
.jlc-blue-sky .btn-outline-primary.disabled {
  border-color: #009ce3;
  color: #009ce3; }
  .jlc-blue-sky .btn-outline-primary:active, .jlc-blue-sky .btn-outline-primary:focus, .jlc-blue-sky .btn-outline-primary:hover,
  .jlc-blue-sky .btn-outline-primary.disabled:active,
  .jlc-blue-sky .btn-outline-primary.disabled:focus,
  .jlc-blue-sky .btn-outline-primary.disabled:hover {
    background-color: #009ce3 !important;
    color: #fff; }

.jlc-blue-sky .btn-outline-white,
.jlc-blue-sky .btn-outline-white.disabled {
  color: #fff; }
  .jlc-blue-sky .btn-outline-white:active, .jlc-blue-sky .btn-outline-white:focus, .jlc-blue-sky .btn-outline-white:hover,
  .jlc-blue-sky .btn-outline-white.disabled:active,
  .jlc-blue-sky .btn-outline-white.disabled:focus,
  .jlc-blue-sky .btn-outline-white.disabled:hover {
    color: #009ce3; }

.jlc-blue-sky .btn-social {
  color: #fff !important; }

.jlc-blue-sky .btn-reddit {
  color: #000 !important; }

.jlc-blue-sky .btn-group .btn.active {
  background-color: #009ce3;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.jlc-blue-sky .media .media-right {
  color: #009ce3; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.jlc-blue-sky .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #31beff;
  background-color: #009ce3; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.jlc-blue-sky .navbar.active {
  background-color: #009ce3;
  box-shadow: rgba(0, 156, 227, 0.2) rgba(0, 0, 0, 0.03); }

.jlc-blue-sky .navbar-bg {
  background-color: #009ce3; }

.jlc-blue-sky .navbar .form-inline .search-result .search-item a:hover {
  background-color: #87daff; }

@media (max-width: 1024px) {
  .jlc-blue-sky .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #009ce3; }
  .jlc-blue-sky .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #009ce3; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.jlc-blue-sky a.dropdown-item.active, .jlc-blue-sky a.dropdown-item:active, .jlc-blue-sky a.dropdown-item:focus {
  background-color: #009ce3;
  color: #fff !important; }

.jlc-blue-sky .dropdown-list .dropdown-item:focus {
  background-color: #009ce3; }

.jlc-blue-sky .dropdown-flag .dropdown-item.active {
  background-color: #009ce3; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.jlc-blue-sky .progress-bar {
  background-color: #009ce3; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.jlc-blue-sky :root {
  /* Colors */
  --primary: color($theme); }

.jlc-blue-sky a.bb {
  border-bottom: 1px solid #009ce3; }

.jlc-blue-sky .circle-step .circle.circle-primary {
  border-color: #009ce3;
  color: #009ce3; }

.jlc-blue-sky .shadow-primary {
  box-shadow: 0 2px 6px #31beff; }

/* ***** 4.2 Section - theme/section */
.jlc-blue-sky .section .section-header .section-header-back .btn:hover {
  background-color: #009ce3; }
.jlc-blue-sky .section .section-title:before {
  background-color: #009ce3; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.jlc-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #31beff;
  background-color: #009ce3; }
body.jlc-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.jlc-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.jlc-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #009ce3 !important; }

body.jlc-blue-sky .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #009ce3; }

body.jlc-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #009ce3; }
body.jlc-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #009ce3; }
body.jlc-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.jlc-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #009ce3; }

.jlc-blue-sky .main-sidebar .sidebar-menu li.active a {
  color: #009ce3; }
.jlc-blue-sky .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #009ce3; }
.jlc-blue-sky .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #009ce3; }

.jlc-blue-sky .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #009ce3;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.jlc-blue-sky:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #009ce3; }
body.jlc-blue-sky:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #73d3ff; }
  body.jlc-blue-sky:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #009ce3; }

body.jlc-blue-sky:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #009ce3; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.jlc-blue-sky .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #009ce3; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.jlc-blue-sky .ranges li {
  color: #009ce3; }
  .jlc-blue-sky .ranges li.active, .jlc-blue-sky .ranges li:hover {
    background-color: #009ce3; }

.jlc-blue-sky .daterangepicker td.active,
.jlc-blue-sky .daterangepicker td.active:hover {
  background-color: #009ce3; }

/* 1.10 Dropzone - components/_dropzone */
.jlc-blue-sky .dropzone {
  border: 2px dashed #009ce3;
  min-height: 70px; }
  .jlc-blue-sky .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.jlc-blue-sky .fc button.fc-state-active {
  background-color: #009ce3; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.jlc-blue-sky .jqvmap-circle {
  border: 3px solid #009ce3; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.jlc-blue-sky .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #f7fdff;
  border-color: #6ed2ff; }
  .jlc-blue-sky .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: #f7fdff;
    border-color: #17b6ff;
    outline: none;
    box-shadow: none; }

.jlc-blue-sky .select2-container .select2-selection--multiple, .jlc-blue-sky .select2-container .select2-selection--single {
  background-color: #f7fdff;
  border-color: #6ed2ff; }

.jlc-blue-sky .select2-dropdown {
  border-color: #6ed2ff !important; }

.jlc-blue-sky .select2-container--default .select2-results__option--highlighted[aria-selected],
.jlc-blue-sky .select2-container--default .select2-results__option[aria-selected=true],
.jlc-blue-sky .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #009ce3;
  border-color: #009ce3;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.jlc-blue-sky .selectric {
  background-color: #f7fdff;
  border-color: #6ed2ff; }
  .jlc-blue-sky .selectric:hover {
    background-color: #f7fdff;
    border-color: #6ed2ff; }
  .jlc-blue-sky .selectric:focus {
    background-color: #f7fdff;
    border-color: #17b6ff; }

.jlc-blue-sky .selectric-open .selectric {
  border-color: #009ce3; }

.jlc-blue-sky .selectric-items li.highlighted, .jlc-blue-sky .selectric-items li.selected {
  background-color: #009ce3; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.jlc-blue-sky .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #31beff;
  background-color: #009ce3; }

/* 1.26 Tags Input - components/_tagsinput */
.jlc-blue-sky .bootstrap-tagsinput {
  background-color: #f7fdff;
  border-color: #6ed2ff; }
  .jlc-blue-sky .bootstrap-tagsinput:focus {
    background-color: #f7fdff;
    border-color: #17b6ff; }
  .jlc-blue-sky .bootstrap-tagsinput .tag {
    background-color: #009ce3; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.jlc-blue-sky .weather ul li {
  border: 2px solid #009ce3;
  color: #009ce3; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.jlc-blue-sky .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #009ce3; }
.jlc-blue-sky .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #31beff;
  background-color: #009ce3; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.jlc-blue-sky .owl-theme .owl-dots .owl-dot.active span {
  background-color: #009ce3; }

/* 1.36 Activities - components/_activities */
.jlc-blue-sky .activities .activity:before {
  background-color: #009ce3; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.jlc-blue-sky .empty-state .empty-state-icon {
  background-color: #009ce3; }

/* 1.39 Pricing - components/_pricing */
.jlc-blue-sky .pricing.pricing-highlight .pricing-title {
  background-color: #009ce3; }
.jlc-blue-sky .pricing.pricing-highlight .pricing-cta a {
  background-color: #009ce3;
  color: #fff; }
  .jlc-blue-sky .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #0079b0 !important; }
.jlc-blue-sky .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #009ce3; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.jlc-blue-sky .avatar {
  background: #009ce3;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.jlc-blue-sky .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #31beff;
  background-color: #009ce3;
  color: #fff; }
  .jlc-blue-sky .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #009ce3;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.pqla-blue a {
  color: #004899; }

.pqla-blue .bg-primary {
  background-color: #004899 !important; }

.pqla-blue .text-primary,
.pqla-blue .text-primary-all *:after,
.pqla-blue .text-primary-all *:before,
.pqla-blue .text-primary-all * {
  color: #004899 !important; }

/* ***** 3.2 Form - override/_form */
.pqla-blue .form-control,
.pqla-blue .input-group-text,
.pqla-blue .custom-select,
.pqla-blue .custom-file-label {
  background-color: #f5faff;
  border-color: #248bff; }
  .pqla-blue .form-control:focus,
  .pqla-blue .input-group-text:focus,
  .pqla-blue .custom-select:focus,
  .pqla-blue .custom-file-label:focus {
    background-color: #f5faff;
    border-color: #0060cc; }
  .pqla-blue .form-control:disabled, .pqla-blue .form-control[readonly],
  .pqla-blue .input-group-text:disabled,
  .pqla-blue .input-group-text[readonly],
  .pqla-blue .custom-select:disabled,
  .pqla-blue .custom-select[readonly],
  .pqla-blue .custom-file-label:disabled,
  .pqla-blue .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.pqla-blue .form-group {
  margin-bottom: 10px !important; }

.pqla-blue .input-group-append [class*="btn-outline-"] {
  background-color: #3f99ff; }

.pqla-blue .custom-control-input:checked ~ .custom-control-label::before,
.pqla-blue .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #004899 !important; }

.pqla-blue .custom-file-input:focus + .custom-file-label {
  border-color: #004899; }

.pqla-blue .selectgroup-button {
  background-color: #3f99ff;
  border-color: #248bff; }

.pqla-blue .selectgroup-input:checked + .selectgroup-button, .pqla-blue .selectgroup-input:focus + .selectgroup-button {
  background-color: #004899; }

.pqla-blue .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #004899; }
.pqla-blue .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #004899; }

.pqla-blue .imagecheck-figure {
  background-color: #3f99ff;
  border-color: #248bff; }

.pqla-blue .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #004899; }
.pqla-blue .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.pqla-blue .imagecheck-figure:before {
  background: #004899 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.pqla-blue .colorinput-color {
  background-color: #3f99ff;
  border-color: #248bff; }

/* ***** 3.3 List - override/_list */
.pqla-blue .list-group-item.active {
  background-color: #004899;
  border-color: #004899; }

.pqla-blue .list-group-item-primary {
  background-color: #004899; }

/* ***** 3.4 Alert - override/_alert */
.pqla-blue .alert.alert-primary {
  background-color: #004899; }

/* ***** 3.5 Card - override/_card */
.pqla-blue .card .card-header h4 + .card-header-action .btn.active,
.pqla-blue .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #006ce6;
  background-color: #004899; }
.pqla-blue .card.card-primary {
  border-top: 2px solid #004899; }
.pqla-blue .card.card-border-primary {
  border: 3px solid #004899;
  border-radius: 15px; }
.pqla-blue .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #004899, #0060cc); }
  .pqla-blue .card.card-hero .card-header .card-icon {
    color: #005bc2; }

.pqla-blue .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.pqla-blue .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #004899;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.pqla-blue .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 72, 153, 0.05); }

.pqla-blue .table-hover tbody tr:hover {
  background-color: rgba(0, 72, 153, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.pqla-blue .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .pqla-blue .nav-tabs .nav-item .nav-link.active {
    color: #004899; }

.pqla-blue .nav-pills .nav-link.active,
.pqla-blue .nav-pills .show > .nav-link {
  background-color: #004899; }
.pqla-blue .nav-pills .nav-item .nav-link {
  color: #004899; }
  .pqla-blue .nav-pills .nav-item .nav-link:hover {
    background-color: #3896ff; }
  .pqla-blue .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #006ce6;
    background-color: #004899; }

/* ***** 3.10 Pagination - override/_pagination */
.pqla-blue .page-item .page-link {
  color: #004899; }
.pqla-blue .page-item.active .page-link {
  background-color: #004899;
  border-color: #004899;
  color: #ffffff; }
.pqla-blue .page-item.disabled .page-link {
  background-color: #3c98ff;
  color: #004899; }

.pqla-blue .page-link {
  background-color: #3c98ff; }
  .pqla-blue .page-link:hover {
    background-color: #004899;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.pqla-blue .badge.badge-primary {
  background-color: #004899; }

/* ***** 3.12 Button - override/_button */
.pqla-blue .btn-action {
  color: #fff !important; }

.pqla-blue .btn-secondary,
.pqla-blue .btn-secondary.disabled {
  color: #fff; }

.pqla-blue .btn-outline-secondary,
.pqla-blue .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .pqla-blue .btn-outline-secondary:active, .pqla-blue .btn-outline-secondary:focus, .pqla-blue .btn-outline-secondary:hover,
  .pqla-blue .btn-outline-secondary.disabled:active,
  .pqla-blue .btn-outline-secondary.disabled:focus,
  .pqla-blue .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-success,
.pqla-blue .btn-success.disabled {
  color: #fff; }
  .pqla-blue .btn-success:active, .pqla-blue .btn-success:focus, .pqla-blue .btn-success:hover,
  .pqla-blue .btn-success.disabled:active,
  .pqla-blue .btn-success.disabled:focus,
  .pqla-blue .btn-success.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-outline-success,
.pqla-blue .btn-outline-success.disabled {
  color: #63ed7a; }
  .pqla-blue .btn-outline-success:active, .pqla-blue .btn-outline-success:focus, .pqla-blue .btn-outline-success:hover,
  .pqla-blue .btn-outline-success.disabled:active,
  .pqla-blue .btn-outline-success.disabled:focus,
  .pqla-blue .btn-outline-success.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-danger,
.pqla-blue .btn-danger.disabled {
  color: #fff; }

.pqla-blue .btn-outline-danger,
.pqla-blue .btn-outline-danger.disabled {
  color: #fc544b; }
  .pqla-blue .btn-outline-danger:active, .pqla-blue .btn-outline-danger:focus, .pqla-blue .btn-outline-danger:hover,
  .pqla-blue .btn-outline-danger.disabled:active,
  .pqla-blue .btn-outline-danger.disabled:focus,
  .pqla-blue .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-dark,
.pqla-blue .btn-dark.disabled {
  color: #fff; }

.pqla-blue .btn-outline-dark,
.pqla-blue .btn-outline-dark.disabled {
  color: #191d21; }
  .pqla-blue .btn-outline-dark:active, .pqla-blue .btn-outline-dark:focus, .pqla-blue .btn-outline-dark:hover,
  .pqla-blue .btn-outline-dark.disabled:active,
  .pqla-blue .btn-outline-dark.disabled:focus,
  .pqla-blue .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-light,
.pqla-blue .btn-light.disabled {
  color: #191d21; }

.pqla-blue .btn-outline-light,
.pqla-blue .btn-outline-light.disabled {
  color: #e3eaef; }
  .pqla-blue .btn-outline-light:active, .pqla-blue .btn-outline-light:focus, .pqla-blue .btn-outline-light:hover,
  .pqla-blue .btn-outline-light.disabled:active,
  .pqla-blue .btn-outline-light.disabled:focus,
  .pqla-blue .btn-outline-light.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-warning,
.pqla-blue .btn-warning.disabled {
  color: #fff; }
  .pqla-blue .btn-warning:active, .pqla-blue .btn-warning:focus, .pqla-blue .btn-warning:hover,
  .pqla-blue .btn-warning.disabled:active,
  .pqla-blue .btn-warning.disabled:focus,
  .pqla-blue .btn-warning.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-outline-warning,
.pqla-blue .btn-outline-warning.disabled {
  color: #ffa426; }
  .pqla-blue .btn-outline-warning:active, .pqla-blue .btn-outline-warning:focus, .pqla-blue .btn-outline-warning:hover,
  .pqla-blue .btn-outline-warning.disabled:active,
  .pqla-blue .btn-outline-warning.disabled:focus,
  .pqla-blue .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-info,
.pqla-blue .btn-info.disabled {
  color: #fff; }

.pqla-blue .btn-outline-info,
.pqla-blue .btn-outline-info.disabled {
  color: #3abaf4; }
  .pqla-blue .btn-outline-info:active, .pqla-blue .btn-outline-info:focus, .pqla-blue .btn-outline-info:hover,
  .pqla-blue .btn-outline-info.disabled:active,
  .pqla-blue .btn-outline-info.disabled:focus,
  .pqla-blue .btn-outline-info.disabled:hover {
    color: #fff !important; }

.pqla-blue .btn-primary,
.pqla-blue .btn-primary.disabled {
  box-shadow: 0 2px 6px #006ce6;
  background-color: #004899;
  border-color: #004899;
  color: #fff; }
  .pqla-blue .btn-primary:focus,
  .pqla-blue .btn-primary.disabled:focus {
    background-color: #003066 !important; }
    .pqla-blue .btn-primary:focus:active,
    .pqla-blue .btn-primary.disabled:focus:active {
      background-color: #003066 !important; }
  .pqla-blue .btn-primary:active, .pqla-blue .btn-primary:hover,
  .pqla-blue .btn-primary.disabled:active,
  .pqla-blue .btn-primary.disabled:hover {
    background-color: #003066 !important; }

.pqla-blue .btn-outline-primary,
.pqla-blue .btn-outline-primary.disabled {
  border-color: #004899;
  color: #004899; }
  .pqla-blue .btn-outline-primary:active, .pqla-blue .btn-outline-primary:focus, .pqla-blue .btn-outline-primary:hover,
  .pqla-blue .btn-outline-primary.disabled:active,
  .pqla-blue .btn-outline-primary.disabled:focus,
  .pqla-blue .btn-outline-primary.disabled:hover {
    background-color: #004899 !important;
    color: #fff; }

.pqla-blue .btn-outline-white,
.pqla-blue .btn-outline-white.disabled {
  color: #fff; }
  .pqla-blue .btn-outline-white:active, .pqla-blue .btn-outline-white:focus, .pqla-blue .btn-outline-white:hover,
  .pqla-blue .btn-outline-white.disabled:active,
  .pqla-blue .btn-outline-white.disabled:focus,
  .pqla-blue .btn-outline-white.disabled:hover {
    color: #004899; }

.pqla-blue .btn-social {
  color: #fff !important; }

.pqla-blue .btn-reddit {
  color: #000 !important; }

.pqla-blue .btn-group .btn.active {
  background-color: #004899;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.pqla-blue .media .media-right {
  color: #004899; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.pqla-blue .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #006ce6;
  background-color: #004899; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.pqla-blue .navbar.active {
  background-color: #004899;
  box-shadow: rgba(0, 72, 153, 0.2) rgba(0, 0, 0, 0.03); }

.pqla-blue .navbar-bg {
  background-color: #004899; }

.pqla-blue .navbar .form-inline .search-result .search-item a:hover {
  background-color: #3d98ff; }

@media (max-width: 1024px) {
  .pqla-blue .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #004899; }
  .pqla-blue .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #004899; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.pqla-blue a.dropdown-item.active, .pqla-blue a.dropdown-item:active, .pqla-blue a.dropdown-item:focus {
  background-color: #004899;
  color: #fff !important; }

.pqla-blue .dropdown-list .dropdown-item:focus {
  background-color: #004899; }

.pqla-blue .dropdown-flag .dropdown-item.active {
  background-color: #004899; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.pqla-blue .progress-bar {
  background-color: #004899; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.pqla-blue :root {
  /* Colors */
  --primary: color($theme); }

.pqla-blue a.bb {
  border-bottom: 1px solid #004899; }

.pqla-blue .circle-step .circle.circle-primary {
  border-color: #004899;
  color: #004899; }

.pqla-blue .shadow-primary {
  box-shadow: 0 2px 6px #006ce6; }

/* ***** 4.2 Section - theme/section */
.pqla-blue .section .section-header .section-header-back .btn:hover {
  background-color: #004899; }
.pqla-blue .section .section-title:before {
  background-color: #004899; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.pqla-blue.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #006ce6;
  background-color: #004899; }
body.pqla-blue.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.pqla-blue.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.pqla-blue.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #004899 !important; }

body.pqla-blue .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #004899; }

body.pqla-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #004899; }
body.pqla-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #004899; }
body.pqla-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.pqla-blue .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #004899; }

.pqla-blue .main-sidebar .sidebar-menu li.active a {
  color: #004899; }
.pqla-blue .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #004899; }
.pqla-blue .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #004899; }

.pqla-blue .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #004899;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.pqla-blue:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #004899; }
body.pqla-blue:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #298eff; }
  body.pqla-blue:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #004899; }

body.pqla-blue:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #004899; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.pqla-blue .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #004899; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.pqla-blue .ranges li {
  color: #004899; }
  .pqla-blue .ranges li.active, .pqla-blue .ranges li:hover {
    background-color: #004899; }

.pqla-blue .daterangepicker td.active,
.pqla-blue .daterangepicker td.active:hover {
  background-color: #004899; }

/* 1.10 Dropzone - components/_dropzone */
.pqla-blue .dropzone {
  border: 2px dashed #004899;
  min-height: 70px; }
  .pqla-blue .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.pqla-blue .fc button.fc-state-active {
  background-color: #004899; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.pqla-blue .jqvmap-circle {
  border: 3px solid #004899; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.pqla-blue .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #f5faff;
  border-color: #248bff; }
  .pqla-blue .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: #f5faff;
    border-color: #0060cc;
    outline: none;
    box-shadow: none; }

.pqla-blue .select2-container .select2-selection--multiple, .pqla-blue .select2-container .select2-selection--single {
  background-color: #f5faff;
  border-color: #248bff; }

.pqla-blue .select2-dropdown {
  border-color: #248bff !important; }

.pqla-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
.pqla-blue .select2-container--default .select2-results__option[aria-selected=true],
.pqla-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #004899;
  border-color: #004899;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.pqla-blue .selectric {
  background-color: #f5faff;
  border-color: #248bff; }
  .pqla-blue .selectric:hover {
    background-color: #f5faff;
    border-color: #248bff; }
  .pqla-blue .selectric:focus {
    background-color: #f5faff;
    border-color: #0060cc; }

.pqla-blue .selectric-open .selectric {
  border-color: #004899; }

.pqla-blue .selectric-items li.highlighted, .pqla-blue .selectric-items li.selected {
  background-color: #004899; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.pqla-blue .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #006ce6;
  background-color: #004899; }

/* 1.26 Tags Input - components/_tagsinput */
.pqla-blue .bootstrap-tagsinput {
  background-color: #f5faff;
  border-color: #248bff; }
  .pqla-blue .bootstrap-tagsinput:focus {
    background-color: #f5faff;
    border-color: #0060cc; }
  .pqla-blue .bootstrap-tagsinput .tag {
    background-color: #004899; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.pqla-blue .weather ul li {
  border: 2px solid #004899;
  color: #004899; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.pqla-blue .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #004899; }
.pqla-blue .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #006ce6;
  background-color: #004899; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.pqla-blue .owl-theme .owl-dots .owl-dot.active span {
  background-color: #004899; }

/* 1.36 Activities - components/_activities */
.pqla-blue .activities .activity:before {
  background-color: #004899; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.pqla-blue .empty-state .empty-state-icon {
  background-color: #004899; }

/* 1.39 Pricing - components/_pricing */
.pqla-blue .pricing.pricing-highlight .pricing-title {
  background-color: #004899; }
.pqla-blue .pricing.pricing-highlight .pricing-cta a {
  background-color: #004899;
  color: #fff; }
  .pqla-blue .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #003066 !important; }
.pqla-blue .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #004899; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.pqla-blue .avatar {
  background: #004899;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.pqla-blue .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #006ce6;
  background-color: #004899;
  color: #fff; }
  .pqla-blue .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #004899;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.pqla-blue-sky a {
  color: #5dc5ed; }

.pqla-blue-sky .bg-primary {
  background-color: #5dc5ed !important; }

.pqla-blue-sky .text-primary,
.pqla-blue-sky .text-primary-all *:after,
.pqla-blue-sky .text-primary-all *:before,
.pqla-blue-sky .text-primary-all * {
  color: #5dc5ed !important; }

/* ***** 3.2 Form - override/_form */
.pqla-blue-sky .form-control,
.pqla-blue-sky .input-group-text,
.pqla-blue-sky .custom-select,
.pqla-blue-sky .custom-file-label {
  background-color: white;
  border-color: #d9f1fb; }
  .pqla-blue-sky .form-control:focus,
  .pqla-blue-sky .input-group-text:focus,
  .pqla-blue-sky .custom-select:focus,
  .pqla-blue-sky .custom-file-label:focus {
    background-color: white;
    border-color: #8bd5f2; }
  .pqla-blue-sky .form-control:disabled, .pqla-blue-sky .form-control[readonly],
  .pqla-blue-sky .input-group-text:disabled,
  .pqla-blue-sky .input-group-text[readonly],
  .pqla-blue-sky .custom-select:disabled,
  .pqla-blue-sky .custom-select[readonly],
  .pqla-blue-sky .custom-file-label:disabled,
  .pqla-blue-sky .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.pqla-blue-sky .form-group {
  margin-bottom: 10px !important; }

.pqla-blue-sky .input-group-append [class*="btn-outline-"] {
  background-color: #f2fafe; }

.pqla-blue-sky .custom-control-input:checked ~ .custom-control-label::before,
.pqla-blue-sky .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #5dc5ed !important; }

.pqla-blue-sky .custom-file-input:focus + .custom-file-label {
  border-color: #5dc5ed; }

.pqla-blue-sky .selectgroup-button {
  background-color: #f2fafe;
  border-color: #d9f1fb; }

.pqla-blue-sky .selectgroup-input:checked + .selectgroup-button, .pqla-blue-sky .selectgroup-input:focus + .selectgroup-button {
  background-color: #5dc5ed; }

.pqla-blue-sky .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #5dc5ed; }
.pqla-blue-sky .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #5dc5ed; }

.pqla-blue-sky .imagecheck-figure {
  background-color: #f2fafe;
  border-color: #d9f1fb; }

.pqla-blue-sky .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #5dc5ed; }
.pqla-blue-sky .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.pqla-blue-sky .imagecheck-figure:before {
  background: #5dc5ed url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.pqla-blue-sky .colorinput-color {
  background-color: #f2fafe;
  border-color: #d9f1fb; }

/* ***** 3.3 List - override/_list */
.pqla-blue-sky .list-group-item.active {
  background-color: #5dc5ed;
  border-color: #5dc5ed; }

.pqla-blue-sky .list-group-item-primary {
  background-color: #5dc5ed; }

/* ***** 3.4 Alert - override/_alert */
.pqla-blue-sky .alert.alert-primary {
  background-color: #5dc5ed; }

/* ***** 3.5 Card - override/_card */
.pqla-blue-sky .card .card-header h4 + .card-header-action .btn.active,
.pqla-blue-sky .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #a2def5;
  background-color: #5dc5ed; }
.pqla-blue-sky .card.card-primary {
  border-top: 2px solid #5dc5ed; }
.pqla-blue-sky .card.card-border-primary {
  border: 3px solid #5dc5ed;
  border-radius: 15px; }
.pqla-blue-sky .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #5dc5ed, #8bd5f2); }
  .pqla-blue-sky .card.card-hero .card-header .card-icon {
    color: #82d2f1; }

.pqla-blue-sky .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.pqla-blue-sky .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #5dc5ed;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.pqla-blue-sky .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(93, 197, 237, 0.05); }

.pqla-blue-sky .table-hover tbody tr:hover {
  background-color: rgba(93, 197, 237, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.pqla-blue-sky .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .pqla-blue-sky .nav-tabs .nav-item .nav-link.active {
    color: #5dc5ed; }

.pqla-blue-sky .nav-pills .nav-link.active,
.pqla-blue-sky .nav-pills .show > .nav-link {
  background-color: #5dc5ed; }
.pqla-blue-sky .nav-pills .nav-item .nav-link {
  color: #5dc5ed; }
  .pqla-blue-sky .nav-pills .nav-item .nav-link:hover {
    background-color: #ebf8fd; }
  .pqla-blue-sky .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #a2def5;
    background-color: #5dc5ed; }

/* ***** 3.10 Pagination - override/_pagination */
.pqla-blue-sky .page-item .page-link {
  color: #5dc5ed; }
.pqla-blue-sky .page-item.active .page-link {
  background-color: #5dc5ed;
  border-color: #5dc5ed;
  color: #ffffff; }
.pqla-blue-sky .page-item.disabled .page-link {
  background-color: #eff9fd;
  color: #5dc5ed; }

.pqla-blue-sky .page-link {
  background-color: #eff9fd; }
  .pqla-blue-sky .page-link:hover {
    background-color: #5dc5ed;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.pqla-blue-sky .badge.badge-primary {
  background-color: #5dc5ed; }

/* ***** 3.12 Button - override/_button */
.pqla-blue-sky .btn-action {
  color: #fff !important; }

.pqla-blue-sky .btn-secondary,
.pqla-blue-sky .btn-secondary.disabled {
  color: #fff; }

.pqla-blue-sky .btn-outline-secondary,
.pqla-blue-sky .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .pqla-blue-sky .btn-outline-secondary:active, .pqla-blue-sky .btn-outline-secondary:focus, .pqla-blue-sky .btn-outline-secondary:hover,
  .pqla-blue-sky .btn-outline-secondary.disabled:active,
  .pqla-blue-sky .btn-outline-secondary.disabled:focus,
  .pqla-blue-sky .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-success,
.pqla-blue-sky .btn-success.disabled {
  color: #fff; }
  .pqla-blue-sky .btn-success:active, .pqla-blue-sky .btn-success:focus, .pqla-blue-sky .btn-success:hover,
  .pqla-blue-sky .btn-success.disabled:active,
  .pqla-blue-sky .btn-success.disabled:focus,
  .pqla-blue-sky .btn-success.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-outline-success,
.pqla-blue-sky .btn-outline-success.disabled {
  color: #63ed7a; }
  .pqla-blue-sky .btn-outline-success:active, .pqla-blue-sky .btn-outline-success:focus, .pqla-blue-sky .btn-outline-success:hover,
  .pqla-blue-sky .btn-outline-success.disabled:active,
  .pqla-blue-sky .btn-outline-success.disabled:focus,
  .pqla-blue-sky .btn-outline-success.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-danger,
.pqla-blue-sky .btn-danger.disabled {
  color: #fff; }

.pqla-blue-sky .btn-outline-danger,
.pqla-blue-sky .btn-outline-danger.disabled {
  color: #fc544b; }
  .pqla-blue-sky .btn-outline-danger:active, .pqla-blue-sky .btn-outline-danger:focus, .pqla-blue-sky .btn-outline-danger:hover,
  .pqla-blue-sky .btn-outline-danger.disabled:active,
  .pqla-blue-sky .btn-outline-danger.disabled:focus,
  .pqla-blue-sky .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-dark,
.pqla-blue-sky .btn-dark.disabled {
  color: #fff; }

.pqla-blue-sky .btn-outline-dark,
.pqla-blue-sky .btn-outline-dark.disabled {
  color: #191d21; }
  .pqla-blue-sky .btn-outline-dark:active, .pqla-blue-sky .btn-outline-dark:focus, .pqla-blue-sky .btn-outline-dark:hover,
  .pqla-blue-sky .btn-outline-dark.disabled:active,
  .pqla-blue-sky .btn-outline-dark.disabled:focus,
  .pqla-blue-sky .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-light,
.pqla-blue-sky .btn-light.disabled {
  color: #191d21; }

.pqla-blue-sky .btn-outline-light,
.pqla-blue-sky .btn-outline-light.disabled {
  color: #e3eaef; }
  .pqla-blue-sky .btn-outline-light:active, .pqla-blue-sky .btn-outline-light:focus, .pqla-blue-sky .btn-outline-light:hover,
  .pqla-blue-sky .btn-outline-light.disabled:active,
  .pqla-blue-sky .btn-outline-light.disabled:focus,
  .pqla-blue-sky .btn-outline-light.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-warning,
.pqla-blue-sky .btn-warning.disabled {
  color: #fff; }
  .pqla-blue-sky .btn-warning:active, .pqla-blue-sky .btn-warning:focus, .pqla-blue-sky .btn-warning:hover,
  .pqla-blue-sky .btn-warning.disabled:active,
  .pqla-blue-sky .btn-warning.disabled:focus,
  .pqla-blue-sky .btn-warning.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-outline-warning,
.pqla-blue-sky .btn-outline-warning.disabled {
  color: #ffa426; }
  .pqla-blue-sky .btn-outline-warning:active, .pqla-blue-sky .btn-outline-warning:focus, .pqla-blue-sky .btn-outline-warning:hover,
  .pqla-blue-sky .btn-outline-warning.disabled:active,
  .pqla-blue-sky .btn-outline-warning.disabled:focus,
  .pqla-blue-sky .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-info,
.pqla-blue-sky .btn-info.disabled {
  color: #fff; }

.pqla-blue-sky .btn-outline-info,
.pqla-blue-sky .btn-outline-info.disabled {
  color: #3abaf4; }
  .pqla-blue-sky .btn-outline-info:active, .pqla-blue-sky .btn-outline-info:focus, .pqla-blue-sky .btn-outline-info:hover,
  .pqla-blue-sky .btn-outline-info.disabled:active,
  .pqla-blue-sky .btn-outline-info.disabled:focus,
  .pqla-blue-sky .btn-outline-info.disabled:hover {
    color: #fff !important; }

.pqla-blue-sky .btn-primary,
.pqla-blue-sky .btn-primary.disabled {
  box-shadow: 0 2px 6px #a2def5;
  background-color: #5dc5ed;
  border-color: #5dc5ed;
  color: #fff; }
  .pqla-blue-sky .btn-primary:focus,
  .pqla-blue-sky .btn-primary.disabled:focus {
    background-color: #2fb5e8 !important; }
    .pqla-blue-sky .btn-primary:focus:active,
    .pqla-blue-sky .btn-primary.disabled:focus:active {
      background-color: #2fb5e8 !important; }
  .pqla-blue-sky .btn-primary:active, .pqla-blue-sky .btn-primary:hover,
  .pqla-blue-sky .btn-primary.disabled:active,
  .pqla-blue-sky .btn-primary.disabled:hover {
    background-color: #2fb5e8 !important; }

.pqla-blue-sky .btn-outline-primary,
.pqla-blue-sky .btn-outline-primary.disabled {
  border-color: #5dc5ed;
  color: #5dc5ed; }
  .pqla-blue-sky .btn-outline-primary:active, .pqla-blue-sky .btn-outline-primary:focus, .pqla-blue-sky .btn-outline-primary:hover,
  .pqla-blue-sky .btn-outline-primary.disabled:active,
  .pqla-blue-sky .btn-outline-primary.disabled:focus,
  .pqla-blue-sky .btn-outline-primary.disabled:hover {
    background-color: #5dc5ed !important;
    color: #fff; }

.pqla-blue-sky .btn-outline-white,
.pqla-blue-sky .btn-outline-white.disabled {
  color: #fff; }
  .pqla-blue-sky .btn-outline-white:active, .pqla-blue-sky .btn-outline-white:focus, .pqla-blue-sky .btn-outline-white:hover,
  .pqla-blue-sky .btn-outline-white.disabled:active,
  .pqla-blue-sky .btn-outline-white.disabled:focus,
  .pqla-blue-sky .btn-outline-white.disabled:hover {
    color: #5dc5ed; }

.pqla-blue-sky .btn-social {
  color: #fff !important; }

.pqla-blue-sky .btn-reddit {
  color: #000 !important; }

.pqla-blue-sky .btn-group .btn.active {
  background-color: #5dc5ed;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.pqla-blue-sky .media .media-right {
  color: #5dc5ed; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.pqla-blue-sky .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #a2def5;
  background-color: #5dc5ed; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.pqla-blue-sky .navbar.active {
  background-color: #5dc5ed;
  box-shadow: rgba(93, 197, 237, 0.2) rgba(0, 0, 0, 0.03); }

.pqla-blue-sky .navbar-bg {
  background-color: #5dc5ed; }

.pqla-blue-sky .navbar .form-inline .search-result .search-item a:hover {
  background-color: #f0fafd; }

@media (max-width: 1024px) {
  .pqla-blue-sky .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #5dc5ed; }
  .pqla-blue-sky .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #5dc5ed; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.pqla-blue-sky a.dropdown-item.active, .pqla-blue-sky a.dropdown-item:active, .pqla-blue-sky a.dropdown-item:focus {
  background-color: #5dc5ed;
  color: #fff !important; }

.pqla-blue-sky .dropdown-list .dropdown-item:focus {
  background-color: #5dc5ed; }

.pqla-blue-sky .dropdown-flag .dropdown-item.active {
  background-color: #5dc5ed; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.pqla-blue-sky .progress-bar {
  background-color: #5dc5ed; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.pqla-blue-sky :root {
  /* Colors */
  --primary: color($theme); }

.pqla-blue-sky a.bb {
  border-bottom: 1px solid #5dc5ed; }

.pqla-blue-sky .circle-step .circle.circle-primary {
  border-color: #5dc5ed;
  color: #5dc5ed; }

.pqla-blue-sky .shadow-primary {
  box-shadow: 0 2px 6px #a2def5; }

/* ***** 4.2 Section - theme/section */
.pqla-blue-sky .section .section-header .section-header-back .btn:hover {
  background-color: #5dc5ed; }
.pqla-blue-sky .section .section-title:before {
  background-color: #5dc5ed; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.pqla-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #a2def5;
  background-color: #5dc5ed; }
body.pqla-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.pqla-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.pqla-blue-sky.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #5dc5ed !important; }

body.pqla-blue-sky .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #5dc5ed; }

body.pqla-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #5dc5ed; }
body.pqla-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #5dc5ed; }
body.pqla-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.pqla-blue-sky .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #5dc5ed; }

.pqla-blue-sky .main-sidebar .sidebar-menu li.active a {
  color: #5dc5ed; }
.pqla-blue-sky .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #5dc5ed; }
.pqla-blue-sky .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #5dc5ed; }

.pqla-blue-sky .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #5dc5ed;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.pqla-blue-sky:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #5dc5ed; }
body.pqla-blue-sky:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #def3fb; }
  body.pqla-blue-sky:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #5dc5ed; }

body.pqla-blue-sky:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #5dc5ed; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.pqla-blue-sky .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #5dc5ed; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.pqla-blue-sky .ranges li {
  color: #5dc5ed; }
  .pqla-blue-sky .ranges li.active, .pqla-blue-sky .ranges li:hover {
    background-color: #5dc5ed; }

.pqla-blue-sky .daterangepicker td.active,
.pqla-blue-sky .daterangepicker td.active:hover {
  background-color: #5dc5ed; }

/* 1.10 Dropzone - components/_dropzone */
.pqla-blue-sky .dropzone {
  border: 2px dashed #5dc5ed;
  min-height: 70px; }
  .pqla-blue-sky .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.pqla-blue-sky .fc button.fc-state-active {
  background-color: #5dc5ed; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.pqla-blue-sky .jqvmap-circle {
  border: 3px solid #5dc5ed; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.pqla-blue-sky .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: white;
  border-color: #d9f1fb; }
  .pqla-blue-sky .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: white;
    border-color: #8bd5f2;
    outline: none;
    box-shadow: none; }

.pqla-blue-sky .select2-container .select2-selection--multiple, .pqla-blue-sky .select2-container .select2-selection--single {
  background-color: white;
  border-color: #d9f1fb; }

.pqla-blue-sky .select2-dropdown {
  border-color: #d9f1fb !important; }

.pqla-blue-sky .select2-container--default .select2-results__option--highlighted[aria-selected],
.pqla-blue-sky .select2-container--default .select2-results__option[aria-selected=true],
.pqla-blue-sky .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #5dc5ed;
  border-color: #5dc5ed;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.pqla-blue-sky .selectric {
  background-color: white;
  border-color: #d9f1fb; }
  .pqla-blue-sky .selectric:hover {
    background-color: white;
    border-color: #d9f1fb; }
  .pqla-blue-sky .selectric:focus {
    background-color: white;
    border-color: #8bd5f2; }

.pqla-blue-sky .selectric-open .selectric {
  border-color: #5dc5ed; }

.pqla-blue-sky .selectric-items li.highlighted, .pqla-blue-sky .selectric-items li.selected {
  background-color: #5dc5ed; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.pqla-blue-sky .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #a2def5;
  background-color: #5dc5ed; }

/* 1.26 Tags Input - components/_tagsinput */
.pqla-blue-sky .bootstrap-tagsinput {
  background-color: white;
  border-color: #d9f1fb; }
  .pqla-blue-sky .bootstrap-tagsinput:focus {
    background-color: white;
    border-color: #8bd5f2; }
  .pqla-blue-sky .bootstrap-tagsinput .tag {
    background-color: #5dc5ed; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.pqla-blue-sky .weather ul li {
  border: 2px solid #5dc5ed;
  color: #5dc5ed; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.pqla-blue-sky .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #5dc5ed; }
.pqla-blue-sky .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #a2def5;
  background-color: #5dc5ed; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.pqla-blue-sky .owl-theme .owl-dots .owl-dot.active span {
  background-color: #5dc5ed; }

/* 1.36 Activities - components/_activities */
.pqla-blue-sky .activities .activity:before {
  background-color: #5dc5ed; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.pqla-blue-sky .empty-state .empty-state-icon {
  background-color: #5dc5ed; }

/* 1.39 Pricing - components/_pricing */
.pqla-blue-sky .pricing.pricing-highlight .pricing-title {
  background-color: #5dc5ed; }
.pqla-blue-sky .pricing.pricing-highlight .pricing-cta a {
  background-color: #5dc5ed;
  color: #fff; }
  .pqla-blue-sky .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #2fb5e8 !important; }
.pqla-blue-sky .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #5dc5ed; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.pqla-blue-sky .avatar {
  background: #5dc5ed;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.pqla-blue-sky .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #a2def5;
  background-color: #5dc5ed;
  color: #fff; }
  .pqla-blue-sky .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #5dc5ed;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.pqla-yellow a {
  color: #ffe800; }

.pqla-yellow .bg-primary {
  background-color: #ffe800 !important; }

.pqla-yellow .text-primary,
.pqla-yellow .text-primary-all *:after,
.pqla-yellow .text-primary-all *:before,
.pqla-yellow .text-primary-all * {
  color: #ffe800 !important; }

/* ***** 3.2 Form - override/_form */
.pqla-yellow .form-control,
.pqla-yellow .input-group-text,
.pqla-yellow .custom-select,
.pqla-yellow .custom-file-label {
  background-color: white;
  border-color: #fff48a; }
  .pqla-yellow .form-control:focus,
  .pqla-yellow .input-group-text:focus,
  .pqla-yellow .custom-select:focus,
  .pqla-yellow .custom-file-label:focus {
    background-color: white;
    border-color: #ffed33; }
  .pqla-yellow .form-control:disabled, .pqla-yellow .form-control[readonly],
  .pqla-yellow .input-group-text:disabled,
  .pqla-yellow .input-group-text[readonly],
  .pqla-yellow .custom-select:disabled,
  .pqla-yellow .custom-select[readonly],
  .pqla-yellow .custom-file-label:disabled,
  .pqla-yellow .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.pqla-yellow .form-group {
  margin-bottom: 10px !important; }

.pqla-yellow .input-group-append [class*="btn-outline-"] {
  background-color: #fff7a5; }

.pqla-yellow .custom-control-input:checked ~ .custom-control-label::before,
.pqla-yellow .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffe800 !important; }

.pqla-yellow .custom-file-input:focus + .custom-file-label {
  border-color: #ffe800; }

.pqla-yellow .selectgroup-button {
  background-color: #fff7a5;
  border-color: #fff48a; }

.pqla-yellow .selectgroup-input:checked + .selectgroup-button, .pqla-yellow .selectgroup-input:focus + .selectgroup-button {
  background-color: #ffe800; }

.pqla-yellow .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #ffe800; }
.pqla-yellow .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #ffe800; }

.pqla-yellow .imagecheck-figure {
  background-color: #fff7a5;
  border-color: #fff48a; }

.pqla-yellow .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #ffe800; }
.pqla-yellow .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.pqla-yellow .imagecheck-figure:before {
  background: #ffe800 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.pqla-yellow .colorinput-color {
  background-color: #fff7a5;
  border-color: #fff48a; }

/* ***** 3.3 List - override/_list */
.pqla-yellow .list-group-item.active {
  background-color: #ffe800;
  border-color: #ffe800; }

.pqla-yellow .list-group-item-primary {
  background-color: #ffe800; }

/* ***** 3.4 Alert - override/_alert */
.pqla-yellow .alert.alert-primary {
  background-color: #ffe800; }

/* ***** 3.5 Card - override/_card */
.pqla-yellow .card .card-header h4 + .card-header-action .btn.active,
.pqla-yellow .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #ffef4d;
  background-color: #ffe800; }
.pqla-yellow .card.card-primary {
  border-top: 2px solid #ffe800; }
.pqla-yellow .card.card-border-primary {
  border: 3px solid #ffe800;
  border-radius: 15px; }
.pqla-yellow .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #ffe800, #ffed33); }
  .pqla-yellow .card.card-hero .card-header .card-icon {
    color: #ffec29; }

.pqla-yellow .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.pqla-yellow .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #ffe800;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.pqla-yellow .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 232, 0, 0.05); }

.pqla-yellow .table-hover tbody tr:hover {
  background-color: rgba(255, 232, 0, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.pqla-yellow .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .pqla-yellow .nav-tabs .nav-item .nav-link.active {
    color: #ffe800; }

.pqla-yellow .nav-pills .nav-link.active,
.pqla-yellow .nav-pills .show > .nav-link {
  background-color: #ffe800; }
.pqla-yellow .nav-pills .nav-item .nav-link {
  color: #ffe800; }
  .pqla-yellow .nav-pills .nav-item .nav-link:hover {
    background-color: #fff69e; }
  .pqla-yellow .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #ffef4d;
    background-color: #ffe800; }

/* ***** 3.10 Pagination - override/_pagination */
.pqla-yellow .page-item .page-link {
  color: #ffe800; }
.pqla-yellow .page-item.active .page-link {
  background-color: #ffe800;
  border-color: #ffe800;
  color: #ffffff; }
.pqla-yellow .page-item.disabled .page-link {
  background-color: #fff7a2;
  color: #ffe800; }

.pqla-yellow .page-link {
  background-color: #fff7a2; }
  .pqla-yellow .page-link:hover {
    background-color: #ffe800;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.pqla-yellow .badge.badge-primary {
  background-color: #ffe800; }

/* ***** 3.12 Button - override/_button */
.pqla-yellow .btn-action {
  color: #fff !important; }

.pqla-yellow .btn-secondary,
.pqla-yellow .btn-secondary.disabled {
  color: #fff; }

.pqla-yellow .btn-outline-secondary,
.pqla-yellow .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .pqla-yellow .btn-outline-secondary:active, .pqla-yellow .btn-outline-secondary:focus, .pqla-yellow .btn-outline-secondary:hover,
  .pqla-yellow .btn-outline-secondary.disabled:active,
  .pqla-yellow .btn-outline-secondary.disabled:focus,
  .pqla-yellow .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-success,
.pqla-yellow .btn-success.disabled {
  color: #fff; }
  .pqla-yellow .btn-success:active, .pqla-yellow .btn-success:focus, .pqla-yellow .btn-success:hover,
  .pqla-yellow .btn-success.disabled:active,
  .pqla-yellow .btn-success.disabled:focus,
  .pqla-yellow .btn-success.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-outline-success,
.pqla-yellow .btn-outline-success.disabled {
  color: #63ed7a; }
  .pqla-yellow .btn-outline-success:active, .pqla-yellow .btn-outline-success:focus, .pqla-yellow .btn-outline-success:hover,
  .pqla-yellow .btn-outline-success.disabled:active,
  .pqla-yellow .btn-outline-success.disabled:focus,
  .pqla-yellow .btn-outline-success.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-danger,
.pqla-yellow .btn-danger.disabled {
  color: #fff; }

.pqla-yellow .btn-outline-danger,
.pqla-yellow .btn-outline-danger.disabled {
  color: #fc544b; }
  .pqla-yellow .btn-outline-danger:active, .pqla-yellow .btn-outline-danger:focus, .pqla-yellow .btn-outline-danger:hover,
  .pqla-yellow .btn-outline-danger.disabled:active,
  .pqla-yellow .btn-outline-danger.disabled:focus,
  .pqla-yellow .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-dark,
.pqla-yellow .btn-dark.disabled {
  color: #fff; }

.pqla-yellow .btn-outline-dark,
.pqla-yellow .btn-outline-dark.disabled {
  color: #191d21; }
  .pqla-yellow .btn-outline-dark:active, .pqla-yellow .btn-outline-dark:focus, .pqla-yellow .btn-outline-dark:hover,
  .pqla-yellow .btn-outline-dark.disabled:active,
  .pqla-yellow .btn-outline-dark.disabled:focus,
  .pqla-yellow .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-light,
.pqla-yellow .btn-light.disabled {
  color: #191d21; }

.pqla-yellow .btn-outline-light,
.pqla-yellow .btn-outline-light.disabled {
  color: #e3eaef; }
  .pqla-yellow .btn-outline-light:active, .pqla-yellow .btn-outline-light:focus, .pqla-yellow .btn-outline-light:hover,
  .pqla-yellow .btn-outline-light.disabled:active,
  .pqla-yellow .btn-outline-light.disabled:focus,
  .pqla-yellow .btn-outline-light.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-warning,
.pqla-yellow .btn-warning.disabled {
  color: #fff; }
  .pqla-yellow .btn-warning:active, .pqla-yellow .btn-warning:focus, .pqla-yellow .btn-warning:hover,
  .pqla-yellow .btn-warning.disabled:active,
  .pqla-yellow .btn-warning.disabled:focus,
  .pqla-yellow .btn-warning.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-outline-warning,
.pqla-yellow .btn-outline-warning.disabled {
  color: #ffa426; }
  .pqla-yellow .btn-outline-warning:active, .pqla-yellow .btn-outline-warning:focus, .pqla-yellow .btn-outline-warning:hover,
  .pqla-yellow .btn-outline-warning.disabled:active,
  .pqla-yellow .btn-outline-warning.disabled:focus,
  .pqla-yellow .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-info,
.pqla-yellow .btn-info.disabled {
  color: #fff; }

.pqla-yellow .btn-outline-info,
.pqla-yellow .btn-outline-info.disabled {
  color: #3abaf4; }
  .pqla-yellow .btn-outline-info:active, .pqla-yellow .btn-outline-info:focus, .pqla-yellow .btn-outline-info:hover,
  .pqla-yellow .btn-outline-info.disabled:active,
  .pqla-yellow .btn-outline-info.disabled:focus,
  .pqla-yellow .btn-outline-info.disabled:hover {
    color: #fff !important; }

.pqla-yellow .btn-primary,
.pqla-yellow .btn-primary.disabled {
  box-shadow: 0 2px 6px #ffef4d;
  background-color: #ffe800;
  border-color: #ffe800;
  color: #fff; }
  .pqla-yellow .btn-primary:focus,
  .pqla-yellow .btn-primary.disabled:focus {
    background-color: #ccba00 !important; }
    .pqla-yellow .btn-primary:focus:active,
    .pqla-yellow .btn-primary.disabled:focus:active {
      background-color: #ccba00 !important; }
  .pqla-yellow .btn-primary:active, .pqla-yellow .btn-primary:hover,
  .pqla-yellow .btn-primary.disabled:active,
  .pqla-yellow .btn-primary.disabled:hover {
    background-color: #ccba00 !important; }

.pqla-yellow .btn-outline-primary,
.pqla-yellow .btn-outline-primary.disabled {
  border-color: #ffe800;
  color: #ffe800; }
  .pqla-yellow .btn-outline-primary:active, .pqla-yellow .btn-outline-primary:focus, .pqla-yellow .btn-outline-primary:hover,
  .pqla-yellow .btn-outline-primary.disabled:active,
  .pqla-yellow .btn-outline-primary.disabled:focus,
  .pqla-yellow .btn-outline-primary.disabled:hover {
    background-color: #ffe800 !important;
    color: #fff; }

.pqla-yellow .btn-outline-white,
.pqla-yellow .btn-outline-white.disabled {
  color: #fff; }
  .pqla-yellow .btn-outline-white:active, .pqla-yellow .btn-outline-white:focus, .pqla-yellow .btn-outline-white:hover,
  .pqla-yellow .btn-outline-white.disabled:active,
  .pqla-yellow .btn-outline-white.disabled:focus,
  .pqla-yellow .btn-outline-white.disabled:hover {
    color: #ffe800; }

.pqla-yellow .btn-social {
  color: #fff !important; }

.pqla-yellow .btn-reddit {
  color: #000 !important; }

.pqla-yellow .btn-group .btn.active {
  background-color: #ffe800;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.pqla-yellow .media .media-right {
  color: #ffe800; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.pqla-yellow .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #ffef4d;
  background-color: #ffe800; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.pqla-yellow .navbar.active {
  background-color: #ffe800;
  box-shadow: rgba(255, 232, 0, 0.2) rgba(0, 0, 0, 0.03); }

.pqla-yellow .navbar-bg {
  background-color: #ffe800; }

.pqla-yellow .navbar .form-inline .search-result .search-item a:hover {
  background-color: #fff7a3; }

@media (max-width: 1024px) {
  .pqla-yellow .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #ffe800; }
  .pqla-yellow .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #ffe800; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.pqla-yellow a.dropdown-item.active, .pqla-yellow a.dropdown-item:active, .pqla-yellow a.dropdown-item:focus {
  background-color: #ffe800;
  color: #fff !important; }

.pqla-yellow .dropdown-list .dropdown-item:focus {
  background-color: #ffe800; }

.pqla-yellow .dropdown-flag .dropdown-item.active {
  background-color: #ffe800; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.pqla-yellow .progress-bar {
  background-color: #ffe800; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.pqla-yellow :root {
  /* Colors */
  --primary: color($theme); }

.pqla-yellow a.bb {
  border-bottom: 1px solid #ffe800; }

.pqla-yellow .circle-step .circle.circle-primary {
  border-color: #ffe800;
  color: #ffe800; }

.pqla-yellow .shadow-primary {
  box-shadow: 0 2px 6px #ffef4d; }

/* ***** 4.2 Section - theme/section */
.pqla-yellow .section .section-header .section-header-back .btn:hover {
  background-color: #ffe800; }
.pqla-yellow .section .section-title:before {
  background-color: #ffe800; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.pqla-yellow.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #ffef4d;
  background-color: #ffe800; }
body.pqla-yellow.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.pqla-yellow.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.pqla-yellow.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #ffe800 !important; }

body.pqla-yellow .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #ffe800; }

body.pqla-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #ffe800; }
body.pqla-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #ffe800; }
body.pqla-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.pqla-yellow .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #ffe800; }

.pqla-yellow .main-sidebar .sidebar-menu li.active a {
  color: #ffe800; }
.pqla-yellow .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #ffe800; }
.pqla-yellow .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #ffe800; }

.pqla-yellow .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #ffe800;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.pqla-yellow:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #ffe800; }
body.pqla-yellow:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #fff58f; }
  body.pqla-yellow:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #ffe800; }

body.pqla-yellow:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #ffe800; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.pqla-yellow .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #ffe800; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.pqla-yellow .ranges li {
  color: #ffe800; }
  .pqla-yellow .ranges li.active, .pqla-yellow .ranges li:hover {
    background-color: #ffe800; }

.pqla-yellow .daterangepicker td.active,
.pqla-yellow .daterangepicker td.active:hover {
  background-color: #ffe800; }

/* 1.10 Dropzone - components/_dropzone */
.pqla-yellow .dropzone {
  border: 2px dashed #ffe800;
  min-height: 70px; }
  .pqla-yellow .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.pqla-yellow .fc button.fc-state-active {
  background-color: #ffe800; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.pqla-yellow .jqvmap-circle {
  border: 3px solid #ffe800; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.pqla-yellow .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: white;
  border-color: #fff48a; }
  .pqla-yellow .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: white;
    border-color: #ffed33;
    outline: none;
    box-shadow: none; }

.pqla-yellow .select2-container .select2-selection--multiple, .pqla-yellow .select2-container .select2-selection--single {
  background-color: white;
  border-color: #fff48a; }

.pqla-yellow .select2-dropdown {
  border-color: #fff48a !important; }

.pqla-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
.pqla-yellow .select2-container--default .select2-results__option[aria-selected=true],
.pqla-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ffe800;
  border-color: #ffe800;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.pqla-yellow .selectric {
  background-color: white;
  border-color: #fff48a; }
  .pqla-yellow .selectric:hover {
    background-color: white;
    border-color: #fff48a; }
  .pqla-yellow .selectric:focus {
    background-color: white;
    border-color: #ffed33; }

.pqla-yellow .selectric-open .selectric {
  border-color: #ffe800; }

.pqla-yellow .selectric-items li.highlighted, .pqla-yellow .selectric-items li.selected {
  background-color: #ffe800; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.pqla-yellow .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #ffef4d;
  background-color: #ffe800; }

/* 1.26 Tags Input - components/_tagsinput */
.pqla-yellow .bootstrap-tagsinput {
  background-color: white;
  border-color: #fff48a; }
  .pqla-yellow .bootstrap-tagsinput:focus {
    background-color: white;
    border-color: #ffed33; }
  .pqla-yellow .bootstrap-tagsinput .tag {
    background-color: #ffe800; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.pqla-yellow .weather ul li {
  border: 2px solid #ffe800;
  color: #ffe800; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.pqla-yellow .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #ffe800; }
.pqla-yellow .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #ffef4d;
  background-color: #ffe800; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.pqla-yellow .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ffe800; }

/* 1.36 Activities - components/_activities */
.pqla-yellow .activities .activity:before {
  background-color: #ffe800; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.pqla-yellow .empty-state .empty-state-icon {
  background-color: #ffe800; }

/* 1.39 Pricing - components/_pricing */
.pqla-yellow .pricing.pricing-highlight .pricing-title {
  background-color: #ffe800; }
.pqla-yellow .pricing.pricing-highlight .pricing-cta a {
  background-color: #ffe800;
  color: #fff; }
  .pqla-yellow .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #ccba00 !important; }
.pqla-yellow .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #ffe800; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.pqla-yellow .avatar {
  background: #ffe800;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.pqla-yellow .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #ffef4d;
  background-color: #ffe800;
  color: #fff; }
  .pqla-yellow .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #ffe800;
    color: #fff; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- style ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ----- ----- ----- 3. Bootstrap Override ----- ----- ----- */
/* ----- ----- ----- --------------------- ----- ----- ----- */
/* ***** 3.1 Misc - override/_misc */
.pqla-orange a {
  color: #ef7d00; }

.pqla-orange .bg-primary {
  background-color: #ef7d00 !important; }

.pqla-orange .text-primary,
.pqla-orange .text-primary-all *:after,
.pqla-orange .text-primary-all *:before,
.pqla-orange .text-primary-all * {
  color: #ef7d00 !important; }

/* ***** 3.2 Form - override/_form */
.pqla-orange .form-control,
.pqla-orange .input-group-text,
.pqla-orange .custom-select,
.pqla-orange .custom-file-label {
  background-color: white;
  border-color: #ffbf7a; }
  .pqla-orange .form-control:focus,
  .pqla-orange .input-group-text:focus,
  .pqla-orange .custom-select:focus,
  .pqla-orange .custom-file-label:focus {
    background-color: white;
    border-color: #ff9623; }
  .pqla-orange .form-control:disabled, .pqla-orange .form-control[readonly],
  .pqla-orange .input-group-text:disabled,
  .pqla-orange .input-group-text[readonly],
  .pqla-orange .custom-select:disabled,
  .pqla-orange .custom-select[readonly],
  .pqla-orange .custom-file-label:disabled,
  .pqla-orange .custom-file-label[readonly] {
    background-color: #fdfdff;
    opacity: 1; }

.pqla-orange .form-group {
  margin-bottom: 10px !important; }

.pqla-orange .input-group-append [class*="btn-outline-"] {
  background-color: #ffcd95; }

.pqla-orange .custom-control-input:checked ~ .custom-control-label::before,
.pqla-orange .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ef7d00 !important; }

.pqla-orange .custom-file-input:focus + .custom-file-label {
  border-color: #ef7d00; }

.pqla-orange .selectgroup-button {
  background-color: #ffcd95;
  border-color: #ffbf7a; }

.pqla-orange .selectgroup-input:checked + .selectgroup-button, .pqla-orange .selectgroup-input:focus + .selectgroup-button {
  background-color: #ef7d00; }

.pqla-orange .custom-switch-input:checked ~ .custom-switch-indicator {
  background: #ef7d00; }
.pqla-orange .custom-switch-input:focus ~ .custom-switch-indicator {
  border-color: #ef7d00; }

.pqla-orange .imagecheck-figure {
  background-color: #ffcd95;
  border-color: #ffbf7a; }

.pqla-orange .imagecheck-input:focus ~ .imagecheck-figure {
  border-color: #ef7d00; }
.pqla-orange .imagecheck-input:checked ~ .imagecheck-figure {
  border-color: rgba(0, 40, 100, 0.24); }

.pqla-orange .imagecheck-figure:before {
  background: #ef7d00 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }

.pqla-orange .colorinput-color {
  background-color: #ffcd95;
  border-color: #ffbf7a; }

/* ***** 3.3 List - override/_list */
.pqla-orange .list-group-item.active {
  background-color: #ef7d00;
  border-color: #ef7d00; }

.pqla-orange .list-group-item-primary {
  background-color: #ef7d00; }

/* ***** 3.4 Alert - override/_alert */
.pqla-orange .alert.alert-primary {
  background-color: #ef7d00; }

/* ***** 3.5 Card - override/_card */
.pqla-orange .card .card-header h4 + .card-header-action .btn.active,
.pqla-orange .card .card-header h4 + .card-header-form .btn.active {
  box-shadow: 0 2px 6px #ffa23d;
  background-color: #ef7d00; }
.pqla-orange .card.card-primary {
  border-top: 2px solid #ef7d00; }
.pqla-orange .card.card-border-primary {
  border: 3px solid #ef7d00;
  border-radius: 15px; }
.pqla-orange .card.card-hero .card-header {
  background-image: linear-gradient(to bottom, #ef7d00, #ff9623); }
  .pqla-orange .card.card-hero .card-header .card-icon {
    color: #ff9119; }

.pqla-orange .card .card-header {
  min-height: 0;
  height: auto !important; }

/* ***** 3.6 Table - override/_table */
.pqla-orange .table:not(.table-sm) thead th {
  border-bottom: none;
  background-color: #ef7d00;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px; }

.pqla-orange .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(239, 125, 0, 0.05); }

.pqla-orange .table-hover tbody tr:hover {
  background-color: rgba(239, 125, 0, 0.15); }

/* ***** 3.7 Tooltip - override/_tooltip */
/* ***** 3.8 Modal - override/_modal */
/* ***** 3.9 Nav - override/_nav */
.pqla-orange .nav-tabs .nav-item .nav-link {
  color: #191d21; }
  .pqla-orange .nav-tabs .nav-item .nav-link.active {
    color: #ef7d00; }

.pqla-orange .nav-pills .nav-link.active,
.pqla-orange .nav-pills .show > .nav-link {
  background-color: #ef7d00; }
.pqla-orange .nav-pills .nav-item .nav-link {
  color: #ef7d00; }
  .pqla-orange .nav-pills .nav-item .nav-link:hover {
    background-color: #ffc98e; }
  .pqla-orange .nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #ffa23d;
    background-color: #ef7d00; }

/* ***** 3.10 Pagination - override/_pagination */
.pqla-orange .page-item .page-link {
  color: #ef7d00; }
.pqla-orange .page-item.active .page-link {
  background-color: #ef7d00;
  border-color: #ef7d00;
  color: #ffffff; }
.pqla-orange .page-item.disabled .page-link {
  background-color: #ffcb92;
  color: #ef7d00; }

.pqla-orange .page-link {
  background-color: #ffcb92; }
  .pqla-orange .page-link:hover {
    background-color: #ef7d00;
    color: #fff;
    border-color: transparent; }

/* ***** 3.11 Badge - override/_badge */
.pqla-orange .badge.badge-primary {
  background-color: #ef7d00; }

/* ***** 3.12 Button - override/_button */
.pqla-orange .btn-action {
  color: #fff !important; }

.pqla-orange .btn-secondary,
.pqla-orange .btn-secondary.disabled {
  color: #fff; }

.pqla-orange .btn-outline-secondary,
.pqla-orange .btn-outline-secondary.disabled {
  color: #cdd3d8; }
  .pqla-orange .btn-outline-secondary:active, .pqla-orange .btn-outline-secondary:focus, .pqla-orange .btn-outline-secondary:hover,
  .pqla-orange .btn-outline-secondary.disabled:active,
  .pqla-orange .btn-outline-secondary.disabled:focus,
  .pqla-orange .btn-outline-secondary.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-success,
.pqla-orange .btn-success.disabled {
  color: #fff; }
  .pqla-orange .btn-success:active, .pqla-orange .btn-success:focus, .pqla-orange .btn-success:hover,
  .pqla-orange .btn-success.disabled:active,
  .pqla-orange .btn-success.disabled:focus,
  .pqla-orange .btn-success.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-outline-success,
.pqla-orange .btn-outline-success.disabled {
  color: #63ed7a; }
  .pqla-orange .btn-outline-success:active, .pqla-orange .btn-outline-success:focus, .pqla-orange .btn-outline-success:hover,
  .pqla-orange .btn-outline-success.disabled:active,
  .pqla-orange .btn-outline-success.disabled:focus,
  .pqla-orange .btn-outline-success.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-danger,
.pqla-orange .btn-danger.disabled {
  color: #fff; }

.pqla-orange .btn-outline-danger,
.pqla-orange .btn-outline-danger.disabled {
  color: #fc544b; }
  .pqla-orange .btn-outline-danger:active, .pqla-orange .btn-outline-danger:focus, .pqla-orange .btn-outline-danger:hover,
  .pqla-orange .btn-outline-danger.disabled:active,
  .pqla-orange .btn-outline-danger.disabled:focus,
  .pqla-orange .btn-outline-danger.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-dark,
.pqla-orange .btn-dark.disabled {
  color: #fff; }

.pqla-orange .btn-outline-dark,
.pqla-orange .btn-outline-dark.disabled {
  color: #191d21; }
  .pqla-orange .btn-outline-dark:active, .pqla-orange .btn-outline-dark:focus, .pqla-orange .btn-outline-dark:hover,
  .pqla-orange .btn-outline-dark.disabled:active,
  .pqla-orange .btn-outline-dark.disabled:focus,
  .pqla-orange .btn-outline-dark.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-light,
.pqla-orange .btn-light.disabled {
  color: #191d21; }

.pqla-orange .btn-outline-light,
.pqla-orange .btn-outline-light.disabled {
  color: #e3eaef; }
  .pqla-orange .btn-outline-light:active, .pqla-orange .btn-outline-light:focus, .pqla-orange .btn-outline-light:hover,
  .pqla-orange .btn-outline-light.disabled:active,
  .pqla-orange .btn-outline-light.disabled:focus,
  .pqla-orange .btn-outline-light.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-warning,
.pqla-orange .btn-warning.disabled {
  color: #fff; }
  .pqla-orange .btn-warning:active, .pqla-orange .btn-warning:focus, .pqla-orange .btn-warning:hover,
  .pqla-orange .btn-warning.disabled:active,
  .pqla-orange .btn-warning.disabled:focus,
  .pqla-orange .btn-warning.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-outline-warning,
.pqla-orange .btn-outline-warning.disabled {
  color: #ffa426; }
  .pqla-orange .btn-outline-warning:active, .pqla-orange .btn-outline-warning:focus, .pqla-orange .btn-outline-warning:hover,
  .pqla-orange .btn-outline-warning.disabled:active,
  .pqla-orange .btn-outline-warning.disabled:focus,
  .pqla-orange .btn-outline-warning.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-info,
.pqla-orange .btn-info.disabled {
  color: #fff; }

.pqla-orange .btn-outline-info,
.pqla-orange .btn-outline-info.disabled {
  color: #3abaf4; }
  .pqla-orange .btn-outline-info:active, .pqla-orange .btn-outline-info:focus, .pqla-orange .btn-outline-info:hover,
  .pqla-orange .btn-outline-info.disabled:active,
  .pqla-orange .btn-outline-info.disabled:focus,
  .pqla-orange .btn-outline-info.disabled:hover {
    color: #fff !important; }

.pqla-orange .btn-primary,
.pqla-orange .btn-primary.disabled {
  box-shadow: 0 2px 6px #ffa23d;
  background-color: #ef7d00;
  border-color: #ef7d00;
  color: #fff; }
  .pqla-orange .btn-primary:focus,
  .pqla-orange .btn-primary.disabled:focus {
    background-color: #bc6200 !important; }
    .pqla-orange .btn-primary:focus:active,
    .pqla-orange .btn-primary.disabled:focus:active {
      background-color: #bc6200 !important; }
  .pqla-orange .btn-primary:active, .pqla-orange .btn-primary:hover,
  .pqla-orange .btn-primary.disabled:active,
  .pqla-orange .btn-primary.disabled:hover {
    background-color: #bc6200 !important; }

.pqla-orange .btn-outline-primary,
.pqla-orange .btn-outline-primary.disabled {
  border-color: #ef7d00;
  color: #ef7d00; }
  .pqla-orange .btn-outline-primary:active, .pqla-orange .btn-outline-primary:focus, .pqla-orange .btn-outline-primary:hover,
  .pqla-orange .btn-outline-primary.disabled:active,
  .pqla-orange .btn-outline-primary.disabled:focus,
  .pqla-orange .btn-outline-primary.disabled:hover {
    background-color: #ef7d00 !important;
    color: #fff; }

.pqla-orange .btn-outline-white,
.pqla-orange .btn-outline-white.disabled {
  color: #fff; }
  .pqla-orange .btn-outline-white:active, .pqla-orange .btn-outline-white:focus, .pqla-orange .btn-outline-white:hover,
  .pqla-orange .btn-outline-white.disabled:active,
  .pqla-orange .btn-outline-white.disabled:focus,
  .pqla-orange .btn-outline-white.disabled:hover {
    color: #ef7d00; }

.pqla-orange .btn-social {
  color: #fff !important; }

.pqla-orange .btn-reddit {
  color: #000 !important; }

.pqla-orange .btn-group .btn.active {
  background-color: #ef7d00;
  color: #fff; }

/* ***** 3.13 Media - override/_media */
.pqla-orange .media .media-right {
  color: #ef7d00; }

/* ***** 3.14 Breadcrumb - override/_breadcrumb */
/* ***** 3.15 Accordion - override/_accordion */
.pqla-orange .accordion .accordion-header[aria-expanded="true"] {
  box-shadow: 0 2px 6px #ffa23d;
  background-color: #ef7d00; }

/* ***** 3.16 Popover - override/_popover */
/* ***** 3.17 Grid - override/_grid */
/* ***** 3.18 Navbar - override/_navbar */
.pqla-orange .navbar.active {
  background-color: #ef7d00;
  box-shadow: rgba(239, 125, 0, 0.2) rgba(0, 0, 0, 0.03); }

.pqla-orange .navbar-bg {
  background-color: #ef7d00; }

.pqla-orange .navbar .form-inline .search-result .search-item a:hover {
  background-color: #ffcc93; }

@media (max-width: 1024px) {
  .pqla-orange .nav-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #ef7d00; }
  .pqla-orange .nav-collapse .navbar-nav .nav-item.active > a {
    background-color: #ef7d00; } }
/* ***** 3.19 Dropdown - override/_dropdown */
.pqla-orange a.dropdown-item.active, .pqla-orange a.dropdown-item:active, .pqla-orange a.dropdown-item:focus {
  background-color: #ef7d00;
  color: #fff !important; }

.pqla-orange .dropdown-list .dropdown-item:focus {
  background-color: #ef7d00; }

.pqla-orange .dropdown-flag .dropdown-item.active {
  background-color: #ef7d00; }

/* ***** 3.20 Tab - override/_tab */
/* ***** 3.21 Progressbar - override/_progressbar */
.pqla-orange .progress-bar {
  background-color: #ef7d00; }

/* ***** 3.22 Jumbotron - override/_jumbotron */
/* ***** 3.23 Carousel - override/_carousel */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ----- ----- ----- 4. Theme Style ----- ----- ----- */
/* ----- ----- ----- -------------- ----- ----- ----- */
/* ***** 4.1 Misc - theme/misc */
.pqla-orange :root {
  /* Colors */
  --primary: color($theme); }

.pqla-orange a.bb {
  border-bottom: 1px solid #ef7d00; }

.pqla-orange .circle-step .circle.circle-primary {
  border-color: #ef7d00;
  color: #ef7d00; }

.pqla-orange .shadow-primary {
  box-shadow: 0 2px 6px #ffa23d; }

/* ***** 4.2 Section - theme/section */
.pqla-orange .section .section-header .section-header-back .btn:hover {
  background-color: #ef7d00; }
.pqla-orange .section .section-title:before {
  background-color: #ef7d00; }

/* ***** 4.3 Page - theme/page */
/* ***** 4.4 Layout - theme/layout */
body.pqla-orange.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #ffa23d;
  background-color: #ef7d00; }
body.pqla-orange.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
body.pqla-orange.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
body.pqla-orange.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  background-color: #ef7d00 !important; }

body.pqla-orange .layout-2 .main-sidebar .sidebar-menu li a:hover {
  color: #ef7d00; }

body.pqla-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  color: #ef7d00; }
body.pqla-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  background-color: #ef7d00; }
body.pqla-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus,
body.pqla-orange .layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link {
  background-color: #ef7d00; }

.pqla-orange .main-sidebar .sidebar-menu li.active a {
  color: #ef7d00; }
.pqla-orange .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  color: #ef7d00; }
.pqla-orange .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  color: #ef7d00; }

.pqla-orange .simple-footer {
  color: white;
  text-shadow: 0px 0px 5px #ef7d00;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px; }

body.pqla-orange:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  background-color: #ef7d00; }
body.pqla-orange:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  color: #ffc27f; }
  body.pqla-orange:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #ef7d00; }

body.pqla-orange:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  background-color: #ef7d00; }

/* ***** 4.5 Animation - theme/animation */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* ----- ----- ----- ----- components ----- ----- ----- ----- */
/* ----- ----- ----- ----- ---------- ----- ----- ----- ----- */
/* 1.1 Article - components/_article */
/* 1.2 Author - components/_author */
/* 1.3 Avatar Item - components/_avataritem */
/* 1.4 Browser - components/_browser */
/* 1.5 Chat - components/_chat */
.pqla-orange .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
  background-color: #ef7d00; }

/* 1.6 Chocolat - components/_chocolat */
/* 1.7 Custom Tab - components/_customtab */
/* 1.8 DataTables - components/_datatables */
/* 1.9 Date Range Picker - components/_daterangepicker */
.pqla-orange .ranges li {
  color: #ef7d00; }
  .pqla-orange .ranges li.active, .pqla-orange .ranges li:hover {
    background-color: #ef7d00; }

.pqla-orange .daterangepicker td.active,
.pqla-orange .daterangepicker td.active:hover {
  background-color: #ef7d00; }

/* 1.10 Dropzone - components/_dropzone */
.pqla-orange .dropzone {
  border: 2px dashed #ef7d00;
  min-height: 70px; }
  .pqla-orange .dropzone .dz-message {
    font-size: 20px;
    margin: 0.1em; }

/* 1.11 Flag Icon - components/_flagicon */
/* 1.12 Full Calendar - components/_fullcalendar */
.pqla-orange .fc button.fc-state-active {
  background-color: #ef7d00; }

/* 1.13 Gallery - components/_gallery */
/* 1.14 Image Preview - components/_imagepreview */
/* 1.15 IonIcons - components/_ionicons */
/* 1.16 jQVmap - components/_jqvmap */
.pqla-orange .jqvmap-circle {
  border: 3px solid #ef7d00; }

/* 1.17 Profile - components/_profile */
/* 1.18 Select2 - components/_select2 */
.pqla-orange .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: white;
  border-color: #ffbf7a; }
  .pqla-orange .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    background-color: white;
    border-color: #ff9623;
    outline: none;
    box-shadow: none; }

.pqla-orange .select2-container .select2-selection--multiple, .pqla-orange .select2-container .select2-selection--single {
  background-color: white;
  border-color: #ffbf7a; }

.pqla-orange .select2-dropdown {
  border-color: #ffbf7a !important; }

.pqla-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
.pqla-orange .select2-container--default .select2-results__option[aria-selected=true],
.pqla-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ef7d00;
  border-color: #ef7d00;
  color: #fff; }

/* 1.19 Selectric - components/_selectric */
.pqla-orange .selectric {
  background-color: white;
  border-color: #ffbf7a; }
  .pqla-orange .selectric:hover {
    background-color: white;
    border-color: #ffbf7a; }
  .pqla-orange .selectric:focus {
    background-color: white;
    border-color: #ff9623; }

.pqla-orange .selectric-open .selectric {
  border-color: #ef7d00; }

.pqla-orange .selectric-items li.highlighted, .pqla-orange .selectric-items li.selected {
  background-color: #ef7d00; }

/* 1.20 Slider - components/_slider */
/* 1.21 Sparkline - components/_sparkline */
/* 1.22 Statistics - components/_statistics */
/* 1.23 Summary - components/_summary */
/* 1.24 Summernote - components/_summernote */
/* 1.25 Sweet Alert - components/_sweetalert */
.pqla-orange .swal-button.swal-button--confirm {
  box-shadow: 0 2px 6px #ffa23d;
  background-color: #ef7d00; }

/* 1.26 Tags Input - components/_tagsinput */
.pqla-orange .bootstrap-tagsinput {
  background-color: white;
  border-color: #ffbf7a; }
  .pqla-orange .bootstrap-tagsinput:focus {
    background-color: white;
    border-color: #ff9623; }
  .pqla-orange .bootstrap-tagsinput .tag {
    background-color: #ef7d00; }

/* 1.27 Time Picker - components/_timepicker */
/* 1.28 Toast - components/_toast */
/* 1.29 User Item - components/_useritem */
/* 1.30 Weather - components/_weather */
.pqla-orange .weather ul li {
  border: 2px solid #ef7d00;
  color: #ef7d00; }

/* 1.31 Weather Icon - components/_weathericon */
/* 1.32 PWStrength - components/_pwstrength */
/* 1.33 Product - components/_product */
/* 1.34 Ticket - components/_ticket */
.pqla-orange .tickets .ticket-items .ticket-item:hover .ticket-title {
  color: #ef7d00; }
.pqla-orange .tickets .ticket-items .ticket-item.active {
  box-shadow: 0 2px 6px #ffa23d;
  background-color: #ef7d00; }

/* 1.35 Owl Carousel - components/_owlcarousel */
.pqla-orange .owl-theme .owl-dots .owl-dot.active span {
  background-color: #ef7d00; }

/* 1.36 Activities - components/_activities */
.pqla-orange .activities .activity:before {
  background-color: #ef7d00; }

/* 1.37 Activities - components/_invoice */
/* 1.38 Empty States - components/_empty_state */
.pqla-orange .empty-state .empty-state-icon {
  background-color: #ef7d00; }

/* 1.39 Pricing - components/_pricing */
.pqla-orange .pricing.pricing-highlight .pricing-title {
  background-color: #ef7d00; }
.pqla-orange .pricing.pricing-highlight .pricing-cta a {
  background-color: #ef7d00;
  color: #fff; }
  .pqla-orange .pricing.pricing-highlight .pricing-cta a:hover {
    background-color: #bc6200 !important; }
.pqla-orange .pricing .pricing-title {
  background-color: #f3f6f8;
  color: #ef7d00; }

/* 1.40 Hero - components/_hero */
/* 1.41 Avatar - components/_avatar */
.pqla-orange .avatar {
  background: #ef7d00;
  color: #e3eaef; }

/* 1.42 Wizard - components/_wizard */
.pqla-orange .wizard-steps .wizard-step.wizard-step-active {
  box-shadow: 0 2px 6px #ffa23d;
  background-color: #ef7d00;
  color: #fff; }
  .pqla-orange .wizard-steps .wizard-step.wizard-step-active:before {
    background-color: #ef7d00;
    color: #fff; }

/*# sourceMappingURL=jlc-themes.css.map */