/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.hand {
  cursor: pointer;
}

.text-primary {
  color: #4a85f0 !important;
}

.left-primary-border {
  border-left: 3px solid;
  border-left-color: #4a85f0 !important;
  border-radius: 0;
}

.divider .divider-text:after,
.divider .divider-text:before {
  border-top: 1px solid #bebebe;
}

.list-group-item.active {
  border-color: #e3e4e5;
}

.horizontal-menu .header-navbar,
.horizontal-menu-wrapper .main-menu {
  background: #005689 !important;
}

.horizontal-menu .floating-nav {
  background: #2a7fb3 !important;
  border-radius: 0;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover > a,
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
  background: #005689;
  border-radius: 4px;
}

.brand-text,
.header-navbar .navbar-container ul.navbar-nav li > a.nav-link,
.header-navbar .navbar-container ul.navbar-nav li i.ficon,
.header-navbar .navbar-container ul.navbar-nav li svg.ficon {
  color: white !important;
}

html .pace .pace-progress,
.badge-primary,
.page-item.active .page-link {
  background: #4a85f0 !important;
}

.badge.badge-light-primary {
  background-color: rgba(115, 103, 240, 0.12);
  color: #4b85f0 !important;
}

.avatar.bg-light-primary {
  color: #4a85f0 !important;
}

a,
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item.active,
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item:focus,
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item:hover {
  color: #4a85f0;
}

a:hover {
  color: #4a85f0;
}

.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item.active {
  border-color: #4a85f0;
}

.btn-primary,
.custom-control-input:checked ~ .custom-control-label:before {
  border-color: #4a85f0 !important;
  background-color: #4a85f0 !important;
}

.btn-outline-primary {
  border: 1px solid #4a85f0 !important;
  background-color: transparent;
  color: #4a85f0;
}

.btn-outline-primary:hover:not(.disabled):not(:disabled) {
  color: #4a85f0;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #005689;
}

.btn-primary.active,
.btn-primary:focus {
  background-color: #4a85f0 !important;
}

.form-control:focus,
.input-group:not(.bootstrap-touchspin):focus-within .form-control,
.input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
  border-color: #4a85f0;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #4a85f0 !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: white !important;
  background-color: #4a85f0 !important;
}

.custom-switch-primary .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #4a85f0 !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
  background-color: #4a85f0;
  border-color: #4a85f0;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
  border-color: #4a85f0;
  background-color: #4a85f0;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):focus {
  background-color: rgba(74, 133, 240, 0.2);
  color: #4a85f0;
}

.card .card {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1) !important;
}

.mybrands-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 170px;
}

.select2-container--classic .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #4a85f0 !important;
  color: #fff !important;
}

.select2-container--classic .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted {
  background-color: rgba(74, 133, 240, 0.2) !important;
  color: #4a85f0 !important;
}

.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.startRange:hover {
  background: #4a85f0;
  color: #fff;
  border-color: #4a85f0;
}

@media (max-width: 1199.98px) {
  .horizontal-layout .header-navbar {
    background: #005689 !important;
  }

  .mybrands-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
  }
}