body {
    margin: 0px;
    padding: 0px;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

a {
    text-decoration: none !Important;
}

button {
    cursor: pointer
}

.sidebar {
    width: 300px;
    height: 100vh;
    border-radius: 0;
    min-width: 300px;
    position: fixed;
    top: 0;
    padding: 10px;
    background: #FBFBFB;
    transition: .5s
}

.custom-flex {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}

.After-login-wrapper {
    background: #FBFBFB;
}

.custom-flex .content-main {
    width: 100%;
    min-height: 100vh;
    padding: 0px 50px;
    /*margin-left: 300px;*/
    border-radius: 50px 0 0 50px;
    background: #fff;
    transition: .5s;
}

.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
    text-align: left;
}

/* .after-login-logo img {
	max-width: 120px;
} */

.after-login-logo {
    padding: 20px;
    text-align: center;
}

.sidebar.hide-menu .after-login-logo img {
    max-width: 140px;
}

.sidebar.hide-menu .dashboard-nav-bar ul li a span i {
    font-size: 16px;
}

.sidebar.hide-menu .dashboard-nav-bar ul li a span {
    font-size: 0;
}

header.After-login-header {
    min-height: 80px;
    display: inline-flex;
    align-items: center;
    border-bottom: none;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99;
    padding: 10px 0px;
    background: #fff;
}

.menu-bar ul {
    margin: 0;
    padding: 0;
}

    .menu-bar ul li a {
        font-size: 16px;
        color: #292929;
        cursor: pointer;
    }

        .menu-bar ul li a.active {
            color: #45b57f;
            font-weight: 600;
        }

.sidebar.hide-menu .menu-bar {
    align-items: center;
    text-align: center;
}

    .sidebar.hide-menu .menu-bar ul li {
        text-align: center;
        list-style: none;
    }

        .sidebar.hide-menu .menu-bar ul li span svg {
            margin: 0;
            justify-content: center;
        }

.menu-bar ul li a span {
    display: flex;
    align-items: center;
    justify-content: start;
}

.menu-bar ul li {
    padding: 15px 10px;
}

    .menu-bar ul li a span svg {
        margin-right: 20px;
        width: 25px;
    }

.menu-bar {
    /*height: calc(100vh - 237px);*/
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 65px;
}

.custom-flex .content-main.full-width {
    width: 100%;
    margin: 0; /*
    margin-left: 100px;*/
}

.toggle-menu i {
    font-size: 33px;
}

.toggle-menu {
    cursor: pointer;
}

    .toggle-menu svg {
        width: 39px;
    }

.custom-header-controls ul li {
    list-style: none;
    margin: 0 10px;
}

.custom-header-controls {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
}

    .custom-header-controls ul {
        display: flex;
        flex-direction: row;
        padding: 0;
        align-items: baseline;
        margin: 0;
        width: 100%;
        justify-content: end;
    }

    .custom-header-controls.custom-control ul li:first-child {
        height: auto;
        width: auto;
    }
    /*.custom-header-controls ul li {
    display: flex;
    background: #fff;
    width: 57px;
    height: 56px;
    padding-top: 5px;
    margin: 0px 10px;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    box-shadow: 0px 0px 10px #dedede;
}*/

    .custom-header-controls .serach-menu svg, .custom-header-controls .setting-menu svg {
        width: 24px;
        height: 24px;
    }

    .custom-header-controls .notification svg {
        height: 30px;
    }

    .custom-header-controls ul li.user-dropdown {
        background: transparent;
        box-shadow: none;
        width: auto;
        height: auto;
    }

    .custom-header-controls ul li a i {
        font-size: 34px;
        color: #000;
        position: relative;
    }

    .custom-header-controls ul li.user-dropdown a {
        color: #000;
        text-decoration: none;
    }

.breadcrumbs ul {
    display: inline-flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

    .breadcrumbs ul li {
        list-style: none;
        margin: 0px 10px;
    }

        .breadcrumbs ul li a {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .breadcrumbs ul li a {
            color: #000;
        }

.heading-button {
    display: flex;
    justify-content: space-between;
    border: 1px solid #FBF5F5;
    align-items: center;
    padding: 1rem 0.9rem;
    border-radius: 12px;
}

    .heading-button h2 {
        margin-bottom: 0px;
        font-size: 1.4rem;
    }

.patientD {
    padding: 30px;
    border-radius: 10px;
    border: none;
    box-shadow: 1px 2px 5px 4px #c9c9c912;
    /*min-height: calc(100vh - 140px);*/
}

.dataTables_filter label {
    font-size: 0 !important;
}

.breadcrumbs ul li span {
    font-weight: bold;
}

.responsive-show-hide {
    display: none;
}

div#user-dropdown-show {
    left: auto !important;
    right: -11px;
    top: 40px !important;
    border: none;
    box-shadow: -3px 1px 10px #dedede;
    background: #45b57f;
    padding: 0;
}

    div#user-dropdown-show a {
        color: #fff;
        padding: 5px 10px;
        border-bottom: 1px solid #449b71;
    }

        div#user-dropdown-show a:hover {
            background: #171717;
            transition: 1s;
        }

