.header_team_logo {
    height: 3.5em;
    vertical-align: middle;
}

.page_team_logo {
    height: 2em;
}

.tbl_team_logo {
    height: 1.5em;
}

.page_nationality_flag {
    height: 1.5em;
}

.statusIcon {
    height: 1.5em;
    margin-right: 0.2em;
}

.midpage {
    margin: 1em 3em 12em 3em;
}

.flex_centered_hor {
    display: flex;
    justify-content: center;
}

.flex_centered_ver {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* make sure individual items in the row stick to the top */
.flex_row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.flex_row_nw {
    display: flex;
}

.flex_top {
    align-items: flex-start;
}

/* make sure individual items in the row stick to the middle */
.vertical-align-middle {
    align-items: center;
}

.fg-half {
    gap: 0.5em;
}

.fg-1 {
    gap: 1em;
}

.fg-2 {
    gap: 2em;
}

.fg-3 {
    gap: 3em;
}

.fg-4 {
    gap: 4em;
}

.fg-5 {
    gap: 5em;
}

.flex_col {
    display: flex;
    flex-direction: column;
}

/*justify middle element*/
.box {
  flex: 1;
  display: flex;
  justify-content: center;
}
.box:first-child {
    flex: 2!important;
    justify-content: right;
}
.box:last-child  {
    flex: 2!important;
    justify-content: left;
}

.box {
    white-space: nowrap;
}
/*end - justify middle element*/

.no_underscore {
    text-decoration: none;
}

.no_underscore:hover {
    text-decoration: underline;
}

.dotted_underscore {
    text-decoration: underline dotted;
}

.dotted_underscore:hover {
    text-decoration: underline;
}

table {
    --bs-table-striped-bg: rgba(0, 0, 0, 0.2) !important;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg)!important;
}

/* tooltip */
.tooltip > .tooltip-inner {
    background-color: white;
    color: black;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
     border-top-color: white;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
     border-right-color: white;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
     border-bottom-color: white;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
     border-left-color: white;
}

/* end tooltip */

@media (max-width: 1200px) {
    .midpage {
        margin: 1em 2em 12em 2em;
    }
}



.offcanvas-bottom {
    background-color: white;
    color: black;
}


table.dataTable {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.container.contractTableDiv {
    margin:0;
}

.contractTable th {
    white-space: nowrap;
}

.contractTable td {
    white-space: nowrap;
}

.text-silver {
    color:silver;
}

.dtsb-criteria {
    color: black;
}

.dtsb-joiner {
    color: white;
}

.dtsb-input {
    width: 5.5em!important; /* Set desired width */
}

