body {
}

.btn{
    border-radius: 2px !important;
}

.form-control {
    border-radius: 2px !important;
}

.btn-primary {
    background-color: var(--color-ws-green) !important;
    border-color: var(--color-ws-green) !important;
}

.btn-primary:disabled {
    background-color: var(--color-ws-green) !important;
    border-color: var(--color-ws-green) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--color-ws-green-darker) !important;
    border-color: var(--color-ws-green-darker) !important;
    color: white;
}/*

.btn-outline-primary {
    color: var(--color-bio-blue) !important;
    border-color: var(--color-bio-blue) !important;   
}

.btn-outline-primary:hover {
    color: var(--color-bio-blue-darker) !important;
    border-color: var(--color-bio-blue-darker) !important;
    background-color:white;
}

.btn-primary-hover-override:hover{
    background-color: var(--color-bio-blue) !important;
    border-color: var(--color-bio-blue-darker) !important;
}

.btn-check:checked + .btn{
    background-color:var(--color-bio-blue) !important;
    color:white !important;
}

.btn-check-green:checked + .btn{
    background-color:#198754 !important;
    color:white !important;
}

.btn-check-yellow:checked + .btn{
    background-color:#ffc107 !important;
    color:white !important;
}

.btn-check-red:checked + .btn{
    background-color:#dc3545 !important;
    color:white !important;
}

.btn-maroon {
    background-color: maroon !important;
    border-color: maroon !important;
    color: white;
}

    .btn-maroon:disabled {
        background-color: maroon !important;
        border-color: maroon !important;
        color: white !important;
    }

    .btn-maroon:hover {
        background-color: #660000 !important;
        border-color: #660000 !important;
        color: white;
    }

*/
.form-check-input {
    border-color: var(--color-ws-blue) !important;
}

.form-check-input:checked {
    background-color: var(--color-ws-blue) !important;
    border-color: var(--color-ws-blue) !important;
}

/*

*/.modal-title {
    color:var(--color-ws-blue) !important;
}

.form-sm label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.form-label-sm {
    font-size:0.875rem;
    margin-bottom:0.25rem;
}
/*
*/.form-check-input-sm {
    font-size:0.875rem;
}

.btn-close-sm {
    height:14px;
    max-height:14px;
    width:14px;
    max-width:14px;
}

.form-select-xs {
    font-size:0.75rem;
    padding:2px 30px 2px 3px;
}

.form-control-xs {
    font-size: 0.75rem;
    padding: 2px 5px 2px 3px;
}

.text-sm{
    font-size:0.875rem;
}

.container {
    max-width:1600px;
}

.offcanvas{
    background-color:whitesmoke;
}

.offcanvas table, .offcanvas tr, .offcanvas th, .offcanvas td {
    background-color: whitesmoke;
    border-color: darkgray;
}

/*.tooltip-inner {
    background-color: var(--color-bio-blue-darker) !important;
    color: #ffffff;
    max-width: 400px;
    border: 2px solid var(--color-bio-blue) !important;
}*/

.modal-backdrop
{
    opacity:0.2 !important;
}

.tooltip.show {
    opacity: 1;
}

/*.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--color-bio-blue-darker) !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: var(--color-bio-blue-darker) !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--color-bio-blue-darker) !important;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: var(--color-bio-blue-darker) !important;
}*/

@media (min-width: 576px) {
    .w-sm-30 {
        width:30% !important;
    }
    .w-sm-50 {
        width:50% !important;
    }
    .w-sm-75 {
        width:75% !important;
    }
    .h-sm-80px {
        height:80px !important;
    }
    .modal-dsys-1000{
        min-width:500px !important;
    }
    .modal-dsys-responsive{
        min-width:90% !important;
    }
    .offcanvas-dsys-responsive{
        width:90% !important;
    }
}
@media (min-width: 768px) {
    .w-md-30 {
        width:30% !important;
    }
    .w-md-50 {
        width:50% !important;
    }
    .w-md-75 {
        width:75% !important;
    }
    .h-md-80px {
        height:80px !important;
    }
    .modal-dsys-1000{
        min-width:700px !important;
    }
    .modal-dsys-responsive{
        min-width:90% !important;
    }
    .offcanvas-dsys-responsive{
        width:90% !important;
    }
}
@media (min-width: 992px) {
    .w-lg-30 {
        width:30% !important;
    }
    .w-lg-50 {
        width:50% !important;
    }
    .w-lg-75 {
        width:75% !important;
    }
    .h-lg-80px {
        height:80px !important;
    }
    .modal-dsys-1000{
        min-width:950px !important;
    }
    .modal-dsys-responsive{
        min-width:70% !important;
    }
    .offcanvas-dsys-responsive{
        width:50% !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-30 {
        width:30% !important;
    }
    .w-xl-50 {
        width:50% !important;
    }
    .w-xl-75 {
        width:75% !important;
    }
    .h-xl-80px {
        height:80px !important;
    }
    .modal-dsys-1000{
        min-width:1000px !important;
    }
    .modal-dsys-responsive{
        min-width:600px !important;
    }
    .offcanvas-dsys-responsive{
        width:40% !important;
    }
}
@media (min-width: 1400px) {
    .w-xxl-30 {
        width:30% !important;
    }
    .w-xxl-50 {
        width:50% !important;
    }
    .w-xxl-75 {
        width:75% !important;
    }
    .h-xxl-80px {
        height:80px !important;
    }
    .modal-dsys-1000{
        min-width:1000px !important;
    }
    .modal-dsys-responsive{
        min-width:600px !important;
    }
    .offcanvas-dsys-responsive{
        width:30% !important;
    }
}