/* CSS Editions to BS library  */
/* These are a set of editions to the CSS code that must come after the import of the BS5 library */


.w-xl-100 {
  @media (min-width: 1200px){
    width: 100% !important; 
  }
}

.flex-row-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* TABLES */

.table:not(.table-exclude-style-after-bs5)>:not(caption)>*>* {
  background-color: transparent;
}

/* FORMS */
/* .custom-select,
.form-control,
.form-select {
  background: transparent;
  background-color: transparent;
} */



/* OFFCANVAS */

.offcanvas.offcanvas-end {
  margin: 0.5rem !important;
  border-radius: 0.375rem;
  height: calc(100% - 15px);
}

.offcanvas-title {
  font-size: 1.2rem;
}

.offcanvas .offcanvas-header {
  border-bottom: 1px solid var(--bs-border-color) !important;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
}

.offcanvas .offcanvas-header .offcanvas-title {
  color: var(--bs-offcanvas-color);
  font-size: 1.05rem;
}

.offcanvas .offcanvas-body {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  z-index: 1;
}

.offcanvas .offcanvas-footer {
  overflow: hidden;
  min-height: 51px;
  flex: 0 0 auto;
  position: relative;
  /* box-shadow: 0 0 0 1px rgba(89,105,129,.1), 0 1px 3px 0 rgba(89,105,129,.1), 0 1px 2px 0 rgba(0,0,0,.05); */
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-top: 1px solid var(--bs-border-color) !important;
}



a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 500;
    color: var(--bs-tertiary-color);
}

.badge {
  display: inline-block;
  padding: 0.6em 0.9em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.35rem;
}

.badge.badge-notification {
  padding: 0.2em 0.65em 0.25rem;
    font-size: .65rem;
    margin: 0 0 0 .3rem;
}
.nav-underline .nav-link > span.badge.badge-notification {
  background-color: lightgrey;
}

.nav-underline .nav-link.active > span.badge.badge-notification {
  background-color: #28a745;
}

.badge.badge-notification.directories {
  padding: 0.2em 0.65em 0.25rem;
  font-size: .65rem;
  margin: 0 0 0 auto;
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);

}

/* \/ \/ \/ 11th October 2024 - Isaac added .badge-notification.player-detail-empty AND badge-notification.player-detail-full to PlayerDetail (player_detail_responsive_divs.html) */
/* The goal is to have the number of each elements inside each nav-link's tab. If 0 -> it's grey. If 1 or more --> it's green  */
/* If the nav-link is selected, the badge disappears */
.nav-link > span.badge.badge-notification.player-detail-empty {
  background-color: lightgrey; /* If 0 elements --> the badge is grey */
}
.nav-link > span.badge.badge-notification.player-detail-full {
  background-color: #28a745; /* If 1 or more elements --> the badge is green */
}
.nav-link.active > span.badge.badge-notification.player-detail-empty, .nav-link.active > span.badge.badge-notification.player-detail-full{
  display: none; /* If the nav-link is selected, the badge disappears */
}
/* ^ ^ ^ 11th October 2024 - Isaac  */


/* \/ \/ \/ 4th July 2024 - Isaac added the .badge-purple class to create a new badge (Negotiate) in the recruitment tracker  */
.badge-purple {
  color: #fff;
  background-color: #6f42c1 !important;
}

.badge-purple[href]:hover, .badge-purple[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #6f42c1 !important;
}
/* ^ ^ ^ 4th July 2024 - Isaac added the .badge-purple class to create a new badge (Negotiate) in the recruitment tracker  */


/* \/ \/ \/ 17th July 2024 - Isaac added the .bg-orange class for the GPS analysis table in the Practices, Game Days and Workouts  */
.bg-orange {
  background-color: #fd7e14 !important; /* Bootstrap $orange */
}
/* ^ ^ ^ 17th July 2024 - Isaac added the .bg-orange class for the GPS analysis table in the Practices, Game Days and Workouts  */


/* \/ \/ \/ 18th July 2024 - Isaac added the .bg-*-slightly-transparent class for the GPS analysis table in the Practices, Game Days and Workouts  */
.bg-danger-slightly-transparent {
  background-color: #dc3545bf !important;
}

.bg-orange-slightly-transparent {
  background-color: #fd7e14bf !important; /* Bootstrap $orange */
}

.bg-warning-slightly-transparent {
  background-color: #ffc107bf !important;
}

.bg-success-slightly-transparent {
  background-color: #28a745bf !important;
}

.bg-info-slightly-transparent {
  background-color: #17a2b8bf !important;
}
/* ^ ^ ^ 18th July 2024 - Isaac added the .bg-*-slightly-transparent class for the GPS analysis table in the Practices, Game Days and Workouts  */






  .bk-transparent {
    background-color: transparent;
    background: transparent;
  }


  hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid gray;
    opacity: .25;
}