.toggle-menu {
    cursor: pointer;
    height: 100%;
    align-items: center;
    display: flex;
}

/*.sidebar.hide-menu {
    width: 100px !important;
    min-width: 40px;
}*/

.sidebar {
}

    .sidebar.hide-menu .logo {
        display: none;
    }

div.dataTables_filter {
    float: right;
    margin-bottom: 10px;
}

div.dataTables_length {
    float: left;
    margin-bottom: 10px;
}

    div.dataTables_length label, div.dataTables_filter label {
        font-family: 'Roboto', sans-serif !important;
        color: #000;
        font-size: .9rem;
    }

    div.dataTables_length select {
        min-height: 40px;
        margin: 0px 5px;
        border: none;
        color: #8a8a8a;
        border-radius: 5px;
        font-size: 18px;
        border: 1px solid #F3F3F3 !important;
        padding: 10px;
    }

div.dataTables_filter input {
    min-height: 40px;
    max-width: 300px;
    width: 100%;
    margin: 0px 5px;
    border: none;
    color: #8a8a8a;
    border-radius: 5px;
    font-size: 18px;
    border: 1px solid #d1d1d1 !important;
    min-width: 230px;
    padding: 10px !important;
    border-radius: 50px !important;
    font-size: 14px;
    outline: none !important;
}

.custom-table {
    border: 1px solid #dedede;
    margin: 0;
    border-collapse: collapse;
    width: 100% !important;
}

    .custom-table tr th {
        color: #fff;
        background: #45b57f;
        font-weight: 400 !important;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, .05);
}

.action-icons a.action-edit {
    background: #e0f4ff;
    padding: 10px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #007bff !important;
}

.action-icons a.action-delete {
    background: #fcdfdf;
    padding: 10px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #eb0808;
    text-decoration: none;
}

.dataTables_paginate.paging_simple_numbers {
    float: right;
    margin-top: 15px;
}

.dataTables_info {
    float: left;
    margin-top: 15px;
}

.dataTables_paginate a {
    margin-right: 10px;
    padding: 10px;
    color: #000;
}

.dataTables_paginate span a.paginate_button.current {
    background: #45b57f !important;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 20px;
    border: none !important;
}

.heading-button .tophead {
    display: flex;
    align-items: center;
}

    .heading-button .tophead svg {
        margin-right: 1rem;
    }

.dataTables_paginate span a.paginate_button:hover {
    background: #3f6f90;
    color: #fff;
}

.dataTables_paginate span a.paginate_button {
    border-radius: 20px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 1s;
    cursor: pointer;
}

.Data-table-responsive {
    padding: 30px;
    border-radius: 10px;
    border: none;
    box-shadow: 1px 2px 5px 4px #c9c9c912;
    min-height: calc(100vh - 140px);
}

.action a {
    margin: 0px 15px 0 0;
}

.Data-table-responsive h2 {
    font-size: 29px;
    text-align: center;
    font-weight: bold;
}

.dataTables_paginate a.paginate_button.next,
.dataTables_paginate a.paginate_button.previous {
    text-decoration: none;
    transition: 1s;
    cursor: pointer;
}

    .dataTables_paginate a.paginate_button.next:hover,
    .dataTables_paginate a.paginate_button.previous:hover {
        background: #3f6f90;
        border-radius: 20px;
        color: #fff;
    }

.dataTables_paginate a.paginate_button.disabled:hover {
    background: #f6f6f6;
    color: #000;
}

.Button-add-new button:hover {
    background: #3f6f90;
}

.Button-add-new button i {
    margin-right: 10px;
}

.dataTables_paginate a.paginate_button.disabled {
    cursor: not-allowed;
}

.Button-add-new {
    display: flex;
    justify-content: end;
}

    .Button-add-new button {
        background: #3f6f90;
        padding: 10px 20px;
        border: none;
    }

/* Sub Menu */
.icondropdownmain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.inner-menu {
}

ul.inner-menu {
    padding-left: 28px !important;
    background-color: #f5f1f1;
    margin-top: 18px;
    border-radius: 5px;
}

.notification {
    position: relative;
}

.notificationdot {
    position: absolute;
    top: -1px;
    right: -4px;
    width: 15px;
    height: 15px;
    background: red;
    border-radius: 50%;
}

.sidebar.hide-menu .icondropdownmain {
    display: none;
}

.sidebar.hide-menu .menu-bar ul li a span {
    display: inline;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
}



.btn-color {
    color: #fff;
    background-color: #45b57f;
    border: 1px solid #45b57f;
    padding: 10px 20px;
    border-radius: 40px;
    transition: all .3s ease;
    cursor: pointer;
}

    .btn-color:hover, .btn-color:focus, .btn-color:active {
        background: #fff !important;
        color: #45b57f !important;
        box-shadow: none !important;
        border: 1px solid #45b57f !important;
    }

