html, body {
    overscroll-behavior: none;
}
.header {
    background-color: #1e1e2d;
}
.content{
    padding-bottom:0!important;

}
#lastSyncContainer{
    font-size:0.5rem;
    padding-left: 20px;
    color:#fff;
    position: absolute;
}
.brand-logo img{
    width:80%;
}
.site-title{
    color:#fff;
    font-size: 2rem;
}
.site-subtitle{
    font-size: 1.5rem;
    color:#CCCCCC;
}
.tox-tinymce {
    border-top:0!important;
}
.tox-tinymce {
    border: 1px solid #E4E6EF!important;
}
.resetFilterBtn{
    display:none;
}
.fish.btn{
    min-width: 100%;
}
.accuracy-container{
    color: #949494;
}
#accuracy{
    padding: 1px 5px 1px 5px;
}
#accuracy.green{
    background-color: green;
    color:#fff;
}

#accuracy.red{
    background-color: red;
    color:#fff;
}
#accuracy.yellow{
    background-color: yellow;
    color:#000;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #d8d8d8;
}
#fishAge.active, #fishAge.active:focus{
    background-color:#F64E60;
    border-color: #F64E60;
}
#fishAge:focus{
    background-color:#187DE4;
    border-color: #187DE4;
}
.bg-green{
    background-color: green!important;
}
#site{
    display:none;
}
#selectedSite{
    color:#fff;
}
#siteSelect .accordion .card .card-header .card-title {
    font-size: 1.5rem;
}
#dip{
    --timer-width: 100%;
    position: relative;
}
#dip.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: var(--timer-width);
    height: 4px; /* the height of your "progress bar" */
    background: #f00; /* the color of your "progress bar" */
    border-radius: 5px;
}
#dip.active.transition:after {
    transition: width var(--transition-duration, 2s) linear;
}
.card-title-padding{
    padding: 1rem 0;
    font-size: 1.5rem;
}
#sizes{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
#sizes .btn{
    font-size: 1.9rem;
    min-width: 100%;
    min-height: 10rem;

}
#calc .btn{
    font-size: 1.9rem;
    min-width: 100%;
    min-height: 7rem;
    margin-bottom: 5px;
}
#undoBtn{
    display:none;
}
#undo-text{
    margin-left:5px;
}
#display{
    width: 100%;
    height: 5rem;
    margin-bottom: 2rem;
    font-size: 2rem;
    text-align: right;
}
.scrollpane{
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
}
.recentFish{
    border-bottom: 1px solid #c6c6c6;

}
.fishname{
    font-size:1.9rem;
}
.btn.btn-secondary.buttons-collection{
    background-color:#fff;
}
.dropdown-item.active, .dropdown-item:active {
    color: #000;
    background-color: #fff;
}
.dropdown-item.active:hover, .dropdown-item:active:hover {
    background-color: #c6c6c6;
}
.dropdown-item {
    color:#666;
}
.card-team .card-toolbar .card-label{
    margin-right: 1rem;
}
.fa-copy{
    cursor: pointer;
    margin-right: 1rem;
}

.deleteMember, .editMember{
    visibility: hidden;
    cursor: pointer;
    margin-right: 1rem;
}
.memberRow:hover .deleteMember,.memberRow:hover .editMember{
    visibility: visible;
}
.contactRow .deleteContact{
    visibility: hidden;
    cursor: pointer;
}
.contactRow:hover .deleteContact{
    visibility: visible;
}
.inModal #btn_save{
    display: none;
}
.inModal #btn_cancel{
    display: none;
}

.old-teacher{
    color:#666666;
}
.flex{
    display:flex!important;
}
.select2-result-school .flex{
    justify-content: space-between;
}
#select2-team_id-results,#select2-markt_id-results {
    max-height: 70vh;
}

.meta{
    padding: 20px;
    background-color: #fff;
    align-self: start;
    margin: 60px 20px 20px 20px;
}
.bootstrap-touchspin .input-group-btn .btn {
    color:#fff;
}

#sketchpadapp {
    /* Prevent nearby text being highlighted when accidentally dragging mouse outside confines of the canvas */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column-reverse;
}

.pic-close{
    height:20px;
    width:20px;
}
#sketchpad {
    float:left;
    border:2px solid #888;
    border-radius:4px;
    position:relative; /* Necessary for correct mouse co-ords in Firefox */
    width:100%;
}
.kids{
    display: flex;
    flex-wrap: wrap;
}
.kid {
    padding: 20px;
    border: 1px solid #c6c6c6;
    margin: 10px;
    border-radius: 11px;
    background-color: #464847;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.checked-in{
    background-color:green;
}
.settings,.log, .stats, .sites, .options{
    display: none;
}
.logtable img{
    width:100%;
}
.fishSize{
    margin:5px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    font-size:4rem;
}
.fishSize .from{
    font-size: 1.5rem;
}
.fishSize .to{
    font-size: 4rem;
    line-height: 1;
}
.logtable table thead, .statstable table thead{
    position: sticky;
    top: 55px;

}
.logtable table, .statstable table{
    overflow-x:clip!important;
}

.fishgroup-rot{
    display: none;
}

#columnVisibility .modal-body {
   column-count: 2;
   column-gap: 20px;
}
#columnVisibility .modal-body div {
    margin-bottom: 10px;
}
#columnVisibility .modal-body input[type=checkbox] {
    margin: 0.2em 0.5em 0.2em 0;
    vertical-align: middle;
}