/* Redifinition de la couleur */
:root {
  --dt-row-selected: 3,40,70;
  --bs-primary-rgb: 3,40,70;
  --bs-border-primary: 3,40,70;
  --bs-secondary-rgb: 3,40,70;
  --bs-card-inner-border-radius: var(--bs-border-radius);
  }


/**************/
/* BACKGROUND */
/**************/
#title {
  background-image: url('../assets/title.svg');
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%;
  }
#title h2 {
  line-height: 6vh;
  font-weight: 633;
  color: rgb(3, 40, 70);
  }


/*********/
/* COLOR */
/*********/
.bg-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
  }
.border-primary {
  border-color: rgba(var(--bs-border-primary), 0.15) !important;
  }

.bg-secondary {
  background-color: rgba(var(--bs-secondary-rgb), 0.80) !important;
  }

.bg-warning {
  background-color: rgba(var(--bs-warning-rgb), 0.15) !important;
  }
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(3, 40, 70, 0.75) !important;
  --bs-btn-border-color: rgba(3, 40, 70, 0.75) !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(3, 40, 70, 0.75) !important;
  --bs-btn-hover-border-color: rgba(3, 40, 70, 0.75) !important;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(3, 40, 70, 0.75) !important;
  --bs-btn-active-border-color: rgba(3, 40, 70, 0.75) !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(3, 40, 70, 0.75) !important;
  --bs-btn-disabled-border-color: rgba(3, 40, 70, 0.75) !important;
}


/*************/
/* FONT-SIZE */
/*************/
@media (max-width: 576px) {
  #title * {
    font-size: 6cqw !important;
  }
  html * {
    font-size: 4.5cqw !important;
    }
  html .modal-header .progress-stacked *,
       .modal-header i,
       .modal-body * {
    font-size: 3.5cqw !important;
    }
  html .modal-header h6 {
    font-size: 3cqw !important;
    }
  }


/*************
/* SCROLLER */
/************/
 /* Conflit Scroller et SearchPanes initCollapsed */
 div.dt-container.dt-bootstrap5.dts.DTS.dt-empty-footer.dtsp-hidden {
  display: none !important;
  }


/***********/
/* BUTTONS */
/***********/
#weaponList_wrapper > div.row > div:first-child {
  margin-right: 0 !important;
  margin-left: auto !important; 
  }
div.dt-container div.dt-layout-start > :not(:last-child) {
  margin-right: auto !important;
  }

button.btn.btn-secondary {
  --bs-btn-bg: none !important;
  }

/*************/
/* DATATABLE */
/*************/
#weaponList_wrapper {
  position: relative;
  max-width: 1000px;
  margin: 0vh auto auto auto;
  padding: 0.25em 0.25em 0em 0.25em;
  border-radius: 0.5em;
  color: rgb(3, 40, 70);
  }
  @media (max-width: 576px) {
    /* LISTE */
    #weaponList_wrapper {
      margin: 0vh 1vw 1vh 1vw;
      padding: 0.125em 0.125em 0em 0.125em;
    }
  }
/* rounded dataTable */
#weaponList_wrapper > .row > .dt-layout-full > .dt-scroll {
  border-radius: 0.375rem !important;
  overflow: hidden;
  }
#weaponList_wrapper > .row {
  margin-top: 0.125rem !important;
  }
/* Loading indicator */
#weaponList_processing {
  position: fixed;
  z-index: 2003;
  }
  
/* Gestion Weight Info */
div.dt-info {
  font-weight: bold;
  }

/* no datatable head column */
div.dt-scroll-head {
  height: 0vh !important;
  }

table.dataTable th,
table.dataTable td {
  white-space: nowrap;
  }
table.dataTable thead th {
  text-align: center !important;
  font-size: large !important;
  }

/* Filter Button */
.btn {
  border-radius: 0.375rem !important;
  margin-right: 2px !important;
  border-color: var(--bs-secondary-rgb);
  color: var(--bs-secondary-rgb);
  }

/* Gestion Pointeur */
table.dataTable td {
    cursor: pointer;
  }
  
