/***********/
/* COULEUR */
/***********/
/* Couleur Selection */
:root {
    /* Ligne Selectionnée */
    --dt-row-selected: 3, 40, 70, 0.75;
}

/**********************/
/* VERTICAL CONTAINER */
/**********************/
div.dtsp-verticalContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    padding: 2em;
}


/***********************/
/* DATATABLE CONTAINER */
/***********************/
div.dtsp-verticalContainer #weaponList_wrapper {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 60%;
    padding-right: 2em;
}

div.dtsp-verticalContainer #weaponList_wrapper div.row {
    margin-top: 0 !important;
}

div.dtsp-verticalContainer #weaponList_wrapper div.dt-scroll-body {
    border-radius: 6px;
}

/*************/
/* DATATABLE */
/*************/
table.dataTable thead,
div.dt-scroll-head {
  display: none;
}


/***********************/
/* VERTICAL SEARCHPANE */
/***********************/
div.dtsp-verticalContainer div.dtsp-verticalPanes {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 26%;
}
 
div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes {
    flex-direction: column;
    flex-basis: 0px;
}
 
div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes div.dtsp-searchPane {
    flex-basis: 0px;
}
 
div.dtsp-panesContainer {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 1em !important;
}

div.dtsp-titleRow button {
  display: none;
}

span.dtsp-name {
  font-size: 1.25em;
}

.pane-img {
    height: 3em;
    width: auto;
    margin-right: 0.5em;
    vertical-align: middle;
    border-radius: 6px;
}

span.dtsp-name.selected {
    outline: 2px solid rgba(3, 40, 70, 0.20);
    outline-offset: 2px;
    border-radius: 6px;
}

/* Clear Button Pane */
div.dtsp-panesContainer button.btn-subtle.clearButton:not(:disabled) {
    color: #ccc;
    background-color: rgba(3, 40, 70, 0.75) !important;
    border: 1px solid rgba(3, 40, 70, 0.75) !important;
}


/**************/
/* PROCESSING */
/**************/
/* custom icon */
.loader {
    width: 50px;
    height: 50px;
    border-top: 8px solid rgba(3, 40, 70, 0.75);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: auto;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* hide default icon */
div.dt-processing > div:last-child {
    display: none;
}
div.dt-processing.card {
    background: transparent;
    border: none;
}


/**************/
/* 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-size: 1.75vw;
  font-weight: 633;
  color: rgb(3, 40, 70);
}


/*****************/
/* MISCELLANEOUS */
/*****************/
/* Gestion Pointeur */
table.dataTable td {
    cursor: pointer;
  }