@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
    --site-brown-color: #8a704c;
    --site-navy-color: #151c55;
    --site-gray-color: #64748b;
}

body {
    font-family: "Roboto", sans-serif;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span {
    font-family: "Roboto", sans-serif;
}

.nav-style.nurse-forms p,
.nav-style.nurse-forms li {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";
}

.light-bg {
    background: #f7f8fc;
}

/* sidebar css */

.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 260px;
    height: 100%;
    background-color: #151c55;
    color: #fff;
    transition: 600ms;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
        0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    padding-bottom: 113px !important;
    display: block;
    overflow-y: scroll;
    z-index: 777 !important;
}

.sidebar::-webkit-scrollbar {
    display: none;
}

.sidebar-logo {
    padding: 13px 43px 5px;
}

.sidebar ul {
    list-style: none;
    padding: 0;
}

ul.nav-links li.nav-item a {
    color: #fff;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 1.2rem 1.875rem;
    margin-left: 0.5rem;
    border-right: 6px solid;
    display: block;
    text-decoration: none;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    display: flex;
    border-color: transparent;
    align-items: baseline;
    text-transform: capitalize;
    margin-top: 5px 0px;
    /* height: 74px; */
    border-radius: 40px 0px 0px 40px;
    align-items: center;
}

ul.nav-links li.nav-item a:hover {
    background: #fff;
    color: #8a704c;
    border-right: 6px solid #8a704c;
    font-weight: 500;
}

ul.nav-links li.nav-item.active a {
    background: #fff;
    color: #8a704c;
    border-right: 6px solid #8a704c;
    font-weight: 500;
    margin-top: 5px;
    height: 65px;
    border-radius: 40px 0px 0px 40px;
    align-items: center;
}

li.nav-item i {
    margin-right: 1.2rem;
    width: 11px;
    height: 16px;
    font-size: 16px;
}

.content {
    margin-left: 16.25rem;
    padding: 0px;
    transition: 0.6s ease;
}

.hamburger span:first-child {
    width: 20px;
}

.hamburger span:last-child {
    width: 22px;
}

.hamburger:hover span:first-child,
.hamburger:hover span:last-child {
    width: 100%;
}

.sidebar.sidebar-hidden {
    width: 5.34rem;
    transition: 0.5s ease;
    overflow-y: visible !important;
}

.sidebar.sidebar-hidden .sidebar-logo {
    padding: 13px 0px 3px;
    transition: 0.5s ease;
}

.sidebar.sidebar-hidden ul.nav-links li.nav-item a span {
    display: none;
    transition: 0.5s ease;
}

.content.content-expanded {
    margin-left: 5.34rem;
    transition: 0.5s ease;
}

.hamburger .line {
    background: #8a704c;
    display: block;
    height: 3.2px;
    border-radius: 3px;
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: auto;
    transition: all 0.3s ease-in-out;
}

.hamburger {
    width: 26px;
    cursor: pointer;
}

.sidebar-logo img {
    width: 100%;
}

.logout-btn {
    background-color: #8a704c;
    padding: 0.8rem 1rem;
    border: 2px solid #8a704c;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 11px;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    width: 140px;
}

.nav-link:hover .Manage {
    display: none;
}

.sidebar-logout-section {
    text-align: center;
    /* position: absolute; */
    width: 100%;
    bottom: 0;
}

.sidebar-hidden a.logout-btn span {
    display: none;
}

.sidebar-hidden .logout-btn {
    width: 100%;
}

.sidebar-hidden ul.nav-links li.nav-item a:hover {
    /* width: 210px; */
    /* border-right: none !important; */
}

ul.nav-links li.nav-item a:hover {
    min-width: 225px !important;
    z-index: 777 !important;
    color: #8a704c;
}

ul.nav-links li.nav-item a:hover span {
    display: block !important;
}

.sidebar-hidden ul.nav-links li.nav-item a:hover span {
    display: none;
}

a.logout-btn:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.sidebar-logout-section p {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    margin: 0px;
    font-weight: 500;
}

.logout-btn i {
    margin-right: 2px;
}

/* sidebar css end */

/* main nav */

nav.main-nav {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.14);
    padding: 15px 2.5rem 12px 47px;
    align-items: center;
}

.main-nav .right-menu {
    display: flex;
    gap: 47px;
    align-items: center;
}

.main-nav .dropdown.notification-dropdown .dropdown-toggle::after {
    display: none;
}

a.dropdown-item i {
    margin-right: 7px;
}

.notification-dropdown ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    max-height: 250px;
    overflow: auto;
}

.notification-dropdown ul li a {
    color: #151c55;
    text-decoration: none;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-dropdown ul li {
    padding: 4px 0px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.menu-icon-box i {
    font-size: 26px;
    color: #151c55;
    margin-right: 0;
}

.menu-icon-box {
    background: #ffffff;
    border: 1px solid #dfe6ee;
    text-align: center;
    border-radius: 4px;
    padding: 7px 8px;
    height: 37px;
    display: flex;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
}

.main-nav .dropdown.notification-dropdown button {
    width: 40px;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 11px;
    border: 1px solid #8a704c;
    display: flex;
    color: #8a704c;
    font-size: 22px;
    border-radius: 0;
    text-decoration: none !important;
}

.user-dropdown span.user-icon {
    width: 40px;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 11px;
    border: 1px solid #8a704c;
    display: flex;
    color: #8a704c;
    font-size: 22px;
    border-radius: 0;
    margin-right: 10px;
}

.Manage-Nurse-table {
    width: 100%;
    overflow: auto;
}

.user-dropdown span.user-icon img {
    background: #8a704c;
    padding: 3px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    border: 2px solid #8a704c;
}

.table-border-btn {
    background-color: transparent;
    color: #8a704c;
    font-weight: 700;
    border: 2px solid #8a704c;
    padding: 0.3rem 0.8rem;
    height: auto;
    line-height: 1rem;
    border-radius: 2px;
    font-size: 0.875rem;
    text-transform: uppercase;
    width: max-content;
    text-decoration: none;
}

.table-border-btn:hover {
    background-color: #8a704c;
    color: #fff;
}

.main-nav .dropdown button {
    display: flex;
    align-items: center;
    color: #8a704c;
    font-family: "Roboto", sans-serif !important;
    box-shadow: none;
}

.dropdown.user-dropdown:hover {
    text-decoration: underline;
}

.main-nav .dropdown.notification-dropdown button:hover,
.user-dropdown span.user-icon:hover {
    background: #8a704c;
    color: #fff;
}

.user-dropdown span.user-icon:hover img {
    background-color: transparent;
    border-color: #fff;
}

.btn-default-icon {
    background-color: transparent;
    font-weight: 400;
    border: 1px solid #dfe6ee;
    padding: 0.25rem 0.5rem;
    height: auto;
    line-height: 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
    color: #151c55;
    text-transform: capitalize;
    text-decoration: none;
}

.edit-hourly-rate-modal span {
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #151c55;
    display: inline-block;
}

.modal-sub-btn {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.edit-hourly-rate-modal .modal-body {
    padding: 15px 40px !important;
}

.jobtitle-text h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #8a704c;
    margin-bottom: 0;
}

.jobtitle-text {
    padding: 7px 0px 15px;
    border-bottom: 1px solid #d3cfcf;
    margin-bottom: 15px;
}

.edit-hourly-rate-modal label {
    font-size: 0.875rem;
}

.btn-default-icon:hover {
    background-color: #8a704c;
    color: #fff;
    border-color: #8a704c;
}

.dropdown.user-dropdown button#dropdownMenuButton2 {
    padding: 0px;
}

.main-nav .notification-dropdown .dropdown-menu.show::before {
    position: absolute;
    width: 0;
    content: "";
    height: 0;
    top: -10px;
    right: 47%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #dadada;
}

.dropdown-menu.show {
    box-shadow: 0px 2px 6px #b0bac5;
    border: none;
    padding: 11px 0px 11px 0px;
    transform: translate(-35%, 60px) !important;
}

.user-dropdown a.dropdown-item:hover {
    background-color: #f7f8fc;
    color: #8a704c;
    font-weight: 500;
}

.user-dropdown a.dropdown-item {
    padding: 0.5rem 1rem;
    font-weight: 500;
    color: #151c55;
    font-size: 0.875rem;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 500;
    background: transparent;
}

.notification-dropdown .dropdown-menu {
    text-align: center !important;
    font-family: "Roboto";
    font-size: 15px;
    color: #6c757d;
    font-weight: 600;
    top: 8px !important;
    width: max-content;
    padding: 9px 15px !important;
}

/* main nav end*/

nav.manage-nav {
    background-color: #f7f8fc;
    padding: 0.75rem 1rem;
}

nav.manage-nav ul {
    list-style: none;
    padding: 0px;
    display: flex;
    margin: 0px;
}

nav.manage-nav ul li .menu-item {
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 500;
    font-style: italic;
    color: #8091a5;
    text-decoration: none;
}

nav.manage-nav ul li .menu-item.active {
    color: #151c55;
}

a.menu-item.breadcrumb-item:before {
    content: "/";
    padding: 0px 6px;
    color: #6c757d;
}

/* nav tab css  */

.manage-forms {
    padding: 10px 0px 10px 17px;
    background-color: #f7f8fc;
}

.manage-forms .nurse {
    color: #8091a5;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    font-family: "Roboto";
}

.manage-forms .forms {
    color: #151c55;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    font-family: "Roboto";
    margin-left: 10px;
}

.form-heading {
    margin-top: 26px;
    padding-bottom: 22px;
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 0;
}

.nav-style {
    border: 1px solid #eee;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #151c55 !important;
    width: max-content;
    padding: 10px 20px !important;
    font-size: 15px;
    border-radius: 2px !important;
}

/* .btn-text{
    font-weight: 600;
    color: #6c757d !important;

} */

.nav-pills .nav-link {
    width: max-content;
    font-weight: 600;
    color: #6c757d;
    padding: 10px 12px !important;
    font-size: 15px;
}

.nav-pills .nav-link:hover {
    background-color: #151c55;
    color: white;
}

.form {
    padding: 10px;
    border-top: 2px solid #dee2e6;
    display: grid;
    place-content: center;
}

.form h3 {
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
}

.input-style {
    padding-bottom: 25px;
}

.personel-info-form {
    width: 45%;
    margin: auto;
    padding-bottom: 40px;
}

.personel-info-form h3 {
    text-align: center;
    font-weight: 700;
    font-size: 1.69rem;
    margin: 40px 0px;
}

.personel-info-form .input-style {
    display: flex;
    gap: 20px;
}

.personel-info-form .input-style label {
    width: 200px;
}

.input-style label {
    color: #313541;
    font-size: 1rem;
    text-transform: capitalize;
    display: block;
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Roboto";
}

.input-style input {
    width: 100%;
    padding: 0.375rem 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dfe6ee;
    border-radius: 0.25rem;
    outline: none;
    font-family: "Roboto";
}

.heading-2 {
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 25px;
    width: 100%;
    line-height: 36px;
    max-width: 600px;
    margin: auto;
    display: block;
}

.manage-container {
    padding: 24px 16px;
}

.manage button i,
.manage a i {
    margin-right: 8.4px;
}
.select-filter .form-select {
    height: 44px;
}
text p {
    color: #313541;
    font-size: 15px;
    padding-top: 15px;
    margin-bottom: 13px;
}

.Please {
    font-size: 15px;
    padding-top: 29px;
}

.inputedit {
    width: 100%;
    padding: 10px;
    margin-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px solid #ced4da;
    outline: none;
}

.date,
.date-time input {
    width: 100%;
    padding: 0.375rem 0.75rem !important;
    background-color: #f4f4f9 !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-radius: 0.25rem !important;
    outline: none !important;
}
.btn2 a {
    margin-bottom: 0px !important;
    height: 44px !important;
    padding: 10px !important;
}
.btn2 a i {
    margin: 0px;
}
div#filter-month input {
    margin: 0px !important;
    height: 44px;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
}
#filter-month {
    display: flex;
    align-items: center;
}
#input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ced4da !important;
    padding: 10px;
    outline: none;
    margin-top: 8px;
    margin: 0;
}

