/* jstree fix styles */
.jstree-default .jstree-themeicon-custom {
  background-image: none !important;
}

.hidden-section {
  display: none !important;
}

/* colors */

.color-men {
  color: blue;
}
.color-women {
  color: red;
}

.color-darkblue {
  color: darkblue;
}
.row-action.access-status .color-darkblue {
  color: white;
}

.color-blue {
  color: blue;
}
.row-action.access-status .color-blue {
  color: white;
}

.color-red {
  color: red;
}

.color-darkred {
  color: darkred;
}

.color-darkgreen {
  color: darkgreen;
}

.color-gray,
.color-grey {
  color: lightgray
}

.color-green {
  color: green;
}

.color-orange {
  color: orange;
}
.row-action.access-status .color-orange {
  color: white;
}

.color-orangered {
  color: orangered;
}

.color-gold {
  color: gold;
}

.color-yellow {
  color: yellow;
}

.color-chocolate {
  color: #7b3f00;
}

.color-interactive {
  color: #778899;
}

.color-league {
  color: #FFB440
}

.color-round-robin {
  color: #38DF64
}

.color-blueviolet {
  color: blueviolet;
}


.form-floating > .select2 .select2-selection {
  height: calc(3.5rem + 2px)!important;
  line-height: 1.25;
  padding: 1.875rem 3.75rem 0.675rem 1.25rem !important;
}

.color-women {}
.mb-3-0 .mb-3 {
  margin-bottom: 0 !important;
}

.max-w-100px {
  max-width: 100px !important;
}

.max-w-150px {
  max-width: 150px !important;
}

.max-w-200px {
  max-width: 200px !important;
}

.max-w-300px {
  max-width: 300px !important;
}

.max-w-400px {
  max-width: 300px !important;
}

.max-w-500px {
  max-width: 500px !important;
}


.min-w-10px {
  min-width: 10px !important;
}

.min-w-20px {
  min-width: 20px !important;
}

.min-w-50px {
  min-width: 50px !important;
}

.min-w-100px {
  min-width: 100px !important;
}

.min-w-150px {
  min-width: 150px !important;
}

.min-w-200px {
  min-width: 200px !important;
}

.min-w-300px {
  min-width: 300px !important;
}

.min-w-400px {
  min-width: 300px !important;
}

.min-w-500px {
  min-width: 500px !important;
}

.min-h-50px {
  min-height: 50px !important;
}

.min-h-100px {
  min-height: 100px !important;
}

.min-h-150px {
  min-height: 150px !important;
}

.min-h-200px {
  min-height: 200px !important;
}

.picture-list-item img {
  display: table-cell;
  width: 100%;
}


.w-1\/6 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.w-1\/4 {
  flex: 0 0 auto;
  width: 25%;
}

.w-1\/3 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.w-1\/2 {
  flex: 0 0 auto;
  width: 50%;
}

.w-2\/3 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.w-3\/4 {
  flex: 0 0 auto;
  width: 75%;
}

.w-5\/6 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.w-1\/5 {
  flex: 0 0 auto;
  width: 20%;
}

.w-2\/5 {
  flex: 0 0 auto;
  width: 40%;
}
.w-3\/5 {
  flex: 0 0 auto;
  width: 60%;
}
.w-4\/5 {
  flex: 0 0 auto;
  width: 80%;
}

.w-full {
  flex: 0 0 auto;
  width: 100%;
}


/* ------------- */
/*    Wizard     */
/* ------------- */

@media only screen and (max-width: 991px) {
  .lpx-wizard {
    padding: 0 40px;
  }
}

.lpx-wizard-list {
  z-index: 1;
}

.lpx-wizard-item {
  flex: 1;
  text-align: center;
  border-bottom: 2px solid var(--lpx-content-text);
  padding-bottom: 8px;
  opacity: 0.4;
  list-style: none;
}

.lpx-wizard-item .lpx-wizard-number {
  width: 40px;
  height: 40px;
  border: 2px solid var(--lpx-content-bg);
  color: var(--lpx-content-text);
  background-color: var(--lpx-card-bg);
}

.lpx-wizard-item.active {
  opacity: 1;
}

.lpx-wizard-item.active .lpx-wizard-number {
  color: var(--lpx-light);
  background-color: var(--lpx-warning);
  border-color: var(--lpx-warning);
}

.lpx-wizard-content {
  display: none;
}

.lpx-wizard-content .select-item {
  position: relative;
}

.lpx-wizard-content .select-item .bi-check-lg {
  position: absolute;
  opacity: 0;
}

.lpx-wizard-content .select-item:focus {
  border-color: var(--lpx-primary) !important;
}

.lpx-wizard-content .select-item:focus .bi-check-lg {
  opacity: 1 !important;
}

.lpx-wizard-content.active {
  display: block;
}

@media only screen and (max-width: 991px) {
  .lpx-wizard.vertical .lpx-wizard-list {
    width: 100%;
  }
}

.lpx-wizard.vertical .lpx-wizard-list .lpx-wizard-item {
  border-right: 2px solid var(--lpx-content-text);
  border-bottom: none;
}

@media only screen and (max-width: 991px) {
  .lpx-wizard.vertical .lpx-wizard-list .lpx-wizard-item {
    border-bottom: 2px solid var(--lpx-content-text);
    border-right: none;
  }
}