/* THEME COLOR */
:root {
  --color-primary: #305FBE;
  --color-primary-hover: #2b55ab;
  --color-primary-light: rgba(48,95,190,.05);
  --color-secondary: #333333;
  --color-secondary-hover: #424242;
  --color-third: #692690;
  --color-third-hover: #5e2281;
  --color-dark: #040200;
  --color-grey: #333333;
  --color-warning: #ff6700;

  --color-success: rgb(70, 159, 63);
  --color-success-light: rgba(70, 159, 63, .1);
  --color-success-light-hover: rgba(70, 159, 63, .2);

  --color-danger: rgb(249, 46, 6);
  --color-danger-light: rgba(249, 46, 6, .1);
  --color-danger-light-hover: rgba(249, 46, 6, .2);
  
  --color-info-light: rgba(9, 19, 38, .05);
  --color-info-light-hover: rgba(9, 19, 38, .1);
  
    --color-program: rgb(68, 155, 238);
  --color-program-light: rgba(68, 155, 238, .1);
  --color-coaching: rgb(242, 87, 87);
  --color-coaching-light: rgba(242, 87, 87, .1);
  --color-course: rgb(242, 205, 96);
  --color-course-light: rgba(242, 205, 96, .1);
  --color-games: rgb(51, 232, 164);
  --color-games-light: rgba(51, 232, 164, .1);
}

a {
    color: var(--color-dark);
}

a.text-secondary:focus, a.text-secondary:hover {
  color: var(--color-secondary-hover);
}

.text-light-grey {
  color: var(--color-grey);
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.btn {
  border: 0;
}
.btn-secondary {
  background-color: var(--color-secondary);
}
.btn-secondary:hover {
  background-color: var(--color-secondary-hover);
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  background-color: var(--color-secondary-hover);
}

.btn-third {
  background-color: #FFF;
  border: 1px solid var(--color-secondary);
  box-shadow: none !important;
  color: var(--color-secondary) !important;
}

.btn-third:hover {
  background-color: #FFF;
  border: 1px solid var(--color-secondary-hover);
  box-shadow: none;
  color: var(--color-secondary-hover);
}

.btn-third:not(:disabled):not(.disabled).active, .btn-third:not(:disabled):not(.disabled):active, .show > .btn-third.dropdown-toggle {
  background-color: #FFF;
  border: 1px solid var(--color-secondary);
  box-shadow: none;
  color: var(--color-secondary);
}

.btn-white {
  background-color: #FFFFFF;
  color: var(--color-primary);
}

.text-ea {
  color:rgb(36, 42, 67);
}

a.text-primary:focus, a.text-primary:hover {
  color: var(--color-primary-hover) !important;
}

.card-title {
  color: var(--color-secondary);
}

.btn-primary {
  background: var(--color-primary);
}
.btn-primary:hover {
  background: var(--color-primary-hover);
}
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background: var(--color-primary-hover);
}
.btn-primary:focus {
  background: var(--color-primary-hover);
}
/* .btn-primary:visited {
  background: var(--color-primary);
} */
.btn-carousel {
  color: var(--color-dark);
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  background-color : var(--color-primary);
}

/**** -------- Btn outline ------- ****/

.btn-outline-primary {
    color: var(--color-primary);
    background-color: transparent;
    background-image: none;
    border: 1px solid var(--color-primary);
    box-shadow: none;
  }

  .btn-outline-primary:hover {
    background-color: var(--color-primary-hover);
    border: 1px solid var(--color-primary-hover);
}

.btn-outline-secondary {
    color: var(--color-secondary);
    background-color: transparent;
    background-image: none;
    border: 1px solid var(--color-secondary);
    box-shadow: none;
  }

  .btn-outline-secondary:hover {
    background-color: var(--color-secondary-hover);
    border: 1px solid var(--color-secondary-hover);
}