li.nav-item {
    margin: 0px;
}

button.sing-btn {
    color: #727272;
    font-size: 14px;
    background: transparent;
    border: none;
}

.clear-signature-btn {
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
}

.clear-signature-btn:hover {
    text-decoration: underline;
}

.CONTRACTOR {
    text-align: center;
    font-size: 22px;
    color: #313541;
    font-weight: 600;
    /* border-top: 2px solid #dee2e6;
        border-left: 2px solid #dee2e6;
        border-right: 2px solid #dee2e6; */
}

.set-img {
    height: 52px;
    width: 55px;
    margin-top: 10px;
    object-fit: contain;
}

.policy {
    color: #313541;
    padding-top: 14px;
    font-size: 16px;
}

.By-initialing {
    font-size: 18px;
    padding-top: 20px;
    color: #495057;
}

.Compliance {
    padding-top: 15px;
    margin-left: 45px;
    font-size: 1rem;
}

#text-input {
    border-bottom: 1px solid #ced4da;
    border-left: none;
    border-right: none;
    border-top: none;
}

.As-employed {
    font-size: 18px;
    padding-top: 20px;
    color: #495057;
    padding-bottom: 10px;
}

.manage-container li {
    color: #6c757d;
    font-size: 16px;
    line-height: 32px;
}

.Confidential {
    font-size: 16px;
}

.sig {
    width: 100%;
    padding-top: 25px;
}

.signature-label {
    font-size: 1rem;
    color: #151c55;
    font-style: italic;
}

.date-time label {
    font-size: 1rem;
    color: #151c55;
    font-style: italic;
    font-weight: 500;
    width: 24%;
}

#input-edit {
    width: 100%;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    padding: 5px;
    outline: none;
    margin-bottom: 12px;
    border-bottom: 1px solid #c9c9c9;
}

.printed-label {
    font-size: 1rem;
    color: #151c55;
    font-weight: 500;
    font-style: italic;
}

.date {
    width: 100%;
    padding: 0.375rem 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.main-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.main-box .img img {
    width: 160px;
    height: 160px;
    object-fit: contain;
}

.Direct {
    padding-top: 35px;
    font-size: 17px;
    color: #6c757d;
}

.Instructions {
    font-size: 19px;
    font-weight: 600;
    margin-top: 20px;
    position: relative;
    margin-bottom: 15px;
}

.Instructions::after {
    position: absolute;
    width: 89%;
    height: 2px;
    content: "";
    background-color: #000;
    top: 12px;
    left: 124px;
}

.radio-input {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 20px;
    padding-bottom: 20px;
}

.Bank {
    font-size: 15px;
    color: #495057;
    padding-top: 5px;
    padding-bottom: 5px;
}

#input {
    width: 100%;
}

.input {
    border: none;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    max-width: 681px;
    margin: 7px 0px;
}

.authorizes {
    margin-top: 20px;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 15px;
}

.Authorized {
    font-size: 16px;
    color: #151c55;
}

.Print {
    color: #151c55;
    font-weight: 600;
    font-size: 17px;
}

.style-input {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #495057;
}

.INDEPENDENT {
    text-align: center;
    font-size: 20px;
    padding-bottom: 45px;
    padding-top: 18px;
    font-weight: 600;
    color: #495057;
}

.Agreement {
    font-size: 15px;
    color: #49505b;
    list-style: 34px;
    padding-bottom: 7px;
}

.Whereas {
    color: #49505b;
    font-size: 17px;
    padding-top: 8px;
    padding-bottom: 0px;
}

.Therefore {
    color: #49505b;
    padding-top: 14px;
}

.WITNESS {
    text-align: center;
    font-size: 17px;
    padding-top: 0px;
    padding-bottom: 7px;
    font-weight: 600;
}

.undersigned {
    font-size: 15px;
    line-height: 26px;
    color: #49505b;
}

.CONTRACTOR {
    color: black !important;
    text-align: left !important;
    font-size: 20px;
    padding: 15px;
    margin: 0;
    border-bottom: 0px;
}

.img-box {
    border: 2px solid #dee2e6;
    padding: 30px;
    border-bottom: 0px;
}

.input-box {
    padding: 25px;
    border: 1.5px solid #dee2e6;
}

.input-box label {
    display: block;
}

.input-box input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #dee2e6;
    outline: none;
    padding: 5px;
}

.date-box {
    padding: 15px;
    border-top: none !important;
    border: 1px solid #dee2e6;
    display: flex;
    gap: 15px;
    align-items: center;
}

.date-box input {
    width: 100%;
    padding: 8px;
    border: 1px solid #dee2e6;
    background: #f4f4f9;
    border-radius: 4px;
}

.EXHIBIT {
    text-align: center;
    padding: 19px 0px 10px 0px;
    font-size: 17px;
    font-weight: 600;
}

.text-box {
    text-align: center;
    margin-top: 22px;
}

.Employment {
    font-size: 17px;
    line-height: 18px;
    font-weight: 600;
}

.OMB {
    line-height: 8px;
    padding-top: 5px;
    font-size: 15px;
}

.line-2 {
    border-bottom: 7px solid black;
    padding-bottom: 20px;
    position: relative;
}

.line-2::after {
    position: absolute;
    content: "";
    width: 100%;
    background-color: black;
    height: 2px;
    bottom: -15%;
}

.START {
    margin-top: 30px;
}

.Section {
    background-color: #c1c1c1;
    padding: 10px;
    margin: 0px;
}

.table-section table tbody td {
    border: 2px solid #dee2e6;
    padding: 10px 10px;
    font-size: 13px;
    width: 100%;
}

.style-input-19 {
    border: none;
    outline: none;
    border-bottom: 1px solid #b9b9b9;
}

.I-am {
    font-size: 17px;
}

.input-s {
    border: 1px solid #c0c0c0;
    padding: 13px 0px 13px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
}

#font-size {
    font-size: 14px;
    padding-left: 3px;
}

.Aliens {
    padding-top: 15px;
    font-size: 15px;
}

.number {
    margin: 0;
    padding: 14px 0px 10px 0px;
}

.add-border {
    border: 1px solid #d9d9d9;
    padding: 27px 27px 0px;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
}

.add-style {
    width: 100%;
    padding: 5px;
    border: 1px solid #6c757d;
}

.bg-color {
    background-color: #c1c1c1;
    margin: 0px;
    padding: 9px;
    margin-top: 21px;
}

.bg-color h4 {
    font-size: 16px;
}

.input-form {
    display: flex;
    align-items: center;
    gap: 55px;
    margin-top: 12px;
}

.Fields {
    margin: 0px;
    padding-top: 10px;
    font-size: 15px;
}

.i-attest {
    font-size: 17px;
    margin: 0;
    line-height: 22px;
}

.name {
    display: block;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

#input {
    border: none;
    width: 100%;
    border-bottom: 1px solid #49505b;
    padding: 4px;
}

.list {
    font-size: 17px;
    padding-top: 5px;
}

.style-box {
    border: 1px solid #d3d3d3;
    padding: 17px;
    height: 100%;
}