.cancelbtn {
    color: #fff;
    background-color: #dc3545;
    border: 1px solid #dc3545;
    padding: 10px 20px;
    border-radius: 40px;
    transition: all .3s ease;
    cursor: pointer;
}

    .cancelbtn:hover, .cancelbtn:focus, .cancelbtn:active {
        background: #fff !important;
        color: #dc3545 !important;
        box-shadow: none !important;
        border: 1px solid #dc3545 !important;
    }

.closebtn {
    color: #fff;
    background-color: gray;
    border: 1px solid gray;
    padding: 10px 20px;
    border-radius: 40px;
    transition: all .3s ease;
    cursor: pointer;
}

    .closebtn:hover, .closebtn:focus, .closebtn:active {
        background: #fff !important;
        color: #dc3545 !important;
        box-shadow: none !important;
        border: 1px solid gray !important;
    }



.hide-menu .menu-bar {
    height: calc(100vh - 143px);
}

.customtitle {
    display: flex;
}

.w-33custm {
    width: 40%;
}

.formgrppass {
    position: relative;
}

span.right-icon i {
    position: absolute;
    right: 15px;
    top: 43px;
    color: #555;
    cursor: pointer;
}

.menu-bar ul li a span svg g, .menu-bar ul li a span svg path {
    stroke: #121212;
}

.menu-bar ul li a.active span svg g, .menu-bar ul li a.active span svg path {
    stroke: #45b57f;
    fill: #45b57f;
}
/*Ashish */
.custom-card {
    background: #fff;
    padding: 20px;
    box-shadow: 1px 2px 5px 4px #c9c9c912;
    border-radius: 10px;
}

    .custom-card input[type="password"] {
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 6px;
        min-height: 50px;
        border-radius: 0;
    }

    .custom-card label {
        font-weight: 450;
    }

    .custom-card .form-group.formgrppass {
        margin-bottom: 23px;
    }

    .custom-card input[type="password"]:focus {
        box-shadow: none;
        border: 1px solid #0044cc;
    }

    .custom-card span.right-icon i {
        top: 60%;
        color: #45b57f;
        font-size: 18px;
    }

.bg-grey {
    background: #f2f2f2;
    padding: 40px 20px;
    min-height: calc(100vh - 140px);
}

.custom-card-inner input[type="text"], .custom-card-inner input[type="tel"], .custom-card-inner input[type="password"], .custom-card-inner input[type="email"], .custom-card-inner select {
    background: #fff;
    border: 1px solid #dedede;
    min-height: 50px;
    border-radius: 0;
}

    .custom-card-inner input[type="text"]:focus, .custom-card-inner input[type="password"]:focus, .custom-card-inner input[type="email"]:focus, .custom-card-inner select:focus {
        box-shadow: none;
        border: 1px solid #0044cc;
    }

.custom-card-inner {
    background: #fff;
    padding: 20px;
    border-radius: 24px;
    width: 35%;
    margin: 0 auto;
}

.custom-table tr td a {
    color: #000;
}


    .custom-table tr td a.coomon-action {
        background: #fff;
        width: 35px;
        height: 35px;
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        box-shadow: 0 7px 6px -2px #ccc;
    }

.custom-table tr td {
    padding: 6px 18px !important;
    vertical-align: top !important;
}

    .custom-table tr td a.edit {
        color: #45b57f;
    }

    .custom-table tr td a.View {
        color: #007bff;
    }

.custom-table thead tr th {
    font-weight: bold !important;
}


/*======== 27-09-2022 Css Section Start ========*/

/*.drawSignatureBox #myCanvas {
	width: 100%;
	border: 1px solid #ddd;
	padding: 15px;
	height: 450px;
}*/


.drawSignatureBox {
    display: flex;
    align-items: self-start;
    background: #f5f5f5;
    padding: 20px;
}

    .drawSignatureBox .signatureCanvasBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

        .drawSignatureBox .signatureCanvasBox #myCanvas {
            border: 1px solid #ddd;
        }

.signatureBoxEditButton {
    width: 100%;
}


.signatureBoxEditButton {
    margin-left: 20px;
}


.signatureControlBox .form-group label {
    display: block;
    text-align: left;
}

.signatureControlBox button {
    width: 100%;
}

.signatureControlBox .clearBtn {
    background-color: #7e7e7e;
    border: 1px solid #7e7e7e;
}

    .signatureControlBox .clearBtn:hover {
        border: 1px solid #7e7e7e !important;
        color: #848484 !important;
    }

.signatureControlBox .RedoBtn {
    background-color: #45b57f;
    border: 1px solid #45b57f;
}

    .signatureControlBox .RedoBtn:hover {
        border: 1px solid #45b57f !important;
        color: #45b57f !important;
    }

.BtnIcon {
    margin-right: 5px;
    font-size: 20px;
}


