#backbuttonbar {
    height: 30px;
    margin: 1.5rem 1rem 10px;
}
#backbuttonbar button {
    float:left;
    margin-top:-10px;
}

@media(max-width:768px){
    #backbuttonbar {
        font-size: small !important;
    }
}

.card,
.measurements-card {
    min-width:300px;
}

.measurements-card a,
.measurements-card a:hover {
    text-decoration: none;
}

.disabled {
    color: #999; /* Change color to indicate it's disabled */
    cursor: not-allowed; /* Change cursor style to indicate it's not clickable */
    pointer-events: none; /* Prevent click events */
}

.icon-top-right {
    position:absolute;
    right:25px;
    top:25px;
}
.icon-top-center {
    position:absolute;
    right:25px;
    top:35px;
}

.fixed-bottom-right {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 0 30px 30px 0;
    /*z-index: 1;*/
}

.asteriskField {
    display: none;
}

.status-ok { color: #00FF00 !important; }
.status-warning { color: #FFFF00 !important; }
.status-error { color: #FF0000 !important; }

.card-action:hover {
    cursor: pointer;
}

.font-bolder {
    font-size: 1.10rem;
    font-weight: 500;
}

@media(max-width:990px) {
    #single_pool_card .nav-link {
        font-size: 22px;
    }
}

/* fa-spin */
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }
.fa-spin-slow {
  -webkit-animation: fa-spin 4s infinite linear;
  animation: fa-spin 4s infinite linear;
}
.fa-spin-slower {
  -webkit-animation: fa-spin 6s infinite linear;
  animation: fa-spin 6s infinite linear;
}
.fa-spin-fast {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}
.fa-spin-faster {
  -webkit-animation: fa-spin 0.5s infinite linear;
  animation: fa-spin 0.5s infinite linear;
}


/* footer with terms conditions (extra tall on mobile) */
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
}

@media(max-width:1020px){
    #content-wrapper { margin-bottom: 260px !important;}
}