.style-box label {
    font-size: 14px;
    padding: 4px 0px 4px 0px;
}

.style-box input {
    border: none;
    padding: 3px;
    border-bottom: 1px solid #c5c5c5;
    width: 100%;
    background: transparent;
    outline: none;
}

button.date-icon {
    width: 40px;
}

textarea {
    width: 100%;
    outline: none;
    border: 1px solid #c5c5c5;
}

.Certification {
    padding-top: 25px;
    font-size: 17px;
    line-height: 26px;
}

.The {
    font-size: 17px;
    padding-top: 30px;
}

.date-one {
    width: 100%;
    padding: 5px;
    border: 1px solid #49505b;
    margin-top: 10px;
    background-color: #f4f4f9;
    max-width: 235px;
    border-radius: 3px;
}

.style-box.two {
    padding-top: 17px;
    padding-bottom: 6px;
}

.style-box.one {
    padding-top: 17px;
    padding-bottom: 33px;
}

.size {
    font-size: 17px;
}

.C-If {
    font-size: 14px;
    line-height: 22px;
}

.LISTS {
    text-align: center;
    padding-top: 40px;
    font-size: 19px;
    line-height: 23px;
}

.Employees {
    width: 100%;
    max-width: 545px;
    margin: auto;
    text-align: center;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 13px;
}

.LIST-A {
    font-size: 15px;
    padding-bottom: 10px;
    text-align: center;
    line-height: 20px;
}

.list-style li {
    padding: 0px;
    list-style: none;
}

.list-style ul {
    padding: 0px;
}

.style-box.add-padding {
    padding-bottom: 32px;
}

/* .add-height {
            height: calc(100% - 211px);
        }
         */

.padding-add {
    padding-bottom: 135px;
}

.Examples {
    font-size: 16px;
    padding-top: 26px;
    width: 100%;
    max-width: 719px;
    margin: auto;
    text-align: center;
    line-height: 42px;
}

.ANNUAL {
    text-align: center;
    font-size: 19px;
    font-weight: 700;
}

.set-input {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
    color: #495057;
}

.yes-no {
    display: flex;
    gap: 10px;
}

.Documents {
    font-size: 23px;
    padding-bottom: 20px;
}

.manage-container table {
    width: 100%;
    margin-top: 15px;
}

.manage-container table th {
    border-bottom: 1px solid #eee;
}

.Manage-Nurse-table .nurse-table tbody td.dtr-control {
    position: relative;
    padding-left: 30px !important;
    cursor: pointer;
    text-align: left;
}

td.dtr-control:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #31b131;
}

.fa-xmark {
    display: none !important;
}

/* Manage page css  */

.manage {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2px;
}

.manage h3 {
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 14px;
}

.manage-button,
.manage a {
    background-color: #8a704c;
    padding: 0.9rem 1rem;
    border: 2px solid #8a704c;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    line-height: 25px;
    height: 3.5rem;
    margin-bottom: 15px;
}

.manage button:hover,
.manage a:hover {
    background-color: transparent;
    color: #8a704c;
}

.entries {
    display: flex;
    align-items: center;
    gap: 3.5px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
}

.entries select {
    min-height: 2.75rem;
    border: 0.06rem solid #dfe6ee;
    border-radius: 0.5rem;
    color: #000;
    font-weight: 500;
    padding: 4px;
    width: 100%;
    max-width: 67px;
    padding-right: 13px;
}

.entries select:focus {
    box-shadow: 0 0 0 0.06rem #1a8dce;
    border-color: #1a8dce;
    outline: none;
}

#Search {
   
    background-color: white;
    padding: 0.25rem 0.25rem 0.3rem 1rem;
    width: 21rem;
    min-height: 2.75rem;
    border: 0.06rem solid #dfe6ee;
    border-radius: 0.5rem;
    color: #000;
    font-weight: 600;
    font-size: 1rem;
    display: inherit;
    -webkit-appearance: none;
    outline: none;
}

input#Search::placeholder {
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto";
    line-height: 24px;
    color: #6d6c6c;
}

.Jobs-table table {
    width: 100%;
}

.Jobs-table table thead th {
    text-align: left;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

.Jobs-table table thead th i.fa.fa-sort,
.fa-sort-down:before,
.fa-sort-desc {
    position: absolute;
    right: 0;
    color: #d1cfcf;
    top: 39%;
}

.padding-left {
    padding-left: 15px;
}

.Jobs-table table tbody td {
    border: none;
    padding: 1rem 0.85rem;
    border-bottom: 0.06rem solid #dfe6ee;
    font-size: 14px !important;
    padding: 1rem 0.85rem !important;
    vertical-align: middle !important;
    color: #313541 !important;
    font-weight: 600;
  /*   text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important; */
}

.Jobs-table table tbody .table-btn {
    font-weight: 700;
    padding: 0.4rem 1.5rem;
    height: auto;
    line-height: 1rem;
    border-radius: 2px;
    font-size: 0.875rem;
    border-radius: 25px;
    color: #000;
    color: #fff;
    text-transform: uppercase;
}

.Jobs-table table tbody .table-btn.inactive {
    background-color: #f5a021;
    font-weight: 700;
    border: 2px solid #f5a021;
}

.Jobs-table table tbody .table-btn.btn-danger {
    border-bottom: #e34c4c !important;
    border-right: #e34c4c !important;
}

.Jobs-table table tbody .table-btn.active {
    background-color: #56bd5b;
    border: 2px solid #56bd5b;
}

input[type="checkbox"].switch_1 {
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 52px;
    height: 31px;
    background: #e34c4c;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[type="checkbox"].switch_1:checked {
    background: #56bd5b;
}

input[type="checkbox"].switch_1:after {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    top: 4px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    box-shadow: 0px 2px 6px #b0bac5;
    border-radius: 50%;
}

input[type="checkbox"].switch_1:checked:after {
    left: calc(100% - 1.5em);
}

/* Switch 1 Specific Style End */

.icon-table i {
    color: #007bff;
    border: 1px solid #007bff;
    height: 43px;
    width: 42px;
    line-height: 40px;
    margin: 0px 2px;
    transition: 0.2s;
    font-size: 18px;
    text-align: center;
}

.icon-table i:hover {
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
}

.action-file i:hover {
    color: #fff !important;
    background: #6c757d;
}

.action-user-check i:hover {
    color: #fff !important;
    background: #ffc107;
}
.action-calendar i:hover {
    color: #fff !important;
    background: #8a704c;
}

.action-delete i:hover {
    color: #fff !important;
    background: #e34c4c;
}

.icon-table #trash-box {
    color: red !important;
    transition: 0.2s !important;
    border: 1px solid red !important;
}

.icon-table #trash-box:hover {
    background-color: red;
    color: #fff !important;
    cursor: pointer;
}

.pagination-set {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-set span {
    color: #000;
    padding-top: 0;
}

.main-pagination {
    margin-top: 35px;
}

.Previous {
    background: transparent !important;
    color: #151c55 !important;
    margin: 0 10px;
    border: 1px solid #151c55 !important;
    width: 107px;
    padding: 9px;
    padding-left: 18px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
}

.page-one {
    border-color: #151c55 !important;
    background: #151c55 !important;
    box-shadow: none;
    color: white !important;
    text-align: center;
    padding: 6px !important;
    width: 54px;
    border-radius: 5px !important;
    margin-left: 3px;
}

.main-pagination .two {
    background-color: transparent !important;
    color: black !important;
}

.page-item:not(:first-child) .page-link {
    margin-left: 2px !important;
}

.main-pagination .main-pagination {
    margin-left: 11px !important;
}

table.nurse-table {
    max-width: 1200px;
    margin: 15px auto 0px;
}

.Manage-Nurse-table .nurse-table {
    width: 100%;
    overflow-x: auto !important;
}

table.nurse-table thead th {
    font-size: 14px;
    color: #313541;
    text-transform: capitalize;
    font-weight: 500;
    border-bottom: none !important;
    border-top: none;
    padding: 12px;
    position: relative;
}

table.nurse-table thead th i,
.Jobs-table thead th i {
    color: #dcdcdc;
    position: absolute;
    right: 0px;
    top: 40%;
}

.Manage-Nurse-table .nurse-table tbody td {
    border: none;
    /* padding: 1rem 0.85rem; */
    padding: 15px 2px 10px 15px;
    border-top: 0.06rem solid #dfe6ee;
    font-size: 14px !important;
    /* padding: 1rem 0.8rem !important; */
    vertical-align: middle !important;
    color: #313541 !important;
    font-weight: 500;
    text-align: left;
    text-transform: capitalize;
}

.icon-table {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

#style-1 {
    border-color: #6c757d !important;
    color: #6c757d;
}

#style-2 {
    color: #ffc107;
    border-color: #ffc107;
}

#style-3 {
    border: 1px solid #e34c4c;
    color: #e34c4c;
}

#style-4 {
    color: #8a704c;
    border: 1px solid #8a704c;
}

.action-view i {
    color: #6c757d;
    border-color: #6c757d;
}

i.fa-solid.fa-plus {
    margin-right: 7px;
    background: green !important;
    border-radius: 50%;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 11px;
}

.action-view i:hover {
    color: #fff;
    background-color: #6c757d;
}

.nav-item-2 {
    color: white;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 17px 11px 17px 41px;
    margin-left: 13px;
    /* border-right: 6px solid; */
    display: block;
    font-weight: 500;
    text-decoration: none;
    font-size: 1rem;
    height: 60px;
    font-family: "Roboto", sans-serif;
    display: flex;
    align-items: center;
    gap: 17px;
}

