﻿
a {
    color: #495057;
}

.form-check-input {
    clear: left;
}

body {
    background-color: #f2f4f6;
    font-size: 1.0rem;
}

div.dt-buttons {
    margin-right: 10px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-bottom: 0.2rem;
}

    h4.page-title {
        margin-bottom: 0;
        margin-top: 5px;
    }

hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

input, select, textarea {
    max-width: unset;
}

.alert {
    padding: 0.50rem 1.25rem;
}

.alert-info {
    color: #0e616e;
    background-color: #a8dbe5;
    border-color: #a6cbd1;
}

.alert-success {
    color: #226c2c;
    background-color: #c2d9c6;
    border-color: #a6c7ab;
}

.btn {
    font-size: 1.0rem;
    font-weight: 500;
}

.btn-back {
    font-size: 1.5rem;
    line-height: 1;
}

.btn-back-primary {
    color: #155724;
}

    .btn-back-primary:hover {
        color: #119b30;
    }

.btn-back-success {
    color: #155724;
}

    .btn-back-success:hover {
        color: #119b30;
    }

.btn-back::before {
    font-weight: 600 !important;
}

.btn-min-size {
    min-width: 40px;
}

.btn-sm {
    min-width: 32px;
}

.btn-success {
    color: #fff;
    background-color: #2e9d64;
    border-color: #2b935e;
}

.card-body {
    padding: 0.5rem 1.0rem;
}

.custom-select {
    font-weight: 600;
    color: #404040;
}

.dataTables_wrapper .dataTables_filter input {
    background-color: white;
}

.dataTables_wrapper .dataTables_length select {
    background-color: white;
}

.disabledMouseEvents {
    pointer-events: none;
}

.form-check-label.form-check-label-lg {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
}

.form-check-label.form-check-label-md {
    margin-left: 0.5rem;
    margin-top: 0.25rem;
}

.form-control, .form-select {
    font-weight: 600;
    font-size: 1.0rem;
    color: #00264c;
}

.form-label {
    /*margin-bottom: 0.25rem;*/
    margin-bottom: 0.1rem;
}

.form-switch.form-switch-lg .form-check-input {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.form-switch.form-switch-lg {
    margin-bottom: 1.5rem; 
}

.form-switch.form-switch-md .form-check-input {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.form-switch.form-switch-md {
    margin-bottom: 0.0rem;
}

.form-switch.form-switch-sm .form-check-input {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.form-switch.form-switch-sm {
    margin-bottom: 0.5rem; 
}

.form-switch.form-switch-xl .form-check-input {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.form-switch.form-switch-xl {
    margin-bottom: 2rem; 
}

.modal-body {
    padding: 0.75rem;
}

.modal-title {
    font-weight: 600;
}

.nav-item .nav-link {
    font-weight: 500;
}

.scroll-container {
    height: 100px;
    overflow-y: scroll;
}

.text-display {
    color: #2c3e50 !important;
}

.text-display-light {
    color: #0066d3 !important;
}

.text-label {
    font-size: 14px;
    font-weight: 500;
}

.text-label-big {
    font-size: 16px;
    font-weight: 500;
}

.text-section {
    color: black !important;
    font-size: medium;
    font-weight: 500;
}

.toast {
    z-index: 10000;
}

.tooltip {
    z-index: 10000
}

.tooltip-inner {
    background-color: #ffcf59;
    box-shadow: 0px 0px 4px black;
    color: #484848;
    opacity: 1 !important;
    text-align: left;
    min-width: 500px;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #2C3E50 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #2C3E50 !important;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #2C3E50 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #2C3E50 !important;
}

.tooltip.show {
    opacity: 1;
}

.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
    transform: rotate(45deg) translate(1px, -4px) !important;
    border-color: #3f6ad8 !important;
    border-left-color: rgba(0,0,0,0) !important;
    border-top-color: rgba(0,0,0,0) !important;
    width: 50% !important;
}