body {
    padding-bottom: 0;
}

.color-org-primary {
    color: #009f98;
}
.color-org-secondary {
    color: #f39000;
}

.bgcolor-org-primary {
    background-color: #009f98;
}

.color-org-primaryLightened {
    background-color: #ccecff;
}

.pswdborder {
    border: 2px solid #009f98;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:disabled {
    background-color: #f39000;
    color: #ffffff;
    border-color: #f39000;
    outline-color: #f39000;
}

.questionButtons#btnPrev:before {
    content: '< ';
    color: #f39000;
    font-size: 1.8rem;
}


.form-check-input:checked {
    background-color: #f39000;
    border-color: #ffffff;
}

.form-range::-webkit-slider-thumb {
    background-color: #f39000;
    border-color: #f39000;
}

.scoreSlider input[type=text] {
    color: #f39000;
}

table thead th {
    background-color: #009f98;
    color: #ffffff;
}

table .status {
    color: #f39000;
    font-weight: 800
}

input[type=radio] {
    accent-color: #f39000;
}

.sub-heading {
    color: #f39000;
}

.btn-primary {
    background-color: #f39000;
    color: #ffffff;
    border: none
}

    .btn-primary:hover {
        background-color: color-mix(in srgb, #f39000, #000 20%);
        color: #ffffff;
    }

.btn-white:hover {
    background-color: color-mix(in srgb, #f39000, #000 20%);
    color: #ffffff;
}

.icon-link:hover {
    color: #f39000;
    cursor: pointer
}

.bg-service-primary, .toast-warning {
    background-color: #009f98;
    
}

.bg-service-secondary {
    background-color: #f39000;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    color: #009f98;
    font-weight: 900
}

@media(min-width: 992px) {
    table tr:hover {
        background-color: color-mix(in srgb, #009f98, #FFF 98%)
    }
}
@media(max-width: 991.98px) {
    .table-responsive td.button-cell {
        background-color: #009f98;
    }

    .table-responsive td::before {
        color: #009f98;
    }
}
    .f1-step:before {
        background-color: #009f98;
    }

    .f1-step-icon {
        border: 2px solid #009f98;
        color: #009f98;
    }

    .active .f1-step-icon {
        background-color: #009f98;
        color: #ffffff;
    }



    /*#region Admin Sidebar*/
    #sidebar {
        background-color: #009f98;
        color: #ffffff;
    }

        #sidebar .sidebar-header {
            background-color: #f39000;
            color: #ffffff;
        }

        #sidebar .badge {
            color: #009f98;
            background-color: #ffffff;
        }

        #sidebar ul li a:hover {
            background-color: #ffffff;
            color: #009f98;
        }

        #sidebar ul ul a:hover {
            background-color: #ffffff;
            color: #f39000;
        }

        #sidebar ul li.active .badge {
            color: #f39000;
            background-color: #ffffff;
        }

        /* added by Jon*/
        /*#sidebar ul li a {
        color: #f39000;
        
    }*/



        #sidebar ul ul a {
            background-color: #f39000;
            color: #ffffff;
        }

        #sidebar ul li.active > a, #sidebar a[aria-expanded="true"] {
            background-color: #f39000;
            color: #ffffff;
        }

        #sidebar ul ul li.active > a {
            border-left: 3px solid #ffffff;
        }
    /*#endregion*/

    /*#region Staff Login*/
    .login-wrapper .panel-topper {
        background-color: #009f98;
    }

        .login-wrapper .panel-topper + .panel-topper {
            background-color: #f39000;
        }
    /*#endregion*/

    /*#region Header*/
    .header .strapline {
        color: #f39000;
    }
    /*#endregion*/

    /*#region Navbar*/
    .navbar {
        background-color: #009f98;
    }

    .navbar-brand {
        color: #ffffff;
    }

    .navbar .nav > li > a {
        color: #ffffff;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        color: #f39000;
        background-color: #eee;
    }
    /*#endregion*/

    /*#region Footer*/
    .footer-content.navbar {
        background-color: #009f98;
        color: #ffffff;
        font-weight: bold;
    }

        .footer-content.navbar a {
            color: #ffffff;
        }

    .footer-content .container {
        border-top: 0 none;
    }
    /*#endregion*/

    /*#region Dashboard*/
    .lefthandside {
        background-color: #f39000;
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(0,0,0,.1);
        padding: 15px;
        /*height: 150px;*/
        text-align: center;
        flex: 1;
        padding: 16px;
        height: 100%;
    }

    .righthandside {
        background-color: #009f98;
        color: #ffffff;
        box-shadow: 0 2px 4px rgba(0,0,0,.1);
        padding: 15px;
        /*height: 150px;*/
        text-align: center;
        flex: 1;
        padding: 16px;
        height: 100%;
    }

    /*endregion dashboard*/

    /*#region PatientRegSteps*/

    .f1-progress-line {
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        background: #009f98;
    }

    .f1-step.activated .f1-step-icon {
        background: #fff;
        border: 1px solid #009f98;
        color: #009f98;
        /*line-height: 38px;*/
    }

    .f1-step.active .f1-step-icon {
        /*width: 48px;
    height: 48px;*/
        margin-top: 0;
        background: #009f98;
        /*font-size: 22px;
    line-height: 48px;*/
    }

    .f1-step.activated p {
        color: #009f98;
    }

    .f1-step.active p {
        color: #009f98;
    }

    /*endregion PatientRegSteps*/

    .refhistory table thead th {
        background-color: #009f98;
    }