.nav-item-2:hover {
    background-color: white;
    color: #8a704c;
    border-right: 6px solid;
    cursor: pointer;
}

.sidebar.sidebar-hidden .hide-text {
    display: none !important;
}

/* .sidebar.sidebar-hidden .hide-text */

/* login page */

.login-form .logo img {
    width: 27.7%;
}

.login-form .logo {
    text-align: center;
}

.login-form {
    background: #151c55;
    border: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.14);
    border-radius: 1rem;
    color: #fff;
    margin: 37px 0px;
    padding: 21px 57px 70px;
    max-width: 552px;
    margin-left: auto;
    margin-right: auto;
}

.login-form h5 {
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.25rem;
    margin-top: 12px;
    margin-bottom: 8px;
}

.login-form input {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #dfe6ee;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 11px;
    height: 3.5rem;
    outline: none;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 1rem;
}

.login-form input::placeholder {
    font-size: 1rem;
}

.login-form label {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 19px;
    color: #fff;
    text-align: left;
    display: block;
}

.submit-btn {
    color: white;
    background-color: #8a704c;
    font-weight: 700;
    border: 2px solid #8a704c;
    width: 100%;
    margin-top: 25px;
    padding: 12px;
    font-size: 17px;
    text-transform: uppercase;
}

.submit-btn:hover {
    color: white;
    background-color: transparent;
    font-weight: 700;
    border: 2px solid #fff;
    transition: 0.5s;
}

.forgot-password {
    color: #fff;
    font-size: 18px;
}

.password-input {
    position: relative;
}

.view-password {
    position: absolute;
    right: 10px;
    color: #000;
    top: 31%;
    font-size: 14px;
}

.form-outer {
    align-items: center;
    height: 100vh;
}

.login-form p {
    font-size: 14px;
    text-align: center;
}

.forgot-password:hover {
    color: #fff;
    text-decoration: none;
}

/* forgot password  */

.login-form.forgot-form .logo img {
    width: 38%;
}

.login-form.forgot-form h5 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 8px;
}

/* add Nurse */

.input-style select {
    width: 100%;
    padding: 0.375rem 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    outline: none;
    font-weight: 600;
}

.entries select {
    min-height: 2.75rem;
    border: 0.06rem solid #dfe6ee;
    border-radius: 0.5rem;
    color: #000;
    font-weight: 500;
    padding: 4px;
    max-width: 56px;
    font-family: "Roboto";
}

.border-btn {
    padding: 8px;
    color: #8a704c;
    font-weight: 700;
    text-transform: uppercase;
    background: transparent;
    width: 157px;
    text-align: center;
    border: 1px solid #8a704c;
    margin: 27px 0px 20px 0px;
    text-decoration: none;
    display: inline-block;
}

.form-btn {
    font-size: 14px;
    padding: 8px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background: #8a704c;
    width: 162px;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #8a704c;
    margin: 27px 0px 20px 0px;
    text-decoration: none;
}

.form-btn:disabled {
    opacity: 50%;
}

.form-btn:hover {
    background: transparent;
    color: #8a704c;
}

.border-btn:hover {
    background: #8a704c;
    color: #fff;
}

.form-btn-section {
    display: flex;
    gap: 20px;
}

.add-form input,
.add-form select {
    border-radius: 4px;
    font-weight: 500;
    color: #151c55;
}

.add-form input::placeholder {
    border-radius: 4px;
    font-weight: 400;
    color: #313541;
}

.manage-forms a {
    text-decoration: none;
    color: #8091a5;
}

.forms::before {
    content: "/";
    position: relative;
    left: -4px;
    color: #8091a5;
}

/* add Nurse  Client */

h5.add-client-heading {
    font-size: 22px;
    font-weight: 600;
    margin: 26px 0px;
}

.form-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

button.add-btn {
    background: transparent;
    width: 2rem;
    height: 2rem;
    border: 1px solid #56bd5b;
    background-color: transparent;
    color: #56bd5b;
}

.form-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

button.deleteBtn {
    width: 2rem;
    height: 2rem;
    border: 1px solid #e34c4c;
    background-color: transparent;
    color: #e34c4c;
}

/* profile page */

#add-bg {
    background-color: whitesmoke !important;
}

.custom-border {
    border-top: none;
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 20px;
}

.table-section table {
    overflow: auto;
    display: block;
}

.input-s input {
    border: none;
    border-bottom: 1px solid #dddddd;
}

#apply-padding {
    padding-right: 0;
    border-right: none;
}

#padding-apply {
    padding-left: 0px;
}

.text ul {
    list-style: decimal-leading-zero;
}

.text li {
    padding: 10px 0px 10px 0px;
    line-height: 23px;
    padding-left: 14px;
}

.signature-form .Upload,
#upload-btn {
    margin-bottom: 14px !important;
    font-size: 14px;
    color: #fff;
    border-radius: 0px !important;
    width: max-content;
    padding: 0 !important;
    text-transform: capitalize;
    margin-top: 11px;
    background: transparent !important;
    color: #7a7a7a !important;
    border: none !important;
}

.table-bordered.signature-form {
    border: 1px solid #dee2e6;
}

.text {
    padding: 2rem;
}

ul#pills-tab {
    border-bottom: 2px solid #dee2e6;
}

li.nav-item {
    margin: 0px 0px 0px 0px;
}

.add-margin-date {
    color: #313541;
    margin: 20px 0px;
    font-size: 15px;
}

.align-btn {
    margin-bottom: 15px !important;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background: #8a704c !important;
    border: 1px solid #8a704c !important;
    border-radius: 0px !important;
    width: max-content;
    padding: 9px 15px !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.align-btn:hover {
    background: transparent !important;
    color: #8a704c !important;
}

.align-img {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 200px;
}

#add-p-0 li {
    line-height: 27px;
    padding-left: 17px;
}

.add-style {
    margin-bottom: 14px !important;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    /* background: #8A704C !important; */
    border: 1px solid #8a704c !important;
    border-radius: 0px !important;
    width: max-content;
    padding: 9px 15px !important;
    font-weight: 600 !important;
    text-transform: capitalize;
    margin-top: 11px;
    width: 100%;
    background: #f4f4f9;
    border: none !important;
}

.Intuit {
    font-size: 32px;
}

.padding-btn {
    padding: 2rem 0px 0px 25px;
}

.profile-title {
    display: flex;
    justify-content: space-between;
}

.profile-title h2 {
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 0;
    color: #313541;
}

.icon-edit.btncircle {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    background-color: #002d7c !important;
    border-color: #002d7c !important;
    color: #fff;
}

.profile-title {
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
}

.profile-card {
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.14);
    border-radius: 15px;
    padding: 31px;
    margin-top: 24px;
}

.profile-form-btn {
    max-height: 40px;
    font-size: 0.875rem;
    color: white;
    background-color: #8a704c;
    font-weight: 700;
    border: 1px solid #8a704c;
    padding: 0.625rem 3.125rem;
    text-transform: uppercase;
    min-width: 12.5rem;
    margin-right: 18px;
}

.profile-card .input-style label {
    margin-bottom: 7px;
    font-size: 16.5px;
}

input:disabled {
    background: #f4f4f9 !important;
}

.profile-card .input-style input {
    border: 1px solid #dfe6ee !important;
    font-family: "Roboto";
    max-height: 40px;
    padding: 12px 1rem;
}

input::placeholder {
    font-size: 0.875rem;
    font-weight: 400;
    color: #8c9095;
}

.profile-card .view-password {
    position: absolute;
    right: 11px;
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
}

.profile-card.change-password-card {
    padding-top: 85px;
}

/* add post */

.add-post input {
    background-color: #ffffff;
    border: 1px solid #dfe6ee;
    box-sizing: border-box;
    border-radius: 5px;
    max-height: 40px;
    padding: 12px 1rem;
}

.add-post textarea {
    background-color: #ffffff;
    border: 1px solid #dfe6ee;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 150px;
    padding: 12px 1rem;
}

.file-input input {
    display: none;
}

label.file-input {
    border-radius: 4px;
    background-color: #151c55 !important;
    padding: 0.4rem 1.2rem;
    height: auto;
    border: 1px solid #151c55;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

/* manage post */

.manage-right {
    display: flex;
    align-items: baseline;
    gap: 30px;
}

.search-section span {
    color: #313541;
    font-family: "Roboto", sans-serif !important;
    font-size: 0.875rem;
    font-weight: 500;
    margin-right: 5px;
}

.search-section input {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    font-family: "Roboto";
    max-width: 180px;
}

.search-section input::placeholder {
    font-size: 17px;
}

.manage.manage-post h3 {
    margin-top: 12px;
    font-size: 26px;
}

.post-card {
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin-bottom: 1.875rem;
    width: 31.4%;
    padding: 1rem;
}

.post-img {
    padding: 4px;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
}

.post-img.blue {
    background-color: #54c1fb;
}

.post-img.purplle {
    background-color: #6d71f9;
}

.post-img.red {
    background-color: #ff505a;
}

.post-img.green {
    background-color: #11ce8c;
}

.post-img.orange {
    background-color: #ff8057;
}

.post-img img {
    width: 100%;
    padding: 6.2px;
}

.post-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.post-card-head .btn {
    background-color: transparent;
    font-weight: 400;
    border: 1px solid #dfe6ee;
    padding: 0.25rem 0.5rem;
    height: auto;
    line-height: 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
    color: #151c55;
    text-transform: capitalize;
}

.post-card .post-card-body h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #151c55;
}

.post-card .post-card-body {
    padding-top: 25px;
}