/*============ Data Table Signature Box Css* ============*/
.file-upload {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .file-upload img, .no-tc-heading img {
        transition: all 0.3s ease-in-out;
    }

        .file-upload img:hover {
            /* transform: scale(1.3);*/
        }


/*.no-tc-heading img:hover {			
			transform: scale(1.3) translateX(39px);
		}*/

/*======== 27-09-2022 Css Section End ========*/



/*======== 03-10-2022 Css Section Start ========*/
.detailCard_Box h2 {
    background-color: #eee;
    padding: 15px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 5px;
}

.ManagePatientDetailBox:before {
    content: "";
    width: 5px;
    height: 100%;
    background: #45b57f;
    position: absolute;
    left: 0;
    border-radius: 100px;
}


.custom-table tr td .updateBtn {
    width: auto !important;
    padding: 5px 20px;
    background-color: #45b57f !important;
    color: #fff !important;
    font-size: 16px !important;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

    .custom-table tr td .updateBtn:hover {
        background-color: #fff !important;
        border: 1px solid #369567;
        color: #369567 !important;
    }

.updateBtn i {
    font-size: 16px;
    margin-right: 7px;
}


/*======== 03-10-2022 Css Section End ========*/


/*========= 05-10-2022 Css start */

/* start copy */
.amoutnt-information {
    margin: 0;
    background: #fff;
    padding: 20px 20px;
    box-shadow: 0px 0px 9px #1111111f;
    display: flex;
    flex-direction: revert;
    justify-content: space-between;
    align-items: center;
}

    .amoutnt-information address {
        margin: 0;
    }

        .amoutnt-information address p {
            margin: 0;
            color: #707070;
        }

        .amoutnt-information address h5 {
            margin: 0 0 5px;
            color: #45b57f;
        }

.pateint-name {
    width: auto;
}

    .pateint-name h3 {
        font-size: 20px;
        margin: 0;
        color: #707070;
        font-weight: normal;
        border: 1px solid #dedede;
        padding: 10px 15px;
    }

        .pateint-name h3 b {
            color: #45b57f;
        }

.amoutnt-information table thead tr th {
    background: #45b57f;
    color: #fff;
}

.amoutnt-information table tfoot tr th {
    background: #f6f6f6;
}

.save-button {
    width: 100%;
    text-align: right;
    margin-bottom: 15px;
}

    .save-button button {
        background: #45b57f;
        box-shadow: 1px 3px 8px #0000000d;
        font-weight: 500;
        color: #fff;
        width: 100%;
        height: 45px;
        font-size: 16px;
        max-width: 200px;
        border: 1px solid #45b57f;
        border-radius: 100px;
    }

        .save-button button:hover {
            background: white;
            color: #45b57f;
        }

@media only screen and (max-width:767px) {
    .amoutnt-information {
        flex-direction: column;
    }

        .amoutnt-information address {
            margin: 0 0 20px;
            text-align: center;
        }

    .pateint-name h3 {
        font-size: 14px;
    }

    .amoutnt-information table tr th {
        white-space: nowrap;
    }
}
/*========= 05-10-2022 css end */
.file-upload {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.file-upload-btn1 {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.file-upload-btn:hover {
    background: #1AA059;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.file-upload-content1 {
    display: none;
    text-align: center;
}

.file-upload-input1 {
    position: absolute !important;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
    z-index: 999
}

.image-upload-wrap1 {
    margin-top: 20px;
    border: 1px dashed #1FB264;
    position: relative;
    background: #f6f6f6;
}

.connectedSortable li a {
    text-decoration: underline !important;
}


.image-title-wrap1 {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

    .drag-text h3 {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824B;
        padding: 60px 0;
    }

.file-upload-image1 {
    max-height: 400px;
    max-width: 400px;
    padding: 3px;
    border: 1px solid #dedede;
    margin: 10px auto;
}

.remove-image {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload.file-upload11 {
    width: 100%;
    flex-direction: column;
}

    .file-upload.file-upload11 .image-upload-wrap {
        width: 100%;
    }

.drag-text h3 {
    font-weight: bold !important;
    opacity: 0.2;
}

div#ChangeUploadHCFAModel input#fileInput, div#UploadReportModel input#fileInput {
    border: 1px solid #dedede;
    padding: 10px;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}

.modalForm input {
    border: 1px solid #dedede;
    padding: 10px;
    margin: 0 0;
    max-width: 500px;
    width: 100%;
}

a.Patient_active.active svg g, a.Patient_active.active svg path {
    fill: #45b57f;
}

td.sorting_1 {
    vertical-align: top !important;
}

.span-target {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}

    .span-target > span {
        margin-right: 15px;
    }

    .span-target span input {
        margin: 0px 10px 0px 0px !important;
    }

.wrapperNew {
    position: relative;
    width: 400px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#imagePatientSignature {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #dedede;
}

.drawSignatureBox.new-flex-class .signatureCanvasBox {
    flex-direction: column;
}

.styling {
    gap: 20px;
}

th.show-hide-table {
    position: relative;
}

    th.show-hide-table::before {
        content: "\f078";
        position: absolute;
        right: 20px;
        font-size: 18px;
        top: 1px;
        color: #fff;
        background: #45b57f;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        top: 10px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

    th.show-hide-table.opned::before {
        content: "\f077";
    }

div#toaster {
    position: fixed;
    top: 0;
    right: 40px;
    padding: 11px;
    min-width: 250px;
    margin: 0;
    box-shadow: 0px 0px 10px #dedede;
    z-index: 9999999;
    background: #45b57f;
    color: #fff;
}

hr.Border-new {
    border: 2px solid #dedede;
}

.custom-small-textarea textarea {
    width: 100%;
    height: 35px;
    resize: none;
    background: transparent;
    border: none;
    padding: 0px 5px;
    color: #fff;
    font-size: 12px;
    outline: none;
    box-shadow: none;
    text-align: center;
}


/*10-09-2023*/
.cstminputgrp .input-group-text {
    border-radius: 0 4px 4px 0 !important;
}

.cstminputgrp .input-group-prepend {
    margin-right: 0;
    margin-left: -1px;
}

.add-box > h6 {
    width: 40%;
    word-break: break-word;
}

.check-box .form-label {
    width: 100%;
}

.check-box.consultation {
    border: 1px solid #ddd;
}

    .check-box.consultation input {
        width: auto;
        margin: 0 5px;
    }

    .check-box.consultation label {
        margin-bottom: 0;
    }

    .check-box.consultation form > div {
        padding: 5px;
    }

input.cstm-inpt {
    border: 0;
    border-bottom: 1px solid #000;
    width: 50px;
    outline: 0;
    padding: 0 5px;
    font-weight: 500;
    text-align: center;
}

.othertextBox {
    width: 100%;
    border-width: 0px 0px 1px 0px;
}

    .othertextBox:focus-visible {
        outline: none;
    }

.letterhead-wrp {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0px auto;
    background: #ffffff47;
    padding: 35px 30px;
    position: relative;
}

    .letterhead-wrp:before {
        content: "";
        position: absolute;
        top: 10px;
        width: calc(100% - 30px);
        height: 4px;
        background: #45b47f;
        border-radius: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .letterhead-wrp:after {
        content: "";
        position: absolute;
        bottom: 10px;
        width: calc(100% - 30px);
        height: 4px;
        background: #45b47f;
        border-radius: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .letterhead-wrp .address-letterhead {
    }

        .letterhead-wrp .address-letterhead p {
            max-width: 270px;
            font-weight: 500;
            font-size: 16px;
        }

        .letterhead-wrp .address-letterhead h3 {
            text-decoration: underline;
            margin-bottom: 20px;
            display: inline-block;
        }

        .letterhead-wrp .address-letterhead ul.telephone-fax-wrp {
            margin: 0;
            padding: 0;
        }

            .letterhead-wrp .address-letterhead ul.telephone-fax-wrp li {
                font-size: 14px;
                color: black;
                font-weight: 500;
                list-style: none;
            }

.letterheader-user-data {
}

    .letterheader-user-data table {
    }

        .letterheader-user-data table th {
            padding: 5px 0;
            font-size: 18px;
            font-weight: 500;
        }

        .letterheader-user-data table td {
            color: #d45e4f;
            font-weight: 600;
            font-size: 18px;
        }

            .letterheader-user-data table td:nth-child(2) {
                padding: 0 20px;
                color: black;
                font-weight: 600;
            }

.borderbottomlight:after {
    content: '';
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 1px;
    background: #0000001f;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.borderbottomlight {
    position: relative;
    padding-bottom: 30px;
}

    .borderbottomlight h5 label {
        text-decoration: underline;
        color: #686868;
    }

.usebgimage-loginbg {
    background-image: url('../../images/loginbgin.png');
    background-size: cover;
    padding: 20px 30px;
}

.chiropratic-section-wrp input.title-text-chiropratic {
    width: 100%;
    border: 0;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #d14a3b;
    background: transparent;
}

p.choose-option-chiropratic span {
    color: #0a2b6b;
    display: inline-block;
    font-weight: 600;
    font-size: 22px;
}

.chiropratic-section-wrp {
    padding-top: 20px;
}

    .chiropratic-section-wrp p.choose-option-chiropratic {
        text-align: center;
        padding-top: 40px;
    }

        .chiropratic-section-wrp p.choose-option-chiropratic select {
            border: 0;
            font-size: 22px;
            background: transparent;
            color: #c7c8cc;
        }

.historyof-injury {
    /*border-bottom: 1px solid #00000038;
    margin-bottom: 30px;*/
    padding-bottom: 15px;
}

h3.commong-title-injury {
    color: #686868;
    font-size: 18px;
    text-decoration: underline;
    display: block;
    width: 100%;
}

.historyof-injury textarea {
    /*background-color:transparent;*/
    border: 0;
}

.bg-light-presenting-complaints {
    padding: 20px 30px;
    background: #f2faf5;
}

.patient-issue-checkbox-wrp {
    background: #f1f9f4;
    padding: 20px 30px;
}

    .patient-issue-checkbox-wrp .check-box.consultation {
        border: 0;
        margin-bottom: 20px;
    }

input.cstm-inpt {
    background: transparent;
}

.patient-issue-checkbox-wrp textarea {
    /*    background:transparent;*/
}

.btn-border {
    min-width: 200px;
    border-radius: 100px;
    padding: 10px;
    font-size: 18px;
}

.nav-controlls {
    display: inline-flex;
    width: 100%;
    justify-content: end;
    margin: 20px 0px;
}




/*03-08-2023 Css Here*/
.cstmHeight_width {
    width: 100px !important;
    text-align: start !important;
}

.cstmHeight_width50 {
    width: 50px !important;
    text-align: start !important;
}

.cstmFlex_box {
    display: flex;
    gap: 5px;
}

    .cstmFlex_box > span {
        white-space: nowrap;
    }

.marginBTM {
    margin-bottom: 10px;
}

.customWhite-space {
    white-space: nowrap;
}

.custom_textboxWidth {
    width: 58%;
    border-width: 0px 0px 1px 0px;
}

.custom-margin {
    margin-top: -20px;
}

.input-customWidth {
    width: 140px !important;
}



.CStmbox_border {
    border: 1px solid #00000040;
    border-radius: 10px;
    padding: 15px;
    background: #f6f6f6;
}

.CStm_mainBackground {
    background: #8fbc8f30;
    border-radius: 10px;
    margin-top: 10px;
    padding: 0px 20px 20px 20px;
}

.cstmbg_added_all {
    background: #8fbc8f30 !important;
}

    .cstmbg_added_all .custom-control-nav-tabs.new-custom {
        background: transparent !important;
    }

.font_zie_20 {
    font-size: 20px !important;
}

.grey-bg {
    width: 100%;
}


/*27-10-2023*/
.cstmform_Group input[type="radio"] {
    width: 24px;
    height: 24px;
    accent-color: #4eb784;
    margin-top: 1px;
}

.cstmform_Group .form-check label.form-check-label {
    font-size: 18px;
    font-weight: 400;
    margin-left: 8px;
}


/*tab section*/
.tab {
    padding: 5px 15px;
    background: #f5f5f5;
    color: #000;
    text-decoration: none;
}

    .tab.active {
        background: #45b57f;
        color: #fff;
        cursor: pointer;
    }

.tab_section ul {
    padding: 0;
    cursor: pointer;
    display: flex;
}



/*============04-12-2023===========*/

.custome_border {
    border: 1px solid red !important;
}
/*============29-01-2024===========*/
.card.shadowCstm {
    box-shadow: 0 0 4px #000;
}

/*27/03/2024*/
.menu-bar ul li a span i {
    font-size: 26px;
    margin-right: 19px;
}
/*----24-04-2024----*/

.cstm-mrgn {
    margin: 0 auto;
}

.topbar {
    width: 100%;
    height: 199px;
}
/*----17-07-2024----*/
.topbarMenu .custom-header-controls.custom-control {
    display: flex;
    align-items: baseline;
}

.custom-flex .sidebar.mobileView {
    display: none;
}

@media only screen and (max-width: 767px) {
    .cstm-parent-outer {
        overflow: auto;
    }

    .cstm-outer-row {
        width: 100%;
        align-items: start;
        justify-content: end;
        margin: 20px 0px;
        flex-direction: column;
        gap: 20px;
        padding-left: 20px;
    }

        .cstm-outer-row > div.Cstm-col {
            min-width: 100%;
        }

    .custom-flex .content-main {
        padding: 0px;
    }

    .main-content-body {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cstm-parent-outer {
        overflow: auto;
    }

    .cstm-outer-row {
        width: 100%;
        align-items: start;
        justify-content: end;
        margin: 20px 0px;
        flex-direction: column;
        gap: 20px;
        padding-left: 20px;
    }

        .cstm-outer-row > div.Cstm-col {
            min-width: 100%;
        }

    .custom-flex .content-main {
        padding: 0px;
    }

    .main-content-body {
        padding: 20px;
    }

    .custom-flex .sidebar.mobileView {
        display: none;
    }
}


/*praqgati*/
.top-bar {
    background: #45b57f;
}

.topbar_content {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    gap: 20px;
    padding-right: 20px;
}

.top_button a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.topbar_content .dropdown button {
    background: unset;
    border: unset;
    font-weight: 500;
}

    .topbar_content .dropdown button:hover,
    .topbar_content .dropdown button:focus {
        background: unset;
        border: unset;
        box-shadow: unset;
    }

header.header-box {
    background-color: #edfbdb;
    box-shadow: rgb(69 181 127 / 56%) 0px 2px 8px 0px;
}

.head_logo h4 {
    margin: 0;
    font-weight: bold;
    font-size: 1.3rem;
}

    .head_logo h4 span {
        color: #45b57f;
    }

.menu_flex {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.head_menu ul li.nav-item a.nav-link {
    margin: 0 10px;
    color: #000;
    font-weight: 500;
}


.head_menu li.nav-item a.nav-link.active {
    color: #45b57f;
    position: relative;
}

.head_menu ul li.nav-item a.nav-link span svg {
    height: 25px;
    position: relative;
    top: 6px;
}

.icondropdownmain {
    display: inline;
    position: relative;
}

ul.inner-menu {
    position: absolute;
    top: 34px;
    background: rgb(221, 221, 221);
    width: 12%;
    z-index: 10;
}

.head_menu ul li.nav-item a.nav-link {
    color: rgba(101, 98, 91, 255);
}

.head_menu {
    margin-left: 27px;
    width: 100%;
}

.menu_flex {
    white-space: nowrap;
    padding: 0px 0;
}

#sign-out {
    position: relative;
    top: 10px;
}

select#culture {
    position: relative;
    top: 10px
}

header.header-box {
    position: relative;
    z-index: 10;
}

.top_button {
    color: white;
}

a#dropdownMenuLink {
    color: white;
}

.header-logo img {
    vertical-align: middle;
    border-style: none;
    width: 188px;
    padding: 5px;
}

a.nav-link {
    color: black;
}
/*13-09-2024 new css*/

.navbarCustm-expand .navbar-toggler svg {
    width: 24px;
    height: 24px;
}

.navbarCustm-expand .navbar-toggler {
    margin-left: auto;
}

.custmNav-dropdwn ul.inner-menu {
    background: #fff;
    list-style-type: none;
    padding: 0 !important;
    box-shadow: 0 0 4px #0000004a;
}
/*16-09-2024 new css*/
.custmTabs.custom-nav-tabs ul {
    justify-content: space-between;
    gap: 10px;
}

    .custmTabs.custom-nav-tabs ul li {
        margin-right: 0;
    }



@media(min-width:1601px) {
    .navbarCustm-expand .navbar-toggler {
        display: none;
    }

    .navbarCustm-expand .navbar-collapse {
        display: flex;
    }

    .navbarCustm-expand .navbar-nav {
        flex-direction: row;
    }
}

@media(max-width:1600px) {
    /*.navbarCustm-expand .navbar-collapse {
        position: fixed;
        top: 0;
        left: -340px;
        bottom: 0;
        background: #edfbdb;
        width: 100%;
        max-width: 340px;
        padding: 20px;
        flex-grow: unset;
        box-shadow: 2px 0 4px 0 #00000024;
        transition: all .2s ease-in-out;
        height: 100%;
        overflow-y: auto;
    }*/

    .navbarCustm-expand .navbar-collapse.show {
        left: 0;
    }

    .navbarCustm-expand .navbar-nav {
        gap: 10px;
    }
}

@media(max-width:576px) {
    .navbarCustm-expand .navbar-collapse {
        width: calc(100% - 85px);
        max-width: 100%;
    }
}



/*17 Oct 2024*/
#navbarSupportedContent .navbar-nav li,
#navbarSupportedContent .navbar-nav li a,
#navbarSupportedContent .navbar-nav li a > span {
    display: flex;
    align-items: center;
}

    #navbarSupportedContent .navbar-nav li a > span {
        gap: 6px;
    }

    #navbarSupportedContent .navbar-nav li a svg {
        top: 0;
        fill: #65625b;
    }

    #navbarSupportedContent .navbar-nav li a > span i {
        font-size: 24px;
    }

    #navbarSupportedContent .navbar-nav li select#culture {
        top: 0;
    }

::placeholder {
    color: black;
    opacity: 0.4; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
    color: black;
}

.CStm_mainBackground a {
    align-items: center;
    justify-content: space-between;
    display: flex;
    gap: 8px;
    margin-left: 10px;
    font-size: 14px;
    color: #000;
}

    .CStm_mainBackground a svg {
        fill: #45b57f;
    }

.Signin.add-service-btn {
    text-align: right;
    padding-bottom: 16px;
}

/*address new css for address service*/
.add-service-main-wrapper {
    background: #f2f2f2;
    padding: 40px 20px;
    box-shadow: 1px 2px 5px 4px #c9c9c912;
}


.add-service-main-wrapper {
    width: 100%;
}

.add-servive-form-wrapper h2.form-hedaing-title {
    font-size: 29px;
    text-align: center;
    font-weight: bold;
}

.add-servive-form-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 24px;
    margin: 0 auto;
}

