@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300..700&display=swap');
/* Set Variables */
:root {
	--amo-color--gold: #ffbf3b;
	--amo-color--blue: #121047;
	--amo-color--bg: #f7f7f7;
	--amo-font--primary: 'Lexend', Helvetica, sans-serif;
	--amo-border--radius: 6px;
	--amo-border--color: #E7E9EC;
}


.compList, .uploadFile, body {
    font-family: var(--amo-font--primary);
}


/* heatlists */

td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
    padding: 8px 14px!important;;
}
tr.shown td.details-control {
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
    padding: 8px 14px!important;
}
.searchTag {
	color: #000;
}

.col {
  float: none!important;
}

.container {
    width: 100%!important;
    padding: 0px!important;
}

.scheduleContainer {
    overflow-x: hidden;
}

.tabs .tab a {
    color: #FFF!important;
    display: block!important;
    width: 100%!important;
    height: 100%!important;
    text-overflow: ellipsis!important;
    overflow: hidden!important;
    transition: color .28s ease!important;
}

.tabs .indicator {
    display: none;
}

.day, .heat-counter{
    background-color: #ffbf3b;
    color: #0c223f;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.heat-counter h2 {
    font-size: 1.8em;
	font-family: var(--amo-font--primary);
    margin: 0;
}

.scheduleContainer .heat-counter h2 {
    margin: 0;
}

#currentHeat {
    font-weight:700;
}

.row, .row .col {
    padding: 0px!important;
    margin: 0px!important;
}

table td {
  padding: 3px 10px;
}

.searchBtn {
    background-color: #0c223f!important;
    position: fixed!important;
    bottom: 70px!important;
    right: 32px!important;
    border-radius: 50%!important;
    margin: 0!important;
    padding: 16px!important;
    color: #ffbf3b!important;
    border: none!important;
    box-shadow: #333 0px 2px 10px!important;
    width: 56px!important;
}

.refreshBtn {
    background-color: var(--amo-color--gold)!important;
    position: fixed!important;
    bottom: 142px!important;
    right: 32px!important;
    border-radius: 50%!important;
    margin: 0!important;
    padding: 16px!important;
    color:  #0c223f!important;
    border: none!important;
    box-shadow: #333 0px 2px 10px!important;
    width: 56px!important;
}

/* input[type="submit"] {
    background: #ffbf3b;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    color: #0c223f;
    font-weight: bold;
} */
input[type="text"] {
    padding: 10px;
}

button .searchBtn {
    border: 1px solid #ccc;
}

#resetStateBtn {
    background-color: #0c223f;
    border: 2px solid #ffbf3b;
    width: 192px;
    margin-bottom: 10px;
}

#clearSearchBtn {
    background-color: #ffbf3b!important;
    color: #0c223f!important;
    border: 1px solid transparent!important;
}

.searchTxt {
    margin-bottom: 0px!important;
    margin-top: 10px!important;
    width: 100%!important;
}

.scoreTable, .scoreTable tr th, .scoreTable tr td {
    border: 1px solid black;
    margin-bottom: 10px;
}

.tabs {
    height: 56px;
}

.dataTables_wrapper th {
    display: none;
}

#heatlistTable,
#resultTable {
    width: 100%!important;
}

#heatlistTable_wrapper > div:nth-child(2) {
    height: calc(100vh - 154px);
    overflow: auto;
}

#resultTable_wrapper > div:nth-child(2) {
    height: calc(100vh - 104px);
    overflow: auto;
}

#heatlistTable_wrapper > div:nth-child(3) > div.col-sm-12.col-md-5,
#resultTable_wrapper > div:nth-child(3) > div.col-sm-12.col-md-5 {
    display: none;
}

#heatlistTable_wrapper > div:nth-child(3) > div.col-sm-12.col-md-7,
#resultTable_wrapper > div:nth-child(3) > div.col-sm-12.col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
}

#heatlistTable_wrapper .dataTables_paginate,
#resultTable_wrapper .dataTables_paginate {
     float: initial;
 }

#heatlistTable_wrapper div.dataTables_paginate ul.pagination,
#resultTable_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
}

.page-item.active .page-link,
.page-item.active .page-link:focus {
    z-index: 1;
    color: #ffbf3b;
    background-color: #0c223f;
    border-color: #0c223f;
}

@media (max-width: 576px) {
    .heat-counter h2 {
        margin: 0;
    }

    .searchBtn {
        bottom: 56px!important;
        right: 16px!important;
    }

    .refreshBtn {
        bottom: 117px!important;
        right: 16px!important;
    }

    .pagination {
        font-size: 14px;
    }

    .pagination > li {
        padding: 0!important;
    }

    .pagination > li > a {
        padding: 6px!important;
    }

    .page-item .page-link:focus {
        box-shadow: initial!important;
    }

    .page-item:not(.active) .page-link:focus {
        background-color: #fff!important;
        color: #337ab7!important;
    }

    #heatlistTable_wrapper > div:nth-child(2) {
        height: calc(100vh - 136px);
        overflow: auto;
    }

    #resultTable_wrapper > div:nth-child(2) {
        height: calc(100vh - 94px);
        overflow: auto;
    }
}

#heatlistTable_filter > label,
#resultTable_filter > label {
    margin-top: 5px;
    margin-bottom: 5px;
}

div .s12 {
    padding: 0!important;
}

div .col-sm-12 {
   padding: 0 !important;
}

.session {
    top: -10px;
}

.scheduleContainer .dataTables_wrapper {
    top: -10px;
}

#heatlistTable_wrapper {
    top: 0px;
}

#resultTable_wrapper {
    top: 0px;
}

.scheduleTable > tbody > tr > td {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    /*word-break: break-all;*/
    white-space: normal;
}

.scheduleTable > tbody > tr > td:nth-child(1) {
    font-size: 12px;
}

.scheduleGroup {
    text-align: center;
}

.tooltip {
  position: relative;
  border-bottom: 1px dotted black;
  white-space: nowrap;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

td.scheduleGroup {
    text-align: left;
    background-color: #FEFEFE!important;
    font-weight: 400!important;
}
.scheduleTable tr {
    font-weight: 600;
}
table.dataTable tbody tr {
    background-color: #f9f9f9;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f3f3f3;
}
.day h5 {
    padding-bottom: 5px;
}
.summaryTable, .summaryTable tr th, .summaryTable tr td {
    text-align: center;
}
a.next20, a.scoresheet-link {
    float: right;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

/* Scoresheets */

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #e91e63;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: -50%;
}
.tooltip .tooltip-couple {
    left: 0px!important;
    top: 5px!important;
    font-weight: 400;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.table-wrapper {
    overflow-x: scroll;
    margin-bottom: 3rem;
}
.scoreTable/*, .scoreTable tr th, .scoreTable tr td*/ {
    background: #fff;
}
.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
    background: lightpink;
}
.scoreTable, .scoreTable tr th, .scoreTable tr td {
    border: 1px solid #e7e9ec;
    margin-bottom: 10px;
}

.summaryTable, .summaryTable tr th, .summaryTable tr td {
    text-align: center;
}

body.scoresheets-page {
    background: #f1f1f8;	
}
.scoresheets-page h3 {
    font-weight: 700;
    background: #000;
    color: #fff;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
    margin: 0px;
}
.scoresheets-page h4, .summary-line {
    margin: 0px;
    background: #fff;
    padding: 0.8rem;
}
.summary-line {
	font-weight: 600;
}

.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) {
    background: #FAFAFA!important;
}
.nib-col {
    background: #FFF;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    width: 30px;
    left: 0px;
    border: 1px solid #e7e9ec!important;
}