.post-card span.date-time {
    font-weight: 300;
    font-size: 12px;
    color: #151c55;
    font-style: italic;
    font-family: "Roboto";
}

.post-card .post-card-body p {
    font-size: 1rem;
    font-weight: 400;
    color: #151c55;
    margin-bottom: 6px;
}

.post-card .post-card-foot {
    display: flex;
    gap: 15px;
    margin-top: 7px;
}

button.form-btn-edit {
    height: auto;
    font-size: 0.875rem;
    color: white;
    background-color: #8a704c;
    font-weight: 700;
    border: 1px solid #8a704c;
    max-height: 27px;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 2px 9px;
    font-family: "Roboto";
}

button.form-btn-edit:hover {
    height: auto;
    color: #8a704c;
    background-color: transparent;
}

button.form-btn-edit i,
button.btn-outline-danger i {
    margin-right: 8px;
}

button.btn-outline-danger {
    height: auto;
    font-size: 0.875rem;
    color: #e34c4c;
    background: transparent;
    font-weight: 600;
    border: 1px solid #e34c4c;
    max-height: 27px;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 2px 9px;
    font-family: "Roboto";
}

.manage.manage-post {
    padding-bottom: 8px;
}

.post-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2.9%;
}

.post-card .ng-star-inserted i {
    font-size: 17px;
    margin-right: 7px;
}

.post-card-head .btn:hover {
    background-color: #8a704c;
    color: #fff;
    border-color: #8a704c;
}

/***** job-details *****/
.invoice-box {
    border-left: 1px solid #dee2e6;
    padding: 0px 15px;
}

.Hospice {
    color: #8a704c;
    padding: 27px 0px 10px 0px;
}

.Hospice-Field .h-field-box p {
    font-weight: 400;
    color: #151c55;
    text-transform: capitalize;
    font-size: 15px;
    color: #151c55;
    margin: 3px;
}

.Hospice-Field .h-field-box i {
    color: #8a704c;
}

.Hospice-Field .h-field-box li {
    list-style: none;
    display: flex;
    align-items: start;
    gap: 11px;
    margin-top: 8px;
}

.Hospice-Field .h-field-box li span {
    font-weight: 500;
    color: #151c55;
    text-transform: capitalize;
    font-size: 1rem;
}

.Hospice-Field {
    display: flex;
    justify-content: space-between;
}

.Hospice-Field .Invoice {
    color: #151c55 !important;
    font-weight: 700 !important;
    font-size: 21px !important;
    line-height: 24px;
}

.Hospice-Field .Edit {
    background-color: transparent;
    color: #8a704c;
    font-weight: 700;
    border: 2px solid #8a704c;
    padding: 0.35rem 1.5rem;
    height: auto;
    line-height: 1rem;
    border-radius: 2px;
    font-size: 0.875rem;
    margin-top: 6px;
    transition: 0.2s;
    text-transform: uppercase;
}

.Hospice-Field .Edit:hover {
    color: white;
    background-color: #8a704c;
}

.Assigned {
    font-size: 1.375rem;
    font-weight: 700;
    color: #151c55;
    margin-top: 25px;
}

.job-details-table {
    width: 100%;
    margin-top: 24px;
}

.job-details-table thead th {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #b6b6b6;
    padding-bottom: 17px;
}

.job-details-table tbody td {
    border: none !important;
    padding: 0px !important;
    font-size: 14px !important;
    color: #313541 !important;
    font-weight: 500;
    padding: 10px 0px 10px 0px !important;
}

.set-icon button {
    background-color: transparent;
    font-weight: 400;
    border: 1px solid #dfe6ee;
    padding: 0.25rem 0.5rem;
    height: auto;
    line-height: 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
    color: #151c55;
    text-transform: capitalize;
}

/***** End job-details *****/

.W-9 {
    font-size: 14px;
    text-align: center;
    line-height: 4px;
}

.October {
    font-size: 13px;
    text-align: center;
    width: 152px;
    margin: auto;
    padding-top: 4px;
    line-height: 18px;
    font-weight: 500;
}

.font-size {
    font-size: 32px;
    font-weight: 600;
}

.add-right-border {
    border-right: 1px solid #eee;
}

.Request {
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}

.Give {
    font-size: 19px;
    text-align: center;
    width: 100%;
    max-width: 143px;
    margin: auto;
}

.style-border {
    border: 1px solid #eee;
    display: flex;
    align-items: center;
}

.Print-Or {
    transform: rotate(-90deg);
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.Go-to {
    text-align: center;
    font-size: 14px;
}

.your-income {
    border: 1px solid #e9e9e9;
    padding: 11px;
}

#name-label {
    font-size: 16px;
    padding-bottom: 16px;
}

.i-nput {
    width: 100%;
    border: none;
    border-bottom: 1px solid #bbbbbb;
}

.Description-text {
    border: 1px solid #ebebeb;
    padding: 10px;
}

p.Check-3 {
    font-size: 14px;
}

.label {
    display: inline-block;
    font-size: 14px;
}

.Note {
    font-size: 14px;
    margin-top: 6px;
}

#i-nput-1 {
    width: 100%;
    border: NONE;
    border-bottom: 1px SOLID #d4d4d4;
    margin-bottom: 6px;
}

.end-input {
    padding: 10px;
}

.Exemptions {
    font-size: 14px;
    margin-top: 9px;
}

.heading-box {
    margin-top: 15px;
    border: 1px solid black;
    border-right: navajowhite;
}

.heading-box button {
    padding: 4px 10px;
    color: #fff;
    background-color: #000;
    border: none;
    margin-right: 17px;
}

.security button {
    border: 1px solid #000;
    padding: 3px 18px;
    background: transparent;
    text-transform: capitalize;
    font-weight: 600;
    /* width: 100%; */
    margin-top: 15px;
    margin-bottom: 10px;
}

.border-bottom-2 {
    font-size: 15px;
}

.style-btn {
    background-color: transparent !important;
    padding: 10px 20px !important;
    border: none !important;
    margin: 15px 0px 15px 0px;
    color: #727272 !important;
}

.left-side-date p {
    padding-top: 10px;
}

.border-add {
    border-bottom: 1px solid #adadad !important;
    padding: 17px 0px 0px 0px;
    margin-bottom: 17px;
}

.add-full-border {
    border: 1px solid #dee2e6;
    padding: 13px;
    margin-top: 25px;
}

.border-right {
    border-right: 1px solid #dfdfdf !important;
    padding-left: 1px;
    padding-right: 0px;
}

.style-add {
    padding: 10px 20px !important;
    width: max-content !important;
    margin: 14px 0px 0px 0px !important;
    background: transparent !important;
    border: none !important;
    color: #a1a1a1 !important;
}

.label-2 {
    margin-bottom: 10px;
}

.width-set {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-top: 10px;
}

.width-set th {
    padding-bottom: 15px;
}

#set-file {
    margin-top: 10px;
}

.align-btn {
    background: transparent !important;
    color: #a5a5a5 !important;
    border: none !important;
    font-weight: 500 !important;
}

.add-style-1 {
    background: transparent;
    border: navajowhite;
    margin: 10px 0px 10px 0px;
    color: #878787;
    font-weight: 500;
}

.download,
.delete {
    background-color: transparent;
    border: none;
    padding: 6px 10px 6px 10px;
    border-radius: 4px;
    border: 1px solid #eee;
    transition: 0.2s;
}

.download:hover {
    background: #8a704c;
    color: white !important;
}

.delete:hover {
    background: #8a704c;
    color: white !important;
}

#swal2-title {
    font-size: 15px;
    font-size: 15px;
    line-height: 1.375rem !important;
    font-weight: 400;
}

.swal2-cancel,
.swal2-deny {
    background-color: transparent !important;
    width: 7.625rem;
    padding: 5px 0.57rem !important;
    border: 1px solid #8a704c !important;
    color: #8a704c !important;
    padding: 10px 10px !important;
    background-color: red;
}

div:where(.swal2-container).swal2-center > .swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    padding: 20px 0px 35px 0px !important;
}

/* #swal2-title {
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    color: #151C55 !important;
    border-bottom: 1px solid #DFE6EE;
    width: 90%;
    margin: 0 auto !important;
    text-align: center !important;
    display: block !important;
    padding: 30px 0px 10px!important;
    margin-bottom: 13px;
} */

button.swal2-confirm.swal2-styled {
    width: 7.625rem;
    padding: 5px 0.57rem !important;
    background-color: #8a704c !important;
}

.swal2-cancel,
.swal2-deny {
    background-color: transparent !important;
    width: 7.625rem;
    padding: 5px 0.57rem !important;
    border: 1px solid #8a704c !important;
    color: #8a704c !important;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0;
    flex-direction: row-reverse;
    margin-top: 20px;
}

.add-form input {
    max-height: 40px;
    padding: 12px .9rem;
    border-radius: 4px;
    font-weight: 500;
    color: #151c55;
}

.btn.btn-cancel.form-btn[_ngcontent-rnh-c161] {
    height: auto;
    max-height: 40px;
    font-size: 0.875rem;
    border: 1px solid #8a704c;
}

.modal-content {
    min-width: 565px !important;
}

.modal-title {
    font-size: 1.25rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    border-radius: 2px;
    color: #fff;
    color: #151c55;
}

.modal-header {
    display: table !important;
    padding: 18px !important;
}

.modal-body {
    padding: 1rem 2.5rem !important;
}

.client-name .Client {
    color: #151c55;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: capitalize;
    color: #313541;
    display: inline-block;
}

.client-name .test {
    color: #151c55;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #151c55;
    display: inline-block;
}