/*Gestion Focus sur selected cell */
table.dataTable tbody td.focus {
    outline: 1px solid rgba(3, 40, 70, 0.25) !important;
    outline-offset: -1px;
  }

/* Cacher le bouton de Tri des colonnes */
table.dataTable th {
    pointer-events: none;
  }
table.dataTable th .dt-orderable-asc , 
table.dataTable th .dt-orderable-desc, 
table.dataTable th .dt-ordering-asc,
table.dataTable th .dt-column-order {
    display: none !important;
  }


/***************/
/* SEARCHPANES */
/***************/
/* Faire disparaitre les boutons en haut a droite */
button.dtsp-clearAll.btn.btn-subtle.disabled,
button.dtsp-clearAll.btn.btn-subtle,
button.dtsp-showAll.btn.btn-subtle.disabled,
button.dtsp-showAll.btn.btn-subtle,
button.dtsp-collapseAll.btn.btn-subtle.disabled,
button.dtsp-collapseAll.btn.btn-subtle {
  display: inline-block;
  padding: 0;
  font-size: 0;
  font-weight: 0;
  line-height: 0;
  color: #fff;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  }

/* Gestion emplacement SearchPanes */
@media (min-width: 576px) { 
  #weaponList_wrapper .dropdown-menu {
    width: 700px !important;
    top: 2.6em !important;
    right: 4.4em !important;
    left: auto !important;
    }
  }
@media (max-width: 576px) { 
  #weaponList_wrapper .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    }
  }

/* Hauteur Max de la liste des SearchPanes*/
.customPanes div.dt-scroll-body {
  max-height: 185px !important;
  }

/* Redefinition du type de pointeur à l'interieur du dropdown FILTERS */
div.dtsp-topRow div.dtsp-subRow1 input[disabled="disabled"]  { /* le champ search inactif*/
  cursor: default;
  }
div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name { /* Interieur Liste du Filtre */
  cursor: pointer;
  }

/* Grossisement croix de fermeture searchPanes Dropdown */
div.dtb-popover-close {
  font-size: 2rem !important;
  top: -1vh !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  }

/* Cadrage du nom des SearchPanes + Style */
div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 input {
  font-weight: 600;
  padding: 0.3rem !important;
  }

/* Gain d'espace entre les filtres*/
div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow {
  margin: 0 !important;
  }
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  font-size: 1rem;
  margin-top: 10px !important
  }

/* Gestion titre buff/debuff */
span.dtsp-name[title^=' '] {
  background-color: rgba(23, 23, 23, 0.15);
  color: rgba(3, 40, 70);
  font-weight: bold;
  text-align: center !important;
  }

  
/*********/
/* MODAL */
/*********/
.modal-header {
  border: 1px;
  }


/********/
/* CARD */
/********/
.table {
  border-radius: var(--bs-card-inner-border-radius) !important;
  }

img {
  max-width: 100%;
  max-height: 100%;
  }
.imgT1 {
  width: 6em;
  height: 6em;
  }
.imgT2 {
  width: 3em;
  height: 3em;
  }
.imgT3 {
  width: 1.5em;
  height: 1.5em;
  }

@media (max-width: 576px) { 
  .imgT1 {
    width: 5em;
    height: 5em;
    }
  .imgT2 {
    width: 2.5em;
    height: 2.5em;
    }
  }

/* CONTAINER VERSION */
@media (min-width: 576px) { 
  .mobile {
    display: none;
    }
  }
@media (max-width: 576px) { 
  .desktop {
    display: none;
    }
  }


/************/
/* CAROUSEL */
/************/
.carousel-indicators [data-bs-target] {
  width: auto;
  height: 100%;
  text-indent: 0px;
  transform: translate(0, 3.5em);
  }
.carousel-indicators svg {
  vertical-align: top !important;
  }
.carousel-control-prev svg {
  transform: translate(0, 6.75em);
  }
.carousel-control-next svg {
  transform: translate(0, 6.75em);
  }

@media (max-width: 576px) { 

  .carousel-control-prev svg {
    transform: translate(0, 6.5em);
    }
  .carousel-control-next svg {
    transform: translate(0, 6.5em);
    }
  .progress-stacked {
    margin-top: 0em !important;
    }
  }