/* ASP.NET MVC validation */
.field-validation-valid,
.validation-summary-valid {
    display: none !important;
}

/* Navbar override */
.navbar-dark bg-dark {
    background-color: #050036;
    border-color: transparent;
}

.form-group {
    margin-bottom: 1rem;
}


.mode_btn {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.2s ease;
}

    .mode_btn.active,
    .mode_btn.mode-btn-active {
        opacity: 0.65;
        pointer-events: none;
    }


/* Outline button styles */
.btn-outline {
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #006400;
}

.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

    .btn-success:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }

.btn-outline-success.active,
.btn-outline-success:active,
.btn-outline-success:focus,
.btn-outline-success:hover {
    background-color: #28a745 !important; /* Bootstrap 4 success green */
    color: #fff !important;
    border-color: #28a745 !important;
}


.btn-info.btn-outline {
    color: #050036;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-outline:hover {
    color: #fff;
}

/* Extra large buttons */
.btn-xlarge {
    padding: 0;
    font-size: 22px;
    line-height: 4em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-height: 132px;
}

    .btn-xlarge.mode-btn-active {
        font-size: 18px !important;
    }

/* Modal styling */
.privacy-modal {
    text-align: center;
    padding: 0 !important;
}

    .privacy-modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.privacy-modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* Button column text */
.btn-text-left-column {
    font-size: 18px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-top: 10px;
}

    .btn-text-left-column:hover {
        color: orange;
        cursor: pointer;
        cursor: hand;
    }

.btn-text-center-column {
    font-size: 18px;
    margin-top: 10px;
}

.btn-text-right-column {
    font-size: 18px;
    float: right;
    margin-right: 3px;
}

.trackingText {
    font-size: 22px;
    margin-top: 40px;
}

.trackingTextLong {
    font-size: 22px;
    margin-top: 40px;
}



#stopTrackingLeftColumnText,
#stopTrackingRightColumnText {
    color: red;
    font-size: 14px;
}


#trackAlwaysLeftColumnText,
#trackAlwaysRightColumnText {
    color: #28a745;
    font-size: 14px;
}

    #stopTrackingRightColumnText:hover,
    #stopTrackingLeftColumnText:hover,
    #trackAlwaysLeftColumnText:hover,
    #trackAlwaysRightColumnText:hover {
        color: white;
        cursor: pointer;
    }

#stopTrackingCenterColumnText,
#trackAlwaysCenterColumnText {
    color: white;
    font-size: 14px;
}