.client-name {
    display: flex;
    align-items: center;
    gap: 42px;
    padding: 12px 0px 4px 0px;
}

#Email {
    display: flex;
    align-items: center;
    gap: 66px;
    padding: 12px 0px 4px 0px;
}

#Email .Email-id {
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: capitalize;
    color: #313541;
    display: inline-block;
}

#Email .email-text {
    color: #151c55;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #151c55;
    display: inline-block;
}

#Service {
    display: flex;
    align-items: center;
    gap: 41px;
    padding: 12px 0px 4px 0px;
}

#Service .Service {
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: capitalize;
    color: #313541;
    display: inline-block;
}

#Service .Service-text {
    color: #151c55;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #151c55;
    display: inline-block;
}

#location {
    display: flex;
    align-items: center;
    gap: 65px;
}

#location .location {
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: capitalize;
    color: #313541;
    display: inline-block;
}

#location .location-text {
    color: #151c55;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #151c55;
    display: inline-block;
}

.contact-text {
    color: #151c55;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: capitalize;
    color: #313541;
    display: inline-block;
    border-top: 1px solid #dfe6ee;
    width: 100%;
    margin-top: 18px;
    padding-top: 4px;
}

.contact-text p {
    color: #313541 !important;
    line-height: 16px;
}

#Contact {
    font-size: 1rem;
    font-weight: 700;
    padding: 13px 0px 13px 0px;
}

.save-btn.btn-outline-dark {
    padding: 16px;
    border-radius: 0px;
}

/* .modal-footer button {
                width: max-content;
                padding: 8px 58px;
                background-color: #8A704C;
                text-transform: capitalize;
                font-weight: 500;
                border: none;
                COLOR: WHITE;
                BORDER-RADIUS: 0;
                MARGIN-TOP: 11PX;
            } */

.Active {
    background-color: #56bd5b;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    width: max-content;
    padding: 2px 14px;
    border-radius: 2px;
}

.Active:hover {
    text-decoration: underline;
}

button.btn.btn-default.me-1 {
    margin-left: auto;
}

.edit {
    padding: 1px 9px;
    background: gray;
    display: flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    border-radius: 4px;
    background-color: #8a704c;
    color: #fff;
    font-weight: 500;
}

.edit:hover {
    color: white;
}

.file-1 {
    justify-content: space-between;
    background: #f7f8fc;
    border: 1px solid #dfe6ee;
    box-sizing: border-box;
    border-radius: 2px;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 186px;
    padding: 12px 11px;
    margin-top: 0px !important;
    gap: 10px;
}

.file-1 p {
    margin: 0px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 120px;
    display: inline-block !important;
    overflow: hidden;
    /* background: red; */
}

.file-1 .delete-1 {
    width: 2rem;
    height: 2rem;
    border: 1px solid #e34c4c;
    background-color: transparent;
    color: #e34c4c;
}

.donload-btn {
    display: flex;
    align-items: center;
    max-width: 150px;
    background: #f7f8fc;
    width: 100%;
    border: 1px solid #dfe6ee;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 9px 7px;
    /* justify-content: space-around; */
    gap: 9px;
    margin: 2px 0px !important;
    margin-left: 7px !important;
}

.donload-btn button {
    background-color: #fff;
    color: #8a704c;
    text-decoration: none;
    border: 1px solid #dfe6ee !important;
    background-color: #fff !important;
    border-radius: 5px;
    transition: 0.2s !important;
    padding: 1px 5px;
}

.donload-btn button:hover {
    background-color: #8a704c !important;
    color: #fff !important;
    border: 1px solid #8a704c !important;
    text-decoration: none !important;
}

.donload-btn p {
    margin: 0px;
    overflow: hidden;
    width: 114px;
    margin-left: 7px;
    height: 25px;
}

.old-set {
    display: block !important;
}

#close-btn {
    height: auto;
    max-height: 40px;
    font-size: 0.875rem;
    color: white;
    background-color: #8a704c !important;
    font-weight: 700;
    border: 1px solid #8a704c;
    padding: 0.625rem 3.125rem;
    min-width: 10.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 44px;
    margin-bottom: 15px;
}

#align {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    flex-wrap: wrap;
}

#imageGallery {
    display: flex;
    gap: 18px;
    margin-bottom: 15px;
}

.main-box1 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#close-button,
.close-button {
    height: auto;
    max-height: 40px;
    color: white;
    background-color: #8a704c;
    font-weight: 700;
    border: 1px solid #8a704c;
    padding: 0.625rem 3.125rem;
    min-width: 10.5rem;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
}

#close-button:hover,
.close-button:hover {
    color: #8a704c;
    background-color: transparent;
    border: 1px solid #8a704c;

    text-transform: capitalize;
}

.Active-span {
    width: 5rem;
    height: 1.5rem;
    background-color: #56bd5b;
    color: #fff;
    font-size: 0.675rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.input-w-0 {
    width: max-content;
}

button#dropdownMenuButton2:hover {
    text-decoration: underline;
    text-decoration-color: black;
}

button#dropdownMenuButton2:focus {
    text-decoration-color: #fff;
}

.nav-style {
    position: relative;
}

.approve-btn {
    position: absolute;
    right: 0;
    top: -85px;
}

option {
    font-weight: 700 !important;
}

button.btn.ACTIVE {
    width: 5rem;
    height: 1.5rem;
    background-color: #56bd5b;
    color: #fff;
    font-size: 0.675rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.7rem;
}

.spna-1 {
    color: #151c55;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: capitalize;
    color: #151c55;
    display: inline-block;
}

.modal-body {
    padding: 10px 10px 0px 19px !important;
}

.modal-title-1 {
    font-size: 1.25rem;
    font-weight: 500;
    width: 100%;
    text-transform: capitalize;
    border-radius: 2px;
    color: #fff;
    color: #151c55;
}

.time {
    font-weight: 300;
    font-size: 12px;
    color: #151c55;
}

.file-name {
    font-weight: 700 !important;
    font-size: 0.875rem;
}

.Attachments {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 10px;
}

.page-item.active .page-link {
    /* height: 38px; */
    display: flex;
    align-items: center;
    background: #e3f2fd !important;
    border-color: #e3f2fd !important;
    color: #495057 !important;
    min-width: 2.357rem !important;
    height: 2.357rem !important;
    margin: 0.143rem !important;
    transition: box-shadow 0.2s;
    border-radius: 3px !important;
    padding-bottom: 0px;
}

.page-item.disabled .page-link {
    height: 38px;
    display: flex;
    align-items: center;
}

.page-item:first-child .page-link {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
}

.page-item.disabled .page-link {
    color: #6c757d !important;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
    font-size: 25px;
}

.page-item:not(:first-child) .page-link {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    margin: 0px 22px;
    gap: 0px;
}

.pagination .page-item.active .page-link {
    background: #151c55 !important;
    color: #fff !important;
}

.pagination-set {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: right;
    margin-top: 30px;
}

.pagination .page-item .page-link {
    width: 56px;
    margin-left: 0 !important;
    height: 56px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3125rem;
    border-color: #151c55 !important;
    line-height: 22px;
    color: #151c55 !important;
    border: 1.5px solid !important;
    border-radius: 8px !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    padding-top: 24px;
    font-size: 13px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    padding: 9px;
}

.delete-1:hover {
    color: white;
    background: #e34c4c;
}

.swal2-popup.swal2-toast.swal2-icon-success.swal2-show {
    background: #51a351;
    color: #fff !important;
    padding: 8px;
    align-items: center;
    display: flex !important;
}

.swal2-success-circular-line-right,
.swal2-success-circular-line-left,
.swal2-success-fix,
.swal2-success .swal2-success-ring {
    display: none !important;
}

span.swal2-success-line-tip,
span.swal2-success-line-long {
    background-color: #fff !important;
}

.swal2-icon.swal2-success.swal2-icon-show {
    border-color: transparent !important;
    margin-right: 0px !important;
}

.signature-form input[type="text"] {
    border: none;
    border-bottom: 1px solid #ced4da;
    width: 100%;
    height: 40px;
}

.date-time {
    display: flex;
}

.signature-form .date-time input {
    color: #495057;
    background-color: #f4f4f9;
    border: 1px solid #ced4da;
    border-radius: 5px 0px 0px 5px;
    padding: 5px 17px;
    font-family: "Roboto";
}

.signature-form .date-time input {
    color: #495057;
    background-color: #f4f4f9;
    border: 1px solid #ced4da;
    border-radius: 5px 0px 0px 5px;
    padding: 5px 17px;
    font-family: "Roboto";
}

/* daily attendance */

#Nurse-Name {
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px 15px 30px 15px;
    border: 1px solid #dbdbdb;
}

#Nurse-Name .add-flex .form-select {
    width: 60%;
}

#Nurse-Name #date-input {
    border-radius: 4px;
    border: 1px solid #ced4da;
    width: 60%;
    padding: 7px;
}

#Nurse-Name .add-flex label {
    display: inline-block;
    font-size: 15px;
    padding-right: 6px;
}

#Nurse-Name .Activity .br {
    display: flex;
    flex-direction: column;
}

#Nurse-Name .Activity .button {
    background-color: #00b8d9;
    border-radius: 4px;
    padding: 10px 20px;
    width: max-content;
    border: navajowhite;
    color: white;
    font-weight: 600;
}

#Nurse-Name .Activity .br .InActive {
    width: 100px;
    height: 1.5rem;
    background-color: #f5a021;
    color: #fff;
    font-size: 0.675rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.7rem;
    border: navajowhite;
    border-radius: 3px;
}

