/* staycreative */
.bg-dark {background-color: #000000 !important;}
.bg-primary {background-color: #FFDA00 !important;}
.bg-primary-light {background-color: #f4e58f !important;}
.bg-white {background-color: white !important;}
.bg-transparent {background-color: transparent !important;}
.bg-transparent-no-shadow {background-color: transparent !important; box-shadow: none !important;}
.dark {color: #000000 !important;}
.primary {color: #FFDA00 !important;}
.white {color: white !important;}

.dark  svg path {fill: #000000 !important;}
.primary svg path {fill: #FFDA00 !important;}
.white svg path {fill: white !important;}

.fw-bold {font-weight: 800 !important;}
.fw-medium {font-weight: 600 !important;}

.rounded {border-radius: 4px !important;}

.mh-100{min-height: 100%;}
.aspect-ratio-1-1{aspect-ratio: 1/1;}

/* login */
/* html, body{font-family: avenir-next-lt-pro, sans-serif;} */

/* #kt_app_body h2, #kt_app_body h4{color: white;} */
/* .ck-powered-by-balloon{display: none !important;}
#kt_create_account_stepper h2{color: #000;}
#kt_app_content_container .tab-content{margin-top: -5px;}
.image-input-placeholder, .image-input .image-input-wrapper{background-position: center;}
.image-input-placeholder.contain, .image-input .image-input-wrapper.contain{background-size:contain;}
#kt_app_sidebar_logo{background-color: black;} */

/* FORMS */
.edit-avatar {cursor: pointer; width: 30px; height: 30px; text-align: center; right: -10px !important;}


/* TABS */
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {border-bottom: 3px solid #FFDA00 !important;}

/* NAV PILLS */
.nav-pills .nav-item {border: 1px solid #A6A6A5; border-radius: 5px;}
.nav-pills .nav-item a {padding: 20px 30px;}
.nav-pills .nav-item a:hover {color: #A6A6A5;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: transparent; color: #000;   border-bottom: 5px solid #FFDA00;}
.nav-pills  i.bi {color: #FFDA00;}

/* NAV LATERAL */
.menu-heading.fw-bold.text-uppercase.fs-7 {border-bottom: 1px solid rgb(190, 190, 190); width: 100%;}
[data-kt-app-layout=light-sidebar] .app-sidebar {background-color: #1D1D1B;}
.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title {font-weight: 500;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {color: white;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-item .menu-link .menu-title {color: white;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {color: #FFDA00;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-heading {color: white;}
.menu .menu-icon {display: none !important;}
.app-sidebar-logo-default {padding-left: 30px; margin-top: 30px;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-heading {color: #FFDA00 !important;}
[data-kt-app-layout=light-sidebar] .app-sidebar .scroll-y, [data-kt-app-layout=light-sidebar] .app-sidebar .hover-scroll-overlay-y {margin-top: 60px !important; margin-bottom: 1.25rem !important; padding-left: 20px; padding-right: 20px;}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {background-color: transparent; color: white !important;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {color: white; position: relative;    max-width: max-content;}


[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title::after { content: ""; position: absolute; left: 0; bottom: -3px;  width: 100%; height: 1px;  background-color: #FFDA00;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-sub .menu-item .menu-link.active .menu-title {color: white;}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-arrow:after {background: #FFDA00;}

/* MENU SUPERIOR */
#kt_app_header, #kt_app_main {background: #F6F6F6;}


/* CLUBS */
.symbol-group.symbol-hover .symbol {border: 1px solid #000; border-radius: 50%;}
.symbol.symbol-35px > img, .symbol.symbol-35px .symbol-label { border-radius: 50%}

/* SPORTCLUB */
.sportclub-table .table:not(.table-bordered) tr:first-child, .sportclub-table .table:not(.table-bordered) th:first-child, .sportclub-table .table:not(.table-bordered) td:first-child {padding-left: 20px !important;}


 /* GENERAL LIST */
 .general-list .table-group-divider tr {background-color: transparent !important; border-bottom:  1px solid #A6A6A5;}
 .general-list .table-responsive {background-color: white; padding: 15px; border-radius: 10px;}
 .general-list .card {background-color: transparent !important; box-shadow: none !important; border: 0 !important;}
 .general-list .col-auto {display: contents;}
 .general-list span {color: #1D1D1B !important;}
 .general-list .form-select {background-color: transparent !important; border: 0 !important; padding: 0; padding-right: 10px;}
 .general-list thead {background-color: #F6F6F6; border-radius: 5px;}
 .general-list .table:not(.table-bordered) th:first-child {padding-left: 10px;}
 .general-list .table:not(.table-bordered) th:first-child {padding-right: 10px;}
 .general-list .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-state: white; --bs-table-bg-state: white;}
 .general-list th:last-child {text-align: right;}
 .general-list .table:not(.table-bordered) td:last-child {text-align: right;}
 .general-list .btn-light {padding-left: 0 !important;}
 .general-list .table:not(.table-bordered) > :not(:last-child) > :last-child > * {padding-right: 10px;}
 .general-list .form-label.mb-1 {margin-bottom: 0 !important; font-weight: 700; color: #000000;}



.card .card-header .card-title, .card .card-header .card-title .card-label {font-size: 2.2rem;}

#kt_app_content_container {max-width: 1200px; margin: 0 auto;}

.diploma {background-color: #fdf5d5;}
.circle {width: 200px; height: 200px; border-radius: 50%; border: 5px solid rgba(0,0,0,0.1); display: flex; justify-content: center; align-items: center;}
.color-circle {color: rgba(0,0,0,0.2);}
.circle-2 {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 3px solid rgba(0,0,0,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-2::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 5px solid rgba(0,0,0,0.1);
}

.circle-3 {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 5px solid rgba(0,0,0,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-3::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  border: 5px solid rgba(0,0,0,0.1);
}
.circle-3::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 5px solid rgba(0,0,0,0.1);
}


/* BUTTONS */
.btn-light {font-size: 1.1rem !important;}
.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).bg-primary:hover {  background-color: rgba(255, 218, 0,0.8) !important; /* background-color: #f4e58f !important*/;}
.btn-outline-primary:hover, .btn-outline-danger:hover{color: #fff;}

.m312-dashboard-header{min-height: 170px !important;}