.toast-header {
  color: #dddddd;
}
.toast-header > .btn-close {
  color: #dddddd;

}


.btn-check:checked+.btn {
  border-color: var(--bs-border-color);
}


/* PRICING PAGE TABS AND PILLS CUSTOMIZATION */

.nav-pills.nav-success {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #198754;
}

.nav.nav-success {
  --bs-nav-link-color: #198754;
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
}

.nav-item.nav-item-pricing {
  margin: 1.5rem .5rem;
}
.nav-item.nav-item-pricing button {
  min-width: 120px;
  margin: 0;
}

.nav-tabs.nav-tabs-success {
  /* --bs-nav-tabs-border-width: var(--bs-border-width); */
  --bs-nav-tabs-border-color: #198754;
  display: flex;
  justify-content: center;
  --bs-nav-tabs-link-active-border-color: #28a745 #28a745 var(--bs-body-bg);
}

.nav-tabs.nav-tabs-success .nav-item.show .nav-link, .nav-tabs.nav-tabs-success .nav-link.active {
  color: #28a745;
  background-color: var(--bs-nav-tabs-link-active-bg);
  /* border-color: #28a745; */
}

.nav-tabs.nav-tabs-success .nav-link {
  color: var(--bs-secondary-color);
}


.accordion-item.accordion-item-nb {
  margin-top: 2rem;
  /* padding: 1rem auto; */
  border: none;
}

.accordion-button.accordion-button-bg {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-bottom: 2px solid var(--bs-border-color);
  padding-right: 0;
  padding-left: 0;
  font-weight: 700;
  color: var(--bs-secondary-color);
}
.accordion-button.accordion-button-bg.accordion-button-xl {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.accordion-button.accordion-button-bg:focus,
.accordion-button.accordion-button-bg:hover {  
  border-bottom: 2px solid var(--bs-secondary-color);
}
.accordion-button.accordion-button-bg:focus {  
  box-shadow: none;
}


/* TOOLTIPS */
/* div.tooltip-arrow {
  display: none !important;
} */

/* POPOVER */

/* Hide popover arrow - wasn´t perfect on the questionnaires */
/* div.popover-arrow {
  display: none !important;
} */

.popover-header {
  font-size: .85rem;
}
.popover-body,
.popover-body p {
  font-size: .81rem !important;
}

.description-popover {
  --bs-popover-max-width: 600px;
}

/* BOOTSTRAP SELECT EITIOPNS */

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
}

.bootstrap-select>.dropdown-toggle,
.bootstrap-select .dropdown-menu {
  width: fit-content !important;
}


/* LIST GROUP SM */

.list-group.list-group-sm {
  border: 1px solid transparent;
}

.list-group.list-group-sm .list-group-item {
  padding: .25rem var(--bs-list-group-item-padding-x);  
  border: none;
}
.list-group.list-group-sm .list-group-item:not(:last-child) {
  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group.list-group-sm .list-group-item label {
  font-size: .9rem;
}




/* BTN LINKS */

.btn-link.btn-link-danger {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-danger);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #C31C2C;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #C31C2C;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-thickness: initial;
  text-decoration-style: initial;

}




/* NEW EMPTY STATE [START] */

.blank-state {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 3px 4px -3px rgba(102, 102, 102, 0.25);
  -webkit-box-shadow: 0 3px 4px -3px rgba(102, 102, 102, 0.25);
  box-shadow: 0 3px 4px -3px rgba(102, 102, 102, 0.25);
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px 20px;
  font-size: 100%;
  color: var(--bs-tertiary-color);
  text-align: center;
  border: 1px solid var(--bs-border-color);
  background-color: transparent;
}
.blank-state h1, .blank-state p {
  font-weight: 400;
}
.blank-state p,
.blank-state svg,
.blank-state i {
  margin-bottom: 15px;
}
.blank-state.blank-state-lg {
  padding: 90px 45px;
  font-size: 150%;
}
.blank-state.blank-state-sm {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px;
  font-size: 85%;
}
.blank-state.blank-state-xs {
  padding: 20px 15px;
  font-size: 65%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.blank-state.borderless {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}

/* NEW EMPTY STATE [END] */



/* EDITIONS TO SELECTIZE LIBRARY [START] */

.applyselcust {
  text-align: left !important;
};

/* EDITIONS TO SELECTIZE LIBRARY [END] */



/* DROPDOWNS */

/* FORM CONTROL */



/* BUTTONS [START] */

.btn-group-lg>.btn, .btn-lg {
  border-radius: var(--bs-border-radius) !important;
};

/* BUTTONS [END] */