.active-btn {
    background: #56bd5b;
    border: none;
    padding: 3px 20px;
    font-size: 12px;
    border-radius: 2px;
    color: #fff;
}

.manage-clients-modal h4 {
    font-size: 18px;
}

.manage-clients-modal p {
    color: #313541;
    font-size: 15px;
}

.select-range label {
    color: #8091a5;
    font-size: 15px;
    font-weight: 500;
}

.select-range {
    width: 250px;
}

.edit-invoice .cancel {
    background: transparent;
    width: 41%;
    border: 2px solid #e34c4c;
    color: #e34c4c;
    padding: 2px 0px;
}

#Nurse-Name .Activity {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e9e9e9;
    padding-top: 24px;
    margin-top: 30px;
    padding-left: 17px;
    padding-right: 17px;
    /* align-items: center; */
}

#Nurse-Name .align-flex {
    display: flex;
    justify-content: end;
    gap: 10px !important;
}

#Nurse-Name .add-flex {
    display: flex;
    align-items: center;
    gap: 5px;
}

#Nurse-Name .Activity .br i {
    color: #8a704c;
}

.daterangepicker .drp-calendar {
    max-width: 100% !important;
}

.bell-count-btn {
    position: relative;
}

.number-count {
    position: absolute;
    top: -12px;
    right: -18px;
    background-color: #000;
    border-radius: 50%;
    font-size: 13px;
    padding: 3px 8px;
    color: #fff !important;
    opacity: 1;
}

/* vist detail page css added below .........................................................*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

.add-container {
    padding: 10px 50px 0px 50px;
}

.visit-details {
    background-color: #f7f8fc;
    font-style: italic;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    margin-bottom: 35px;
}

.visit-details a {
    text-decoration: none;
    color: #8091a5;
    font-size: 13px;
    font-weight: bold;
}

.visit {
    color: black !important;
}

.pdf {
    background-color: transparent;
    color: #8a704c;
    font-weight: 700;
    border: 2px solid #8a704c;
    padding: 0.35rem 1.5rem;
    height: auto;
    line-height: 1rem;
    border-radius: 2px;
    font-size: 0.875rem;
    margin-left: auto;
    display: block;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.pdf:hover {
    background-color: #8a704c;
    color: #fff;
}

.record-service {
    padding: 20px 0px 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.record-service .center-box-logo img {
    width: 641px;
}

.record-service .center-box-logo .logo-text {
    text-align: center;
    padding-top: 16px;
}

.record-service .center-box-logo .logo-text h4 {
    font-size: 24px;
    font-weight: 700;
}

.record-service .center-box-logo .logo-text p {
    font-size: 16px;
    color: #313541;
    padding-top: 6px;
    font-weight: 600;
}

.INFORMATION {
    padding: 10px 0px 20px 0px;
}

.INFORMATION h4 {
    font-size: 22px;
    font-weight: 500;
    padding: 0.87rem 0;
    width: 100%;
    text-align: center;
    background-color: #151c55;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
}

.INFORMATION table {
    width: 100%;
    margin-top: 25px;
    border-collapse: collapse;
    border: 1px solid #dee2e6;
    margin-bottom: 30px;
}

.INFORMATION table thead th {
    padding: 1rem 0.85rem;
    -moz-text-align-last: left;
    text-align-last: left;
}

.INFORMATION table h3 {
    font-size: 20px;
    padding: 6px 0px 6px 0px;
    color: #313541;
    font-weight: 700;
}

.INFORMATION table p {
    font-size: 16px;
    color: #313541;
    font-weight: 600;
    padding: 7px 0px 7px 0px;
}

.INFORMATION table tbody td {
    padding: 1rem 0.85rem;
    border: 1px solid #dee2e6;
    text-align: center;
}

.INFORMATION table tbody td h5 {
    font-size: 20px;
    padding: 6px 0px 9px 0px;
    color: #313541;
    font-weight: 700;
}

.INFORMATION table tbody td span {
    font-size: 15px;
    font-weight: 600;
    color: #313541;
}

.Patient-section {
    padding: 10px 0px 20px 0px;
}

.Patient-section table {
    width: 100%;
    border-collapse: collapse;
}

.Patient-section table th {
    background-color: #151c55 !important;
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
    border-right: 0.1px solid #eee;
    height: 50px;
}

.Patient-section iframe {
    margin: auto;
    display: block;
}

.Patient-section table td {
    padding: 0.87rem;
    border: 1px solid #dee2e6;
    vertical-align: top;
    font-size: 14px;
    color: #313541;
    font-weight: 600;
    text-align: center;
}

.add-map {
    width: 100px;
}

.icon-table i.fa.fa-user {
    color: #6c757d;
    border-color: #6c757d;
}

.icon-table i.fa.fa-user:hover {
    color: #fff;
    background-color: #6c757d;
}

.approve-btn button {
    height: auto;
    max-height: 40px;
    font-size: 0.875rem;
    color: white;
    background-color: #8a704c;
    font-weight: 700;
    border: 1px solid #8a704c;
    padding: 0.625rem 3.125rem;
    min-width: 10.5rem;
    margin-top: 25px;
}

.approve-btn button:hover {
    color: #8a704c;
    background-color: transparent;
}

/* close all css  */
/* signature modal  css*/
.signature-modal h5 {
    font-size: 24px;
}

button.btn-close {
    display: block !important;
    position: absolute;
    right: 18px;
    top: 24px;
    font-size: 13px;
}

.modal-footer {
    padding: 42px 0px 10px 0px;
}

.sig-inner {
    display: flex;
    align-items: start;
}

.reset-btn {
    font-size: 1.125rem !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}

/* signature modal  css end*/

/* tooltip css*/
.assigned-nurse-table .set-icon {
    display: flex;
    justify-content: space-between;
}

.tooltip {
    position: static !important;
    display: inline-block;
    display: block !important;
    opacity: 1 !important;
    z-index: auto !important;
}

.tooltip i {
    color: #151c55;
}

.assigned-nurse-table .tooltip .tooltip-text {
    transform: translate(-68%, 4%);
}

.tooltip .tooltip-text {
    position: absolute !important;
    background-color: #f8f5f4;
    color: #000;
    border-radius: 8px;
    padding: 8px;
    transform: translate(-50%, 4%);
    z-index: 29;
    font-size: 14px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    display: none !important;
    z-index: 20 !important;
}

.tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 10%;
    border-width: 8.66px;
    border-style: solid;
    border-color: transparent transparent #f8f5f4;
}

.tooltip:hover .tooltip-text,
.tooltip:focus .tooltip-text {
    visibility: visible;
    display: block !important;
}

.nurse-name i {
    color: #8a704c;
}

.daily-attendance {
    color: #151c55;
}

.daily-attendance b {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}

#Nurse-Name select.form-select {
    text-transform: capitalize;
    font-weight: 600;
}

/* tooltip css end */
.amity-calendar {
    width: 800px;
    margin: 50px auto;
}

.amity-calendar .fc-col-header-cell .fc-scrollgrid-sync-inner a {
    background: #151c55;
    text-decoration: none;
    color: #fff;
    width: 100%;
    padding: 10px;
}

.amity-calendar .fc-scrollgrid-sync-inner a {
    color: #151c55;
    text-decoration: none;
}

.fixed-checkbox input {
    height: 25px;
    width: 25px;
}

.weekdays label {
    border: 1px solid #ced4da !important;
    border-radius: 30px !important;
    height: 3.125rem;
    width: 3.125rem;
    margin-right: 0.313rem;
    margin-bottom: 0.625rem;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f3f3;
}

.weekdays {
    position: relative;
}

.weekdays-wrapper {
    display: flex;
    gap: 11px;
    margin-top: 20px;
}

.weekdays input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
}

.weekdays input:checked + label {
    background: #21a9e1 !important;
}

.view-all-btn {
    font-size: 12px;
    padding: 5px 7px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background: #8a704c;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #8a704c;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.view-all-btn:hover {
    background-color: transparent;
    color: #8a704c;
    border: 1px solid #8a704c;
}

/***** breakpoints *****/
/* notification css */
.notifications-page {
    width: 80%;
    margin: auto;
}

/* .notification-wrapper {
    display: flex;
    gap: 10px;
    background: #151c551a;
    padding: 14px 25px;
    border-radius: 8px;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
} */
.notification-wrapper {
    display: flex;
    gap: 10px;
    padding: 15px 12px;
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
}

.notification-wrapper .menu-icon-box {
    background: #ffffff;
    border: 1px solid #dfe6ee;
    text-align: center;
    border-radius: 4px;
    padding: 7px 8px;
    height: 37px;
    display: flex;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
}

.notification-wrapper .menu-icon-box i {
    font-size: 26px;
    color: #151c55;
    margin-right: 0;
}

.notification-wrapper a {
    color: #151c55 !important;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.nurse-job-info {
    width: 90%;
    margin: auto;
    margin-top: 45px;
    box-shadow: 1px -1px 10px #b3b3b3;
    padding: 25px;
    border-radius: 10px;
}

.blue-btn {
    border-radius: 4px;
    background-color: #151c55 !important;
    padding: 0.4rem 1.2rem;
    height: auto;
    border: 1px solid #151c55;
    color: #fff;
}

.modal-lg {
    max-width: 1280px !important;
}

h4.modal-title.text-center {
    font-size: 24px;
}

.blue-btn {
    border-radius: 4px;
    background-color: #151c55 !important;
    padding: 0.4rem 1.2rem;
    height: auto;
    border: 1px solid #151c55;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.nurse-info p {
    font-weight: 400;
    color: #151c55;
    text-transform: capitalize;
    font-size: 15px;
    margin-bottom: 5px;
}