.form-button-container {
    display: flex;
    justify-content: right;
    gap: 8px;
}

/*03-06-2025 new css here*/
.dataTables_wrapper #data-table_filter.dataTables_filter input {
    margin-left: 0;
}

.btn.btn-adminClr {
    background-color: #45b57f;
    color: #fff;
}

    .btn.btn-adminClr:hover {
        background-color: #2e8b5e;
        color: #fff;
    }

.cstm-nav-btn {
    border: 0;
    padding: 6px 12px;
    border-radius: 4px;
}

/* footer css 8-5-25 */
footer {
    padding-top: 6em;
    padding: 35px 0 0;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1.3fr 1.7fr 1.7fr;
    grid-column-gap: 5em;
}

#footer1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0.5em;
}

.logo {
    display: flex;
    justify-content: flex-start;
}

.site-footer {
    background: #45b57f;
    color: #fff;
}

    .site-footer a {
        color: #fff;
        text-decoration: none;
    }

footer li {
    list-style: none;
}

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

.footer-widget-title {
    margin-bottom: 1em;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: .02em;
}

.site-footer ul.menu {
    margin-bottom: 1.8em;
}

    .site-footer ul.menu > li {
        margin-bottom: 10px;
    }

.site-footer .menu a {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .02em;
    color: #fff;
    transition: color 0.3s;
}

    .site-footer .menu a:hover {
        color: #d8d8d8;
    }

