@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@font-face {
    font-family: 'JustSignature';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/JustSignature-92w7.ttf') format('truetype');
}
body {
    font-family: 'Lato', sans-serif;
    /* background-color: #D5DFF8; */
    background-color: #eff4ff;
    /* color: #212529;
    margin: 0;
    padding: 0; */
}
.signature {
    font-family: 'JustSignature';
    font-size: 14px;
    font-weight: bold;
}
.login-form{
    margin : 5% auto;
}
.text-new-orders-medication {
    color: #198754 !important;
}
.text-new-orders-homehealth {
    color: #673ab7 !important;
}
.text-new-orders-hospice {
    color: #e91e63 !important;
}
.text-new-orders-dme {
    color: #9c27b0 !important;
}
.text-new-orders-appointment {
    color: #0d6efd !important;
}
.text-new-orders-lab {
    color: #795548 !important;
}

.logout-btn a{
    text-decoration : none;
    color : #000000;
}

#add-todo-form{
    display : none;

}

.hidden{
    display : none;
}

/* ============ Admin============== */
a {
    text-decoration : none;
    /* color : #FFFFFF; */
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    padding: .375rem 2.25rem .375rem .75rem;
    height: unset;
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212529;
    line-height: unset;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: unset;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.btn-green-300 {
    background-color: #75b798;
    border-color: #75b798;
    color: white;
}
.btn-green-300:hover {
    background-color: #479f76;
    border-color: #479f76;
    color: white;
}
.btn-green-300:active {
    background-color: #479f76 !important;
    border-color: #479f76 !important;
    color: white !important;
}
.btn-blue-300 {
    background-color: #6ea8fe;
    border-color: #6ea8fe;
    color: white;
}
.btn-blue-300:hover {
    background-color: #3d8bfd;
    border-color: #3d8bfd;
    color: white;
}
.btn-blue-300:active {
    background-color: #3d8bfd !important;
    border-color: #3d8bfd !important;
    color: white !important;
}
.btn-red-300 {
    background-color: #ea868f;
    border-color: #ea868f;
    color: white;
}
.btn-red-300:hover {
    background-color: #e35d6a;
    border-color: #e35d6a;
    color: white;
}
.btn-red-300:active {
    background-color: #e35d6a !important;
    border-color: #e35d6a !important;
    color: white !important;
}
.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
  outline:0px;
}

/* Add validation border for Select2 */
.select2-container--default .select2-selection--single.is-invalid {
    border: 1px solid #dc3545 !important; /* Bootstrap danger color */
}

.bg-warning {
    background-color: #ff8707 !important;
}
/* Use this class to make any column display as heading */
.heading-column {
    color: white;
    background: rgb(170, 170, 170);
    font-weight: bold;
}