.text-primary {
  color: var(--color-primary) !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--color-secondary);
  color: #FFFFFF !important;
}

a:hover {
  color: var(--color-secondary);
}

.w-90 {
  width: 90px;
}

.text-secondary {
  color: var(--color-secondary);
}

.btn-outline-success {
  border: 1px solid #5ac146;
}

/* Template without navbar */

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse,
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
  margin-left: 0;
}


/* CSS FOR INDICATORS */

.border-gold {
  border-color: rgb(255,215,0) !important;
}
.text-gold {
  color: rgb(255,215,0);
}

/**** --------- NAVBAR COLOR ---------- ****/

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul {
  background: var(--color-dark);
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin5],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin5] {
  background: var(--color-secondary);
}


.sidebar-nav>#sidebarnav>.sidebar-item>.active {
  background-color: var(--color-primary);
}

.sidebar-nav>#sidebarnav>.sidebar-item.selected>.sidebar-link, .sidebar-nav>#sidebarnav>.sidebar-item>.sidebar-link:hover {
  border-left: 2px solid rgba(94, 27, 60, .8);
}


.bg-secondary {
  background: var(--color-secondary) !important;
}

.bg-trombi {
  background-color: var(--color-secondary);
}

.border-primary {
  border-color: var(--color-primary) !important;
}

.border-secondary {
  border-color: var(--color-secondary) !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  background-color: var(--color-primary);
}

.card-secondary {
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-primary);
}

.card-success {
  background-color: rgba(52, 196, 113,.1);
  border: 1px solid rgb(52, 196, 113);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background:var(--color-secondary);/** linear-gradient(135deg, var(--color-secondary) 0%,#282828 100%) **/
    border-radius: 100px;
    padding: 15px 0 15px 0;
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  background-color: var(--color-primary);
  opacity: .5;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-secondary);
}

.title-separator {
  color: var(--color-grey);
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--color-primary);
}

.sidebar-nav>#sidebarnav>.sidebar-item.selected>.sidebar-link, .sidebar-nav>#sidebarnav>.sidebar-item>.sidebar-link:hover {
  border-left: 2px solid var(--color-primary);
}

.btn-doc-change {
  background-color: var(--color-primary);
  color: #FFFFFF;
}

label {
  color: var(--color-dark);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before  {
  background-color: var(--color-primary);
}

/****** BTN DOUBLE ******/

.btn-double-l {
  border-radius: 100px 0 0 100px;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.btn-double-r {
  border-radius: 0 100px 100px 0;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.btn-filter-active {
  color: #FFFFFF;
  background-color: var(--color-primary);
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
  color: #FFFFFF;
  border: none;
}

.btn-warning.focus, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus, .btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.round.round-primary {
  background-color: var(--color-primary);
}

.round.round-secondary {
  background-color: var(--color-secondary);
}

.bg-success-light {
  background-color: var(--color-success-light);
  border: 1px solid rgb(90, 193, 70);
}

.bg-primary-light {
  background-color: var(--color-primary-light);
}

.bg-danger-light {
  background-color: var(--color-danger-light);
  border: 1px solid rgb(250, 88, 56);
}

.bg-progress-1 {
  background: var(--color-primary);
}

.bg-progress-2 {
  background: var(--color-secondary);
}

.bg-progress-3 {
  background: var(--color-third);
}

.bg-detail {
  background-color: #F4F4F4;
}


.color-program {
  color: var(--color-program);
}
.label-program {
  background-color: var(--color-program-light);
  color: var(--color-program);
}
.color-coaching {
  color: var(--color-coaching);
}
.label-coaching {
  background-color: var(--color-coaching-light);
  color: var(--color-coaching);
}
.color-games {
  color: var(--color-games);
}
.label-games {
  background-color: var(--color-games-light);
  color: var(--color-games);
}
.color-course {
  color: var(--color-course);
}
.label-course {
  background-color: var(--color-course-light);
  color: var(--color-course);
}