.footer-contacts a {
    display: grid;
    grid-template-columns: 20px auto;
    grid-column-gap: 0.5em;
    margin-bottom: 0;
    font-weight: 400;
    color: #ffffff;
    line-height: 35px;
    DISPLAY: FLEX;
    justify-content: flex-start;
    align-items: baseline;
}

    .footer-contacts a svg {
        margin-top: .5em
    }

    .footer-contacts a span {
        display: inline-block
    }

    .footer-contacts a:hover {
        color: #d8d8d8;
    }

.footer-social {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.2em;
}

    .footer-social a {
        width: 1.125em;
        height: 1.125em;
        background-color: #fff;
        color: #45b57f;
        padding: 0.3em;
        border-radius: 50%;
        text-align: center;
        transition: background-color 0.3s, color 0.3s;
    }

        .footer-social a:not(:last-child) {
            margin-right: 1em;
        }

        .footer-social a:hover {
            background-color: #297e55;
            color: #fff;
        }

        .footer-social a svg {
            width: 100%;
            height: 100%;
        }

.footer-testimonials {
    margin-top: 3em;
    text-align: center;
}

    .footer-testimonials h3 {
        font-size: 20px;
        margin-bottom: 1em;
        color: #fff;
    }

.testimonial-slider {
    display: flex;
    justify-content: center;
    gap: 2em;
    overflow-x: auto;
}

