@import url('https://fonts.googleapis.com/css2?family=Patua+One&family=Poppins:wght@400;500;600&family=Rubik:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
body { font-size:15px; font-family:"IBM Plex Sans", Poppins, "Open Sans", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-weight:bold; font-family: Poppins, Rubik, "Open Sans", Helvetica, Arial, sans-serif; }

.btn-default { background-image: linear-gradient(var(--header_bg_col), var(--header_bg_col)); border:1px solid var(--header_bg_col); }
.selectize-dropdown { min-width:4em; } td[data-type="factor"] input { min-width: 6em !important; }

.well { padding:15px; }
.headericon { font-family:"Patua One", Poppins, "Open Sans", Helvetica, Arial, sans-serif; text-transform:uppercase; font-size:36px; line-height:1.2; }

.selectize-dropdown { min-width:8em; }
.roundpicker .selectize-dropdown-content { max-height:40vh; }
td[data-type=\"factor\"] input { min-width:8em !important; }

#headerblock select { background-color:var(--bs-body-bg); color:var(--bs-body-color); }
#headerblock h1,#headerblock h2,#headerblock h3,#headerblock h4 { color:white; }

.tab-content { margin-top:18px; }

table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after { opacity:0.8; }

.board-header { display:inline-block; margin-top:0; vertical-align:top; }
.roundpicker { display:inline-block; margin-left: 32px; }

.t_ic { max-width:20em; text-align:center; }
.p_ic { max-width:20em; min-width:15em; text-align:center; }
.t_icimg, .p_icimg { display:inline-block; vertical-align:top; }
.t_icimg img, .p_icimg img { max-height:2.5em; max-width:4em; } /* transition:transform .25s ease; */
/* .t_icimg:hover img, .p_icimg:hover img { transform:scale(1.5); } */

[data-bs-theme="dark"]{.t_icimg, .p_icimg, .pu_ti, .pu_pi { filter: drop-shadow(1px 1px 0 #ddd) drop-shadow(-1px 1px 0 #ddd) drop-shadow(1px -1px 0 #ddd) drop-shadow(-1px -1px 0 #ddd); -webkit-filter: drop-shadow(1px 1px 0 #ddd) drop-shadow(-1px 1px 0 #ddd) drop-shadow(1px -1px 0 #ddd) drop-shadow(-1px -1px 0 #ddd); }}

.t_iclab, .p_iclab { margin-left:1ex; max-width:10em; display:inline-block; vertical-align:top; }
.pu_ti { display:inline-block; vertical-align:top; max-height:2.5em; max-width:4em; margin-right:12px; }
.pu_pi { display:inline-block; vertical-align:top; max-height:10vh; max-width:10vh;}
.putbl { table-layout:fixed; width:100%; border: 1px solid var(--bs-border-color); margin-bottom:1rem; margin-left:auto; margin-right:auto; font-size:14px;}
.putbl th, .putbl td { padding: 0.4rem; vertical-align: top; text-align:right; border: 1px solid var(--bs-border-color);}
.putbl thead th { vertical-align: top; border-bottom: 2px solid var(--bs-border-color); background-color:var(--bs-secondary-bg-subtle); color:var(--bs-heading-color);}
.putbl tbody + tbody { border-top: 2px solid var(--bs-border-color); }

.su_flag { height:2vh; }
.su_flags { list-style: none; }
.su_flags li { float: left; margin-left:6px; }

.modal-lg { --bs-modal-width:90vw; }

#dark-toggler:hover, .pua:hover { cursor:pointer; }
:root,[data-bs-theme="light"]{--su-header-bg-col:#0B1541;--su-header-col:white;}table.dataTable thead th {
  background-color: var(--su-header-bg-col);
  color:var(--su-header-col);
  vertical-align:top;
}