.txt-success {
    color: #56bd5b;
}

.txt-danger {
    color: #e34c4c;
}

.btn-theme-primary {
    background-color: #8a704c !important;
    color: white !important;
}

.Jobs-table .support-tabel tbody td {
    text-align: left !important;
    padding: 1rem 0.85rem !important;
}

/* new s css start here  */
td.table-uppar {
    text-align: left !important;
}

.payroll-date-section input {
    width: 38%;
}

.payroll-date-section {
    text-align: right;
    margin-bottom: 30px;
}

/*new header css start here */

p.del-messiage {
    border: 2px solid;
    padding: 7px 10px;
    color: red;
    margin-top: 21px;
}

.left-logo {
    width: 16%;
}

/* .left-logo img {
    width: 88%;
} */

.left-logo img {
    width: 128px;
}

.inner-policy-main.for-other {
    height: 100vh;
}

.blue-main {
    background-color: #151c55;
    padding: 10px 0px;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent !important;
}

.list-style ul {
    display: flex;
    justify-content: end;
}

.header-main {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

/*footer css start here */
.footer-main {
    background-color: #151c55;
    padding: 14px;
}

ul.footer-list {
    margin: 10px 0px;
}

ul.footer-list li {
    list-style: none;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

/*footer css end here */

.heading-main {
    text-align: center;
    padding: 13px 0px;
}

.inner-policy-main {
    padding: 20px 50px;
    box-shadow: 0px 2px 18px 0px rgba(9, 162, 214, 0.14);
    margin: 50px 0px;
    border-radius: 10px;
}

p.right-text {
    text-align: right;
}

/*new header css end here */

.nurse-wrape {
    display: flex;
}

.nurse-wrape .row {
    gap: 21px;
}

.select-section {
    justify-content: end;
}

.manage-form-date {
    display: flex !important;
    flex-direction: column !important;
    justify-content: start !important;
    align-items: start !important;
    text-transform: capitalize !important;
}
.manage-form-date input {
    width: 57%;
    padding: 4px;
}
.pdf {
    position: absolute;
    top: 0px;
    right: 28px;
}
#pills-tabContent,
#pills-contact,
#pills-four,
.tab-pane,
#pills-six {
    position: relative;
}
.update-clockout-model input[type="time"] {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    border: 1px solid #a5a5a5;
    padding: 8px 15px;
}
.update-clockout-model input {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    border: 1px solid #a5a5a5;
    padding: 8px 15px;
    margin-bottom: 14px;
}
.update-clockout-model label {
    margin-bottom: 10px;
}
.update-clockout-model h5 {
    font-size: 27px;
    font-weight: 700;
}
.btn-paid {
    background: #8a704cc7 !important;
    color: #fff !important;
}

.signature-image-td img {
    width: 190px;
}
.nurse-dispute-sec {
    justify-content: space-between;
    align-items: center;
}
.nurse-dispute-sec input {
    width: 100%;
}

/* new s css start here  */

.editable-table-main {
    max-width: 90% !important;
    margin: auto;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    padding: 30px 30px 80px 30px !important;
}
.start-end-time {
    max-width: 49%;
}

.f-name-main {
    display: flex;
    gap: 20px;
    margin-bottom: 14px;
}
.inner-form-heading {
    margin: 20px 0px;
}
.f-name {
    width: 50%;
}
.new-mesg-box {
    margin-bottom: 32px;
}
.for-b-shadow {
    padding: 20px 30px 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: 30px 0px;
    border-radius: 10px;
}

/* new s css end here */

@media only screen and (max-width: 600px) {
    .f-name-main {
        flex-direction: column;
        gap: 20px;
    }

    .f-name {
        width: 100%;
    }
    .start-end-time {
        max-width: 100%;
    }
}

.edit-timesheet-btn {
    background-color: #8a704c;
    padding: 0.8rem 1rem;
    border: 2px solid #8a704c;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 11px;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
}

.edit-timesheet-btn:hover {
    background: transparent;
    color: #8a704c;
    border-color: #8a704c;
}

.invoice-actions i {
    font-size: 150%;
    color: #8a704c;
    cursor: pointer;
}


.site-brown-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--site-brown-color);
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, 0.15s ease-in-out;I
}

.site-brown-btn:hover {
    background-color: white;
    color: var(--site-brown-color);
    border-color: var(--site-brown-color);
}


.site-navy-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--site-navy-color);
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, 0.15s ease-in-out;I
}

.site-navy-btn:hover {
    background-color: white;
    color: var(--site-navy-color);
    border-color: var(--site-navy-color);
}


.site-gray-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--site-gray-color);
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, 0.15s ease-in-out;I
}

.site-gray-btn:hover {
    background-color: white;
    color: var(--site-gray-color);
    border-color: var(--site-gray-color);
}

.paused-invoices-alert-text:hover {
    cursor: pointer;
    text-decoration: underline;
}

.schedule-calendar .fc-col-header-cell {
    background: var(--site-navy-color);
    padding: 8px !important;
}
.schedule-calendar .fc-col-header-cell a{
    color: #fff;
    text-decoration: none;
}
.schedule-calendar .fc-daygrid-day-frame a{ 
    color: #000 !important;
    text-decoration: none !important;
    
}
.schedule-calendar .fc-daygrid-day-frame {
    padding: 10px !important;
}
.schedule-calendar.fc-event-title.fc-sticky {
    background: var(--site-navy-color);  
    border-color: var(--site-navy-color) !important;  
}
.schedule-calendar .fc-h-event {
    background: var(--site-navy-color);  
    border: none !important;
    padding: 2px;
    outline: none;
    box-shadow: none;
}
.schedule-calendar {
    padding: 85px;
}
.Jobs-table .badge {
    font-size: 13px;
    min-width: 60px;
}
@media (max-width: 1199.98px) {
    .add-map {
        width: 100%;
    }
    .content {
        margin-left: 0;
        padding: 0px;
        transition: 0.6s ease;
    }
}

@media (max-width: 767.98px) {
    .pdf {
        position: static !important;
    }
    .record-service .center-box-logo img {
        width: 100%;
    }

    .INFORMATION table h3 {
        font-size: 17px;
    }

    .INFORMATION table p {
        font-size: 14px;
        padding: 4px 0px 4px 0px;
    }

    .INFORMATION table tbody td h5 {
        font-size: 17px;
        padding: 0px 0px 5px 0px;
        color: #313541;
        font-weight: 700;
    }

    .Patient-section table th {
        font-size: 12px;
        padding: 0px 2px 0px 2px;
    }

    .Patient-section table td {
        padding: 10px;
        font-size: 12px;
    }

    .Patient-section table {
        display: block;
        overflow-y: scroll;
    }
    .form-tabel-section tbody {
        width: 100%;
        display: block;
    }
    .form-tabel-section tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .form-tabel-section table tbody td {
        border: 2px solid #dee2e6;
        padding: 10px 10px;
        font-size: 13px;
        width: 100%;
        border-bottom: 0px;
    }
    .form-tabel-section table tbody td:last-child {
        border-bottom: 2px solid #dee2e6;
    }
    .input-s input[type="text"] {
        width: 80% !important;
    }
    .input-s label {
        width: 90%;
    }
    .schedule-calendar {
        padding: 25px 10px;
        margin-top: 40px;
    }
    .schedule-calendar  .fc-scroller.fc-scroller-liquid-absolute {
        overflow: visible !important;
        position: static;
    }
}

@media (max-width: 575.98px) {
    .INFORMATION table {
        display: block;
        overflow-y: scroll;
    }

    .INFORMATION table thead th {
        padding: 7px;
    }

    .INFORMATION table h3 {
        font-size: 14px;
    }

    .INFORMATION table p {
        font-size: 13px;
        padding: 1px 0px 2px 0px;
    }

    .INFORMATION table tbody td {
        padding: 8px;
    }

    .add-container {
        padding: 0px;
    }

    .visit-details {
        gap: 5px;
    }

    .visit-details a {
        font-size: 12px;
    }

    .record-service .center-box-logo .logo-text h4 {
        font-size: 20px;
    }

    .record-service .center-box-logo .logo-text p {
        font-size: 15px;
        padding-top: 1px;
    }

    .INFORMATION h4 {
        font-size: 18px;
        padding: 10px 0px 10px 0px;
    }

    .INFORMATION table thead th {
        padding: 7px;
        min-width: 160px;
    }

    .INFORMATION table tbody td h5 {
        font-size: 13px;
    }
}

/***** End breakpoints *****/

.modal-body .modify-availability {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: transparent;
}

.flatpickr-monthSelect-month.selected {
    background-color: var(--site-brown-color) !important;
    border-color: var(--site-brown-color) !important;
}
.manage.invoice-filter {
    justify-content: end;
}

.invoice-title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 13px;
}

.invoice-pricing-calculation-table {
    text-align: end;
}

.invoice-product-input.error {
    border: 1px solid red;
}

.flatpickr-input, div#filter-month input, div#mark-invoice-as-paid-modal input {
    background-color: transparent !important;
}

#personal-information-address-info {
    margin-top: 5px;
    font-weight: 400;
    color: #6c757d;
    margin-left: 3%;
} 
.upload-manage-btn {
    background: transparent !important;
    border: none !important;
    padding: 0px 20px !important;
}
.new-lbl-styl {
    color: #313541 !important;
    font-size: 1rem;
    text-transform: capitalize;
    display: block;
    padding-bottom: 4px;
    /* margin-bottom: 9px; */
    margin: 15px 0px 0px 0px !important;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Roboto";
}

.for-margn {
    margin: 0px 0px 0px 0px !important;
}