.testimonial {
    max-width: 300px;
    background: #ffffff;
    padding: 1.5em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #333;
}

    .testimonial p {
        font-style: italic;
        color: #666;
    }

    .testimonial span {
        font-weight: bold;
        display: block;
        margin-top: 10px;
        text-align: right;
    }

.footer-appointment {
    text-align: center;
    margin-top: 2em;
}

.appointment-button {
    background: #297e55;
    color: #fff;
    padding: 0.8em 1.5em;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}

    .appointment-button:hover {
        background-color: #45b57f;
    }

.footer-map {
    margin-top: 2em;
    text-align: center;
}

.footer-newsletter {
    margin-top: 2em;
    text-align: center;
}

    .footer-newsletter h3 {
        font-size: 20px;
        margin-bottom: 1em;
        color: #fff;
    }

    .footer-newsletter form {
        display: flex;
        justify-content: center;
        gap: 0.5em;
    }

    .footer-newsletter input {
        padding: 0.8em;
        font-size: 16px;
        border-radius: 5px;
        border: 1px solid #ddd;
        width: 250px;
        color: #333;
    }

        .footer-newsletter input:focus {
            border-color: #45b57f;
            outline: none;
        }

    .footer-newsletter button {
        padding: 0.8em 1.5em;
        font-size: 16px;
        background: #45b57f;
        color: #fff;
        border-radius: 5px;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        .footer-newsletter button:hover {
            background-color: #297e55;
        }

#site-info {
    margin-top: 0em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-align: center;
    background: #297e55;
}

    #site-info .menu {
        display: flex;
        margin: 0;
        justify-content: center;
    }

        #site-info .menu li {
            margin: 0;
        }

            #site-info .menu li:not(:last-child) {
                margin-right: 1.5em;
            }

            #site-info .menu li a {
                font-size: .812em;
                color: #fff;
                transition: color 0.3s;
            }

                #site-info .menu li a:hover {
                    color: #d8d8d8;
                }

    #site-info p {
        margin-bottom: 0;
        color: #d8d8d8;
        font-size: .812em;
        line-height: 2em;
        text-align: right;
    }

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
        grid-gap: 2em;
    }

    .footer-social {
        justify-content: center;
    }

    .footer-contacts a {
        text-align: center;
    }

    .testimonial-slider {
        flex-direction: column;
    }

    .footer-newsletter input {
        width: 100%;
    }

    .footer-newsletter button {
        width: 100%;
    }
}