@import url('./font/style.css');
/* @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap'); */

* {
    outline: none;
}

label {
    margin-bottom: 0;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(146, 197, 255, 0.616);
    /* border-radius: 3px; */
    background-color: #2215db;
}

::-webkit-scrollbar {
    width: 4px;
    background-color: #2215db;
    height: 3px;
}

::-webkit-scrollbar-thumb {
    /* border-radius: 3px; */
    -webkit-box-shadow: inset 0 0 6px rgba(146, 197, 255, 0.616);
    background-color: #2215db;
}

/* .w-20 {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 10px;
    padding-left: 10px;
} */

@media (min-width: 1200px) {
    .w-20 {
        flex: 0 0 20%;
        max-width: 20%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

a {
    text-decoration: none;
    color: #333;
}

body {
    background-color: #F2F6FF;
    font-family: var(--font-family), sans-serif;
    direction: rtl;
    text-align: right;
    margin: 0;
    padding: 0;
}

.content {
    padding: 6px;
}

/******** Start Main Header **********/

.header {
    padding: 3px 15px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    display: flex;
    color: #000;
    justify-content: space-between;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 999;
}

.header .icon-action {
    display: flex;
}

.header .icon-action a {
    padding: 10px;
    display: block;
}

.header #asidebarToggler {
    color: #333;
}

.header .navbar-brand {
    display: block;
    width: 150px;
    padding: 5px !important;
    margin: 0;
}

.header a:hover:not(.navbar-brand) {
    background-color: #eee;
    color: #333;
}

.header .settings-website {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.header .settings-website li a {
    display: block;
    padding: 10px;
    color: #333 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.header .settings-website a i {
    padding: 6px 0;
    display: inline-block;
}

.header .settings-website li {
    position: relative;
}

.header .settings-website li>ul {
    background: #fff;
    left: 0;
    opacity: 0;
    /* padding: 10px; */
    position: absolute;
    margin: 0;
    padding: 0;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    min-width: 230px;
    visibility: hidden;
    list-style-type: none;
    z-index: 9999;
    transition: 0.5s;
    box-shadow: 0 0 6px 1px rgb(0 0 0 / 10%);
}

.header .settings-website li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/******** End Main Header **********/

/******** Start Main Asider Bar **********/

nav#menu {}

nav#menu .mm-listview li a {
    padding-right: 12px;
}

nav#menu .mm-listview li a i {
    padding-left: 17px;
}

nav#menu .mm-listitem.mm-listitem_selected a {
    padding: 12px 10px 12px 15px !important;
}

nav#menu .mm-listitem a {
    padding: 12px 10px 12px 15px !important;
}

/******** End Main Asider Bar **********/

/* ***** Start Maser Page***** */

.master-page .p-component .p-panel-titlebar {
    background-color: #254bb3;
    color: #fff;
    position: relative;
}

.master-page .p-component .p-panel-titlebar::before {
    content: "\E94C";
    font-family: "primeicons";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 2px;
}

.master-page .p-component .p-panel-titlebar .p-panel-titlebar-icon,
.master-page .p-component .p-panel-titlebar .p-panel-titlebar-icon:hover {
    color: #fff;
}

.master-page .p-component .p-panel-titlebar .p-panel-titlebar-icon {
    color: #fff;
}

.master-page .p-steps .p-steps-item .router-link-active>.p-steps-number {
    background-color: #1565c0;
    color: #fff;
}

.master-page .p-button-icon-only {
    position: fixed !important;
    right: 0;
    top: 100px !important;
    z-index: 999;
    height: auto !important;
    margin: 0 !important;
    border-radius: 3px 0 0 3px;
}

.master-page .p-sidebar.p-component.p-sidebar-right.p-sidebar-active {
    z-index: 99999 !important;
    margin: 0 !important;
}

.master-page .form-container {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.master-page .form-container .p-calendar {
    width: 100% !important;
    display: block;
}

.master-page .form-container .p-inputtext {
    width: 100% !important;
}

.master-page .form-container .p-datepicker {}

.master-page .p-sidebar.p-component.p-sidebar-right.p-sidebar-active .p-button-rounded {
    display: block;
    width: 100%;
    margin: 15px 0;
}

.master-page .p-sidebar.p-component.p-sidebar-right.p-sidebar-active h4 {
    color: #1565c0;
}

.master-page .p-card-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}

.master-page .catagory .col-lg {
    padding: 0;
}

.master-page .catagory a:first-child svg {
    background: linear-gradient(60deg, #66bb6a, #43a047);
}

.master-page .catagory a:nth-child(2) svg {
    background: linear-gradient(60deg, #0093e9 0%, #1f5ac9 100%);
}

.master-page .catagory a:nth-child(3) svg {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

.master-page .catagory a:nth-child(4) svg {
    background: linear-gradient(60deg, #ef5350, #e53935);
}

.master-page .catagory a:last-child svg {
    background: linear-gradient(60deg, #26c6da, #00acc1);
}

.master-page .catagory a {
    text-decoration: none;
    position: relative;
    display: block;
    flex: 1 0 0%;
    margin: 5px 0 25px;
    max-width: 100%;
}

.master-page .catagory {
    margin-top: 25px;
    padding-left: 10px;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.master-page .catagory .card {
    display: flex;
    flex-direction: row;
    /* height: 80px; */
    border-radius: 3px;
    margin: 0 7px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.master-page .catagory .card .card-footer {
    background-color: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    color: #888;
    font-size: .9em;
}

.master-page .catagory .card .card-img {
    position: absolute;
    top: -25px;
    left: 10px;
    width: 30%;
    height: 80%;
}

.master-page .catagory .card .card-img svg {
    width: 100%;
    fill: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.master-page .catagory .card .card-body {
    padding: 0 15px;
}

.master-page .catagory .card .card-body h4 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
    /*  font-weight: bold;
  text-align: center; */
    color: #999;
}

.master-page .catagory .card .card-body p {
    margin: 0;
    font-size: 32px;
    font-weight: bold;
    color: #333;
}

/* ***** End Maser Page***** */

#chart {
    width: 100%;
}

nav#menu .mm-listview li a {
    display: flex;
}

nav#menu .mm-counter {
    position: absolute;
    left: 35px;
}

.mm-searchfield input,
.mm-searchfield input:focus,
.mm-searchfield input:hover {
    color: #333;
}

/* Start Logo */

.logo-page {
    direction: ltr;
    text-align: left;
}

.logo-page .page-content {
    width: 100%;
    margin: 0;
}

.logo-page .page-content .navbar-full {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    position: relative;
}

.logo-page .page-content .navbar-full .navbar-collapse {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.logo-page .page-content .navbar-full .navbar-collapse .navbar-nav {
    display: flex;
    /* flex-direction: row-reverse; */
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.logo-page .page-content .navbar-full .navbar-collapse .navbar-nav li {
    width: 20%;
}

.logo-page .page-content .navbar-full .LOGINPANEL {
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 200px 40px 200px 30px;
    color: #fff;
    padding: 30px;
    width: 100%;
    height: auto;
    /* margin-left: -10%; */
}

.logo-page .login-parent {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-page .panel-body {
    padding: 0;
}

/* .logo-page .page-content .navbar-full .OVLLAYER  {
  width: 30%;
} */

.logo-page .panel-body form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.logo-page .form-horizontal .form-control {
    height: 44px;
    background: transparent;
    /*border: 1px solid #d9d9d9;*/
    box-shadow: none;
    padding: 0 20px 0 50px;
    font-size: 16px;
    color: #fff;
    position: relative;
    transition: all 0.3s ease 0s;
    /*border-radius: 10px;*/
    border-bottom: 2px solid #e0e0e0;
}

.logo-page .form-horizontal .form-group i {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #c4c4c4;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.logo-page .logo-page .form-horizontal .form-control {
    height: 44px;
    background: transparent;
    box-shadow: none;
    padding: 0 20px 0 50px;
    font-size: 16px;
    color: #fff;
    position: relative;
    transition: all 0.3s ease 0s;
    border: 2px solid transparent;
    border-radius: 0;
    border-bottom: 2px solid #e0e0e0;
    text-align: left;
}

.logo-page .form-horizontal .form-group label {
    padding: 0 7px;
    background: #0aa346;
    font-size: 11px;
    color: #68696f;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    border-radius: 3px;
    z-index: -1;
    position: absolute;
    top: 15px;
    left: 35px;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    opacity: 0;
}

.logo-page .form-horizontal .form-control:focus {
    box-shadow: none;
    outline: 0 none;
    border-color: #0aa346;
    border: 2px solid #0aa346;
    border-radius: 10px;
}

.logo-page .form-horizontal .form-control:focus+label {
    left: 10px !important;
    top: -11px !important;
    color: #fff !important;
    font-weight: bold;
    background: #0aa346;
    font-size: 11px;
    color: #fff;
}

.logo-page .wellabe input {
    box-shadow: none;
    outline: 0 none;
    border-color: #0aa346;
    border: 1px solid #0aa346 !important;
    border-radius: 10px !important;
}

.logo-page .wellabe label {
    position: absolute;
    left: 10px !important;
    top: -11px !important;
    color: #fff !important;
    font-size: 12px;
    background: #fff;
    /*color: #1c3b94;*/
    font-weight: bold;
    z-index: 2 !important;
    opacity: 1 !important;
}

.logo-page .logo-page .wellabe i {
    color: #0aa446 !important;
}

.logo-page .form-horizontal .form-control::-webkit-input-placeholder,
.logo-page .form-horizontal .form-control::-moz-placeholder,
.logo-page .form-horizontal .form-control::placeholder {
    text-align: left;
    color: #e0e0e0;
}

/* .form-material .form-control:invalid {
  background-image: linear-gradient(#c7767094,#986d6a),linear-gradient(#ad8484,#c3a7a7);
} */

.logo-page form .input-submit[type="submit"] {
    padding: 10px 80px !important;
    border-radius: 25px !important;
    margin-top: 20px !important;
}

.logo-page .panel footer {
    border: none;
}

.logo-page .panel footer p {
    float: none;
}

.logo-page .OVLLAYER {
    position: FIXED;
    z-index: 99999999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logo-page .page-copyright {
    margin-top: 20px;
    padding: 10px;
}

.logo-page .validation.invalid {
    background-color: #f00;
    color: #fff;
    padding: 1px 7px;
    border-radius: 0 0 7px 7px;
    position: absolute;
    width: 50%;
    right: 0;
    font-size: 11px;
}

canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 50% 50%;
}

.count-particles {
    background: #002;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13e8e9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: var(--font-family), Arial, sans-serif;
    font-weight: 700;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}

body.site-navbar-small {
    padding-top: 0px !important;
}

.page-content {
    padding: 0px !important;
}

/* End Logo */

.p-button.p-button-secondary,
.p-buttonset.p-button-secondary>.p-button,
.p-splitbutton.p-button-secondary>.p-button {
    color: #ffffff !important;
    background: #254ab2 !important;
    border: 1px solid #254ab2 !important;
    border-radius: 5px;
    box-shadow: 0 0 10px #e6e6e6;
}

body .p-button.p-button-success:enabled:active,
body .p-buttonset.p-button-success>.p-button:enabled:active {
    background-color: #85a91d !important;
    color: #ffffff;
    border-color: #abc51d !important;
    border-radius: 5px;
    box-shadow: 0 0 10px #e6e6e6;
}

body .p-toolbar {
    background-color: #fbfbfb !important;
    border: 1px solid #fff !important;
    padding: 0.271em 1em;
    border-radius: 5px !important;
}

.body .p-inputgroup .p-button:last-child {
    border-radius: 10px 0 0 10px !important;
}

.mm-searchfield input,
.mm-searchfield input:focus,
.mm-searchfield input:hover {
    color: #333;
    background: #fff;
    border-radius: 25px;
}

.mm-menu_offcanvas {
    min-width: 230px !important;
    max-width: 330px !important;
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-330px, 0, 0) !important;
    transform: translate3d(-330px, 0, 0) !important;
}

.p-inputgroup {
    position: relative;
}

body .p-button:enabled:active,
body .p-button:enabled:hover {
    background-color: none !important;
    color: var(--background-menu);
    border-color: none !important;
}

body .p-inputgroup .p-button:last-child {
    background: none !important;
    color: var(--background-menu) !important;
    border: none !important;
    position: absolute;
    left: 0;
    top: -5%;
    z-index: 9;
}

.p-inputgroup .p-inputtext:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0 none;
    border-radius: 10px !important;
    height: 33px;
    padding: 4px 10px;
}

body .p-inputtext {
    font-size: 13px !important;
    color: #333333 !important;
    background: #F6FAFF;
    border: 1px solid #f1f1f1 !important;
    border-radius: 6px !important;
}

body .p-button.p-button-success,
body .p-buttonset.p-button-success>.p-button {
    color: #ffffff;
    background-color: #27ca67;
    border: 1px solid #27ca67;
    border-radius: 25px;
}

body .p-button.p-button-success:hover,
body .p-buttonset.p-button-success>.p-button:hover {
    background-color: hsl(144, 76%, 40%) !important;
    border: 1px solid hsl(144, 76%, 40%) !important;
}

body .p-button.p-button-secondary,
body .p-buttonset.p-button-secondary>.p-button {
    border-radius: 25px;
}

.p-datatable table,
table.table {
    border: 1px solid #efecec !important;
    border-radius: 10px;
}

.p-card .p-card-title {
    font-size: 16px;
}

body .p-dropdown .p-dropdown-trigger {
    background-color: transparent !important;
    width: 2em;
    line-height: 2em;
    text-align: center;
    padding: 0;
    color: #254ab2;
    border-radius: 25px;
}

.mt-30 {
    margin-top: 30px !important;
}

body .p-datatable .p-datatable-header {

    border: 1px solid #fbfbfb !important;
    border-radius: 10px !important;
}

 

.p-datatable .p-paginator-bottom {
    border-bottom: 0;
    border-top: .1px solid #fff !important;
}

 
/* .p-component,
.p-component * {
    font-size: 13px;
    font-weight: bold;
} */

.p-multiselect.p-component.p-unselectable-text {
    border: 1px solid #e8e8e8 !important;
    border-radius: 10px;
    position: relative;
    margin: 0 4px;
}

.lang-rtl .p-multiselect .p-multiselect-trigger {
    position: absolute;
    height: 25px;
    left: 11px !important;
    top: 3px;
    color: #007ad9;
}

.stylelable {
    font-size: 18px;
    margin-top: 7px;
}

.stylei {
    font-size: 20px;
    margin-bottom: 5px;
    color: rgb(12 176 251);
}

body .p-overlaypanel .p-overlaypanel-content {
    padding: 1.5em !important;
    text-align: center;
}

.stylebut {
    margin: 0 10px !important;
}

body .p-button.p-button-success,
body .p-buttonset.p-button-success>.p-button {
    margin: 0 4px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #ffffff !important;
    background-color: var(--background-menu) !important;
    border-color: var(--background-menu) !important;
    font-weight: bold;
    font-size: 13px;
    box-shadow: 0 0 10px #b4b5b7 !important;
}

.tab-content {
    margin-top: 10px;
}

.p-dropdown.p-component.p-unselectable-text {
    border: 1px solid #efefef !important;
    border-radius: 6px !important;
    position: relative;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #ffffff !important;
    background-color: var(--background-menu) !important;
    border-color: var(--background-menu) !important;
}

.stylebo {
    padding: 12px 20px 0;
}

.styletreenew .list-group-item.active {
    z-index: 2;
    color: rgb(43, 43, 43);
    background-color: #ffffff;
    border-color: #f3f3f3;
}

.styletreenew a {
    color: #616161;
}

.master-page .catagory .card {
    box-shadow: 0 0 10px #e2e2e2 !important;
    border: 1px solid #ececec !important;
}

.master-page .catagory .card .card-body h4 {
    color: #757575;
    font-weight: bold;
}

.form-control {
    border-radius: 10px !important;
    border: 1px solid #e6e6e6 !important;
}

.schedulestyle {
    border: 1px solid #e6e6e6 !important;
}

.savestyle {
    background: var(--background-menu) !important;
    border: 1px solid var(--background-menu) !important;
    color: #fff;
}

.stylebutdiv .savestyle {
    padding: 7px 30px;
}

.stylebutdiv {
    margin-top: 15px;
}

.labelstyl {
    font-weight: bold;
    font-size: 12px;
    font-family: var(--font-family);
    color: #05216d;
}

.schedulestyle table tr td {
    padding: 5px;
    border: 1px solid rgb(216 223 224);
}

.schedulestyle table tr td input[type="time"] {
    border-radius: 25px;
    border: 1px solid rgb(218 218 218);
    margin: 0 1px;
    font-size: 13px;
    color: #1641bd;
}

.schedulestyle table tr:nth-child(odd) {
    background: #f7fdff;
}

.mm-wrapper_sidebar-collapsed .mm-slideout {
    /* width: calc(92.6% - var(--mm-sidebar-collapsed-size)) !important; */
}

.p-button.p-fileupload-choose {
    width: auto !important;
}

body .p-fieldset .p-fieldset-legend a {
    background: #007ad9 !important;
}

.textstylela {
    margin-top: 10px;
    font-size: 14px;
}

.stylelab {
    padding: 5px 15px 0;
    margin-bottom: 0px;
    padding-top: 20px;
    font-size: 20px;
}

.tablestylen {
    text-align: center;
}

.toolstyle {
    margin-bottom: 15px;
}

.tablestylen>tr:nth-child(even) {
    background-color: #fbfbfb !important;
}

.tablestylen tbody>tr:nth-child(odd) {
    background-color: #fbfbfb !important;
}

.tablestylen>tr>th {
    background-color: #ffffff !important;
    border-bottom: 1px solid #969696 !important;
    padding: 8px;
}

.tablestylen tr td {
    border-top: 1px solid #efefef !important;
}

.breadcrumb {
    background-color: #fff !important;
}

body .p-dialog .p-dialog-header {
border: 1px solid #016f98 !important;
    background-color: #022347 !important;
    color: #ffffff !important;
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px !important;
    border-radius: 10px 10px 0 0;
}

.backsyle_mainss .imgheadername {
    color: #fff !important;
}
.body .p-dialog .p-dialog-header .imgheadername{
    color : #000 !important;
}
.styledial .mb-5,
.styledial .my-5 {
    margin-bottom: 1rem !important;
}
body .p-dialog .p-dialog-footer {
    text-align: center !important;
}

body .p-checkbox {
    margin: 0 5px !important;
}

.paddingstyle {
    padding: 20px;
    margin-top: 0 !important;
}

body .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    text-align: center;
}

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

.p-tabview .p-tabview-nav li {
    float: right !important;
}

.stylech {
    border: 1px solid #f1f1f1 !important;
    border-radius: 6px;
    margin: 0 4px;
    background: #f1f1f1 !important;
}

/*========*/

.p-dropdown .p-dropdown-label {
    font-family: var(--font-family);
}

.panelsty {
    margin-bottom: 15px;
}

.p-datatable .p-datatable-tbody>tr>td .p-row-toggler,
.p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,
.p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,
.p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel {
    text-align: center;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    margin-left: 0;
}

.red {
    color: rgb(247, 27, 27);
}

.iconstys {
    height: 20px;
    margin: 0 7px !important;
}

body .p-button.p-button-text-icon-left .p-button-text {
    font-family: var(--font-family) !important;
}

.stlrrgkk .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button {
    position: absolute;
    left: 0;
}

.stlrrgkk .p-calendar {
    position: relative;
}

.p-inputtext {
    width: 100% !important;
}

.classsty {
    margin-top: 18px !important;
    padding: 0 10px !important;
}

body .p-radiobutton {
    margin: 0 3px !important;
}

.p-radiobutton+label {
    vertical-align: initial !important;
}

.butstydiv {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.styleto .p-card-body {
    padding-top: 0 !important;
}

.styledivbut .p-selectbutton .p-button {
    border-radius: 25px !important;
    margin: 0 2px;
    background: #f5f5f5;
    border: 1px solid #f1f1f1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f9f9f9 !important;
}

.stdiv100 {
    width: 98% !important;
}

.styledivd {
    padding: 0 !important;
    border: none !important;
}

.styledivffj .p-toolbar-group-right {
    width: 30%;
}

.margin25top {
    margin-top: 25px !important;
}

.stylepp {
    margin: 0 10px;
    margin-bottom: 10px;
}

.stylepp .p-button {
    margin: 0 5px !important;
}

.styleto .p-card-body {
    padding-top: 0 !important;
}

.styledivbut .p-selectbutton .p-button {
    border-radius: 25px !important;
    margin: 0 2px;
    background: #f5f5f5;
    border: 1px solid #f1f1f1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f9f9f9 !important;
}

.stdiv100 {
    width: 98% !important;
}

.Claims-Canceled-Report-page .content-iframe {
    min-height: 88vh;
}

.Outpatient-Clinics-page .tab-pane {

    position: relative;
    padding-bottom: 50px;
}

.Outpatient-Clinics-page .input-group {
    position: relative;
}

.Outpatient-Clinics-page .input-group .input-group-prepend {
    position: absolute;
    left: 10px;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.Outpatient-Clinics-page .input-group .input-group-prepend .input-group-text {
    background-color: transparent;
    border: none;
    color: #4DABF7;
}

.Outpatient-Clinics-page .nav-tabs {
    border: none;
}

.Outpatient-Clinics-page .nav-tabs .nav-item {
    width: 50%;
}

.Outpatient-Clinics-page .nav-tabs .nav-item .nav-link {
    width: 100%;
    text-align: center;
    border-radius: 0px;
    border: none;
    font-weight: bold;
    font-size: 15px;
    padding: 1px !important;
    color: #b1b0b0;
    padding: 8px 1px !important;
}

.Outpatient-Clinics-page .nav-tabs .nav-item .nav-link .stylgrayimg {
    width: 25px;
    filter: grayscale(100%);
}

.Outpatient-Clinics-page .nav-tabs .nav-item .nav-link.active .stylgrayimg,
.Outpatient-Clinics-page .nav-tabs .nav-item .nav-link:hover .stylgrayimg {
    filter: inherit !important;
}

.Outpatient-Clinics-page .nav-tabs .nav-item .nav-link.active,
.Outpatient-Clinics-page .nav-tabs .nav-item .nav-link:hover {
    background-color: transparent !important;
    color: #f5a53c !important;
}

.Outpatient-Clinics-page .p-selectbutton .p-button {
    margin: 0 5px;
}

.Outpatient-Clinics-page .tab-pane .tap-clinics {
    position: relative;
    max-height: 74vh;
    overflow: auto;
}

.Outpatient-Clinics-page .clinics {
    padding: 0 0px 5px;
}

.Outpatient-Clinics-page .clinics .header-clinics {
    padding: 10px 5px 0;
    display: flex;

    margin-bottom: 0;
    justify-content: space-between;
}

.Outpatient-Clinics-page .clinics .header-clinics .header-title {
    width: 30%;
    color: #2b2b2b;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: bold;
}

.Outpatient-Clinics-page .clinics .header-clinics .input-group {
    width: 100%;
    position: relative;
}

.Outpatient-Clinics-page .clinics .header-clinics .input-group .input-group-prepend {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.Outpatient-Clinics-page .clinics .header-clinics .input-group .input-group-prepend .input-group-text {
    background-color: transparent;
    border: none;
}

.Outpatient-Clinics-page .clinics .header-clinics .icon {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.Outpatient-Clinics-page .clinics .clinics-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    max-height: 70%;
    overflow-y: auto;
}

.Outpatient-Clinics-page .clinics .clinics-body ul {
    padding: 0 10px;
    margin: 0;
}

.Outpatient-Clinics-page .clinics .clinics-body ul li {
    padding: 3px 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.Outpatient-Clinics-page .clinics .clinics-body ul li:hover,
.Outpatient-Clinics-page .clinics .clinics-body ul li.active {
    background-color: #4DABF7;
    color: #fff;
    border-radius: 25px;
}

.Outpatient-Clinics-page .clinics .clinics-body .groub-button .btn {
    padding: 3px 0.75rem !important;
}

.Outpatient-Clinics-page .clinics-footer {
    display: flex;
    padding-top: 10px;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
}

.Outpatient-Clinics-page .clinics-footer button {
    display: block;
    width: 50%;
    border-radius: 25px;
}

.Outpatient-Clinics-page .doctor {
    background-color: transparent;
    border-radius: 10px;
    position: relative;
}

.Outpatient-Clinics-page .doctor .body-doctor {
    max-height: 78vh;
    overflow: auto;
    padding-top: 5px;
    margin-top: 7px;
}

.Outpatient-Clinics-page .doctor .input-group {
    position: sticky;
    top: 0;
    z-index: 9;
    box-shadow: 0 0 10px #f1f1f1;
    border-radius: 12px;
    width: 98%;
    margin: auto;
}

.Outpatient-Clinics-page .doctor .input-group .input-group-prepend {
    position: absolute;
    left: 10px;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.Outpatient-Clinics-page .doctor .input-group .input-group-prepend .input-group-text {
    background-color: transparent;
    border: none;
}

.Outpatient-Clinics-page .doctor .card-doctor {
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 5px 10px;
    margin: 0 7px;
    margin-bottom: 10px;
    border-radius: 12px;
}

.Outpatient-Clinics-page .doctor .card-doctor.active {
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    background: #0EB2F2;
    box-shadow: 0 0 4px #e0e0e0;
    color: #fff !important;
}

.Outpatient-Clinics-page .doctor .card-doctor .card-doctor-header {
    display: flex;
    width: 100%;
    cursor: pointer;
}

.Outpatient-Clinics-page .doctor .card-doctor .image {
    width: 20%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Outpatient-Clinics-page .doctor .card-doctor .image .notifuction {
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 50%;
    top: 60%;
    right: 0%;
    border: 2px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .10);
}

.Outpatient-Clinics-page .doctor .card-doctor .image .notifuction.online {
    background-color: #31a24c;
}

.Outpatient-Clinics-page .doctor .card-doctor .image .notifuction.ofline {
    background-color: #BBBBBB;
}

.Outpatient-Clinics-page .doctor .card-doctor .image .notifuction.busy {
    background-color: #FF4040;
}

.Outpatient-Clinics-page .doctor .card-doctor .header-body {
    width: 80%;
    padding: 10px;
    position: relative;
}

.Outpatient-Clinics-page .doctor .card-doctor .header-body h5 {
    font-size: 15px;
    font-weight: bold;
    color: #4A525D;
}

.Outpatient-Clinics-page .doctor .card-doctor .header-body h5~small {
    color: #707070;
    font-weight: normal;
    font-size: 12px;
    margin-right: 2px;
    margin-top: -5px;
    display: block;
    width: 83%;
}

.Outpatient-Clinics-page .doctor .card-doctor .header-body .Nationality {
    position: absolute;
    top: 10px;
    left: 5px;
    margin: 0 0px;
    width: 20px;
}

.Outpatient-Clinics-page .doctor .card-doctor .header-body .witing {
    position: absolute;
    top: 38px;
    left: 5px;
    margin: 0 0px;
    width: 25px;
    display: flex;
    flex-direction: row-reverse;
}

.Outpatient-Clinics-page .doctor .card-doctor .header-body .witing span {
    font-size: 18px;
    font-weight: bold;
}

.Outpatient-Clinics-page .doctor .card-doctor .card-doctor-body {
    display: none;
}

.Outpatient-Clinics-page .doctor .card-doctor .card-doctor-body.show {
    display: block;
}

.Outpatient-Clinics-page .doctor .card-doctor .card-doctor-body .form-group .form-control {
    padding: 0.075rem 0.75rem;
    font-size: .8em;
}

.Outpatient-Clinics-page .doctor .card-doctor .card-doctor-body button {
    font-size: .8em;
    font-weight: bold;
}

.Outpatient-Clinics-page .booking-time {
    background-color: #FBFBFB;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    overflow: hidden;
    position: relative;
}

.Outpatient-Clinics-page .booking-time .booking-time-title {
    display: flex;
    justify-content: space-between;
    background-color: #0070CD;
    color: #fff;
    padding: 10px;
}

.Outpatient-Clinics-page .booking-time .booking-time-title .date {
    cursor: pointer;
}

.Outpatient-Clinics-page .booking-time .booking-time-title h5 {
    margin-bottom: 0;
}

.Outpatient-Clinics-page .booking-time .booking-time-body {
    max-height: 78vh;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 40px;
    min-height: 75vh;
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day .box-day {
    background-color: #fff;
    text-align: center;
    padding: 5px 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .20);
    border-radius: 5px;
    margin: 5px 4px 10px;
    width: 75px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1466.98px) {
    .Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day .box-day {
        padding: 5px 5px;
        border-radius: 5px;
        margin: 5px 3px 10px;
        width: 68px;
    }
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day .box-day:hover {
    background-color: #007bff;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .30);
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day .box-day .day-num {
    font-size: 25px;
    font-weight: bold;
    margin-top: -5px;
}

.booking-time .booking-time-body .box-of-day .box-day .day-Manth {
    margin-top: -10px;
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-hour {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-hour .box-hour {
    background-color: #fff;
    text-align: center;
    padding: 5px 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .20);
    border-radius: 5px;
    margin: 5px 4px 10px;
    font-size: .8em;
    width: 75px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 1466.98px) {
    .Outpatient-Clinics-page .booking-time .booking-time-body .box-of-hour .box-hour {
        padding: 5px 5px;
        border-radius: 5px;
        margin: 5px 5px 10px;
        font-size: .8em;
        width: 64px;
    }
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-hour .box-hour:hover {
    background-color: #007bff;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .30);
}

.Outpatient-Clinics-page .booking-time .booking-time-footer {
    display: flex;
    justify-content: space-around;
    padding: 10px;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.Outpatient-Clinics-page .booking-time .booking-time-footer .color {
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, .20);
    border-radius: 2px;
    margin: 0 2px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.Outpatient-Clinics-page .Contenr-add-pationt,
.Outpatient-Clinics-page .Contenr-booking-time,
.Outpatient-Clinics-page .hour-conatiner,
.Outpatient-Clinics-page .day-conatiner {
    display: none;
}

.Outpatient-Clinics-page .Contenr-add-pationt.show,
.Outpatient-Clinics-page .Contenr-booking-time.show,
.Outpatient-Clinics-page .hour-conatiner.show,
.Outpatient-Clinics-page .day-conatiner.show {
    display: block;
}

.Outpatient-Clinics-page .add-pationt {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.Outpatient-Clinics-page .add-pationt .title-add-pationt {
    background-color: #0070CD;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.Outpatient-Clinics-page .add-pationt .search-content {
    display: flex;
    padding: 10px;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.Outpatient-Clinics-page .add-pationt .search-content .input-group {
    width: 80%;
    position: relative;
}

.Outpatient-Clinics-page .add-pationt .search-content .input-group input {
    position: relative;
    z-index: 1;
}

.Outpatient-Clinics-page .add-pationt .search-content .input-group .btn-submit {
    position: absolute;
    left: 0;
    width: 50px;
    color: #5eb3f8;
    height: 38px;
    border: none;
    z-index: 2;
}

.Outpatient-Clinics-page .add-pationt .search-content .input-group .btn-submit:focus {
    box-shadow: none;
}

.Outpatient-Clinics-page .add-pationt .search-content .button-add {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Outpatient-Clinics-page .add-pationt .search-content .button-scan {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Outpatient-Clinics-page .add-pationt .search-content .button-scan .p-button {
    width: 50px !important;
    height: 34px;
}

.Outpatient-Clinics-page .add-pationt .search-content .button-scan .p-button i {
    font-size: 20px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt {
    border: 1px solid #0070CD;
    border-radius: 10px;
    margin: 0 5px 10px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt {
    display: flex;
    width: 100%;
    padding: 5px;
    cursor: pointer;
    position: relative;
}

.Outpatient-Clinics-page .add-pationt .card-pationt.active {
    border: 2px solid green;
    border-radius: 15px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt.active .title-card-pationt {
    background-color: rgba(76, 175, 80, .1);
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt::after {
    content: '\F107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 5px;
    top: 5px;
    width: 15px;
    transition: all 0.4s ease-in-out;
    height: 15px;
    transform-origin: center;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt.rotet::after {
    transform: rotate(180deg);
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt .info-pationt {
    display: flex;
    width: 52%;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt .info-pationt .image {
    display: flex;
    width: 18%;
    height: 55px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt .info-pationt .info-body {
    margin: 0 10px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt .info-pationt .info-body h5 {
    margin-bottom: 5px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt i {
    color: #0eb2f2;
    display: inline-block;
    margin: 0 1px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt .bart-info {
    width: 20%;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt .bart-info-phone {
    width: 30%;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .body-card-pationt {
    padding: 0px 0 2px !important;
    display: none;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .body-card-pationt.show {
    display: block;
}

.add-pationt .card-pationt .body-card-pationt table {
    text-align: center;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .body-card-pationt table thead th,
.Outpatient-Clinics-page .add-pationt .card-pationt .body-card-pationt table tbody td {
    font-size: .7em;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .body-card-pationt table thead th {
    background-color: #06ABEB;
}

.Outpatient-Clinics-page .add-pationt {
    position: relative;
}

.Outpatient-Clinics-page .add-pationt .body-add-pationt {
    max-height: 82vh;
    min-height: 82vh;
    overflow: auto;
    padding-bottom: 50px;
    position: relative;
}

.Outpatient-Clinics-page .add-pationt .footer-add-pationt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.Outpatient-Clinics-page .add-pationt .footer-add-pationt button {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #0070CD;
    border-radius: 0 0 10px 10px;
}

.Outpatient-Clinics-page .add-pationt-model.p-dialog {
    border-radius: 20px;
    overflow: hidden;
}

.Outpatient-Clinics-page .add-pationt-model .p-dialog-header {
    background-color: #0070CD !important;
    color: #fff !important;
    display: flex;
    width: 100%;
    padding: 5px !important;
    border: none !important;
}

.add-pationt-model .p-dialog-header .d-flex {
    width: 98%;
}

.Outpatient-Clinics-page .Booked {
    background-color: #0070CD !important;
    color: #fff;
}

.Outpatient-Clinics-page .available {
    background-color: #4CAF50 !important;
    color: #fff;
}

.Outpatient-Clinics-page .not-found {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
}

.Outpatient-Clinics-page .not-found .image {
    margin-bottom: 10px;
}

.Outpatient-Clinics-page .not-found .image svg {
    width: 30px;
    height: 30px;
}

.Outpatient-Clinics-page select.form-control {
    padding: 0.175rem 0.75rem;
}

.add-newpationt-model .p-dialog-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    background-color: #eee !important;
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
}

.add-NewId .card-body .btn {
    width: 100% !important;
    height: 38px;
    position: relative;
}

.add-NewId .card-body .btn .custom-file {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.w-45 {
    width: 45% !important;
}

.Payment-page .p-dialog-header {
    display: flex;
    justify-content: space-between;
}

/*********************** Start Page NewPationt **********************/

.new-patint .resolution {
    background-color: #0070CD;
    color: #fff;
    padding: 10px;
    border-radius: 25px;
}

.new-patint .resolution h5 {
    margin-bottom: 0;
    padding: 5px 0;
}

.new-patint .resolution .resolution-button {
    display: flex;
    justify-content: flex-end;
}

.new-patint .resolution .resolution-button button {
    display: block;
    margin: 0 10px;
    padding: 4px 15px;
}

.new-patint .resolution .resolution-button button.cancel {
    background-color: #fff;
}

.new-patint .resolution .resolution-button button.cancel:hover {
    background-color: #dc3545;
}

.new-patint .Personal-data .nav {
    display: flex;
    justify-content: center;
}

.new-patint .Personal-data .nav li a {
    position: relative;
    margin: 30px 100px 10px;
    color: #BBBBBB;
    background-color: transparent;
    display: block;
    border: none !important;
    transition: all 0.4s ease-in-out;
}

.new-patint .Personal-data .nav li a:hover {
    background-color: transparent !important;
    border: none !important;
    color: #333 !important;
}

.new-patint .Personal-data .nav li a::before {
    content: '1';
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #BBBBBB;
    color: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-patint .Personal-data .nav li:first-child a::before {
    content: '1';
}

.new-patint .Personal-data .nav li:first-child a::after {
    content: '';
    width: 110%;
    position: absolute;
    top: -14px;
    left: -65%;
    height: 1px;
    border-top: 1px dashed #bbb;
    z-index: -1;
}

.new-patint .Personal-data .nav li:last-child a::after {
    content: '';
    width: 110%;
    position: absolute;
    top: -14px;
    right: -65%;
    height: 1px;
    border-top: 1px dashed #bbb;
    z-index: -1;
}

.new-patint .Personal-data .nav li:nth-child(2) a::before {
    content: '2';
}

.new-patint .Personal-data .nav li a.active {
    background-color: transparent !important;
    color: #31a24c !important;
    border: none;
    font-weight: bold;
}

.new-patint .Personal-data .nav li a.active::before {
    background-color: #31a24c;
    color: #fff;
}

.new-patint .Personal-data .nav li a.active::after {
    border-color: #31a24c;
}

.p-calendar {
    width: 100%;
}

.p-calendar .p-inputtext {
    width: 100%;
}

.p-calendar .p-calendar-button {
    position: absolute;
    left: 0;
}

f.p-inputgroup .p-inputtext {
    width: 100%;
}

.new-patint .p-inputgroup .p-inputgroup-addon {
    position: absolute;
    left: 2px;
    border-radius: 10px 0 0 10px;
    height: 100%;
    display: flex;
}

/* .w-20 {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 10px;
    padding-left: 10px;
}
 */

/********** Start page-Claims *************/

.page-Claims .p-selectbutton .p-button {
    border-radius: 5px !important;
    margin: 0 5px;
}

.page-Claims .p-calendar {
    width: 100% !important;
}

.page-Claims .p-calendar .p-inputtext {
    width: 100%;
}

.page-Claims .p-calendar .p-calendar-button {
    position: absolute;
    left: 0;
}

.page-Claims .p-inputgroup .p-inputtext {
    width: 100%;
}

.page-Claims .p-inputgroup .p-inputgroup-addon {
    position: absolute;
    left: 2px;
    border-radius: 25px 0 0 25px;
    height: 100%;
    display: flex;
}

body .p-dropdown-label {
    border: none !important;
}

.page-Claim-extraction .card-pationt {
    border: 1px solid #0070CD;
    border-radius: 0;
    margin: 0 0 10px;
}

.page-Claim-extraction .card-pationt .title-card-pationt {
    display: flex;
    width: 100%;
    padding: 5px;
    cursor: pointer;
    position: relative;
}

.page-Claim-extraction .card-pationt .title-card-pationt::after {
    content: '\F107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 5px;
    top: 5px;
    width: 15px;
    transition: all 0.4s ease-in-out;
    height: 15px;
    transform-origin: center;
}

.page-Claim-extraction .card-pationt .title-card-pationt.rotet::after {
    transform: rotate(180deg);
}

.page-Claim-extraction .card-pationt .title-card-pationt .info-pationt {
    display: flex;
    width: 52%;
}

.page-Claim-extraction .card-pationt .title-card-pationt .info-pationt .image {
    display: flex;
    width: 18%;
}

.page-Claim-extraction .card-pationt .title-card-pationt .info-pationt .info-body {
    margin: 0 10px;
}

.page-Claim-extractiont .card-pationt .title-card-pationt .info-pationt .info-body h5 {
    margin-bottom: 5px;
}

.page-Claim-extraction .card-pationt .title-card-pationt i {
    color: #0070CD;
    display: inline-block;
    margin: 0 10px;
}

.page-Claim-extraction .card-pationt .title-card-pationt .bart-info {
    width: 20%;
}

.page-Claim-extraction .card-pationt .title-card-pationt .bart-info-phone {
    width: 30%;
}

.page-Claim-extraction .card-pationt .body-card-pationt {
    padding: 10px 0;
    display: none;
}

.page-Claim-extraction .card-pationt .body-card-pationt.show {
    display: block;
}

.page-Claim-extraction .card-pationt .body-card-pationt table {
    text-align: center;
}

.page-Claim-extraction .card-pationt .body-card-pationt table thead th,
.page-Claim-extraction .card-pationt .body-card-pationt table tbody td {
    font-size: .7em;
}

.page-Claim-extraction .card-pationt .body-card-pationt table thead th {
    background-color: #06ABEB;
}

.page-Claim-extraction .header-pationt {
    background-color: #0070CD;
    color: #fff;
    padding: 7px;
    border-radius: 10px 10px 0 0;
    margin: 0 0;
}

.page-Claim-extraction .p-datatable .p-datatable-wrapper table {
    min-width: 100% !important;
}

/********** End page-Claims *************/

/********** Start Master-page *************/

.master-page {
    position: relative;
}

.master-page .w-20 {
    padding-left: 5px;
    padding-right: 5px;
}

.master-page .cards {
    background-color: #fff;
    transition: all 0.4s ease-in-out;
}

.master-page .cards .image {
    background-color: #999;
    color: #fff;
    width: 20%;
}

.master-page .cards .cards-body {
    width: 80%;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 5px 10px;
    transition: all 0.4s ease-in-out;
}

.master-page .cards .cards-body h5 {
    font-size: 14px;
}

.master-page .cards .cards-body .number {
    font-size: 20px;
}

.master-page .cards .cards-body small {
    color: #999;
    padding-right: 10px;
}

.master-page .w-20:first-child .cards .image {
    background: linear-gradient(60deg, #43a047, #66bb6a);
}

.master-page .w-20:first-child .cards .cards-body h5,
.master-page .w-20:first-child .cards .cards-body .number {
    color: #43a047;
}

.master-page .w-20:first-child .cards:hover .cards-body {
    border-color: #43a047;
    background-color: rgba(67, 160, 71, .1);
    cursor: pointer;
}

.master-page .w-20:nth-child(2) .cards .image {
    background: linear-gradient(60deg, #ef5350, #e53935);
}

.master-page .w-20:nth-child(2) .cards .cards-body h5,
.master-page .w-20:nth-child(2) .cards .cards-body .number {
    color: #e53935;
}

.master-page .w-20:nth-child(2) .cards:hover .cards-body {
    border-color: #e53935;
    background-color: rgb(229, 57, 53, .10);
    cursor: pointer;
}

.master-page .w-20:nth-child(5) .cards .image {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

.master-page .w-20:nth-child(5) .cards .cards-body h5,
.master-page .w-20:nth-child(5) .cards .cards-body .number {
    color: #fb8c00;
}

.master-page .w-20:nth-child(5) .cards:hover .cards-body {
    border-color: #fb8c00;
    background-color: rgb(251, 140, 0, .10);
    cursor: pointer;
}

.master-page .w-20:nth-child(4) .cards .image {
    background: #732DDE;
}

.master-page .w-20:nth-child(4) .cards .cards-body h5,
.master-page .w-20:nth-child(4) .cards .cards-body .number {
    color: #732DDE;
}

.master-page .w-20:nth-child(4) .cards:hover .cards-body {
    border-color: #732DDE;
    background-color: rgba(79, 33, 150, 0.1);
    cursor: pointer;
}

.master-page .w-20:nth-child(3) .cards .image {
    background: linear-gradient(60deg, #0093e9 0%, #1f5ac9 100%);
}

.master-page .w-20:nth-child(3) .cards .cards-body h5,
.master-page .w-20:nth-child(3) .cards .cards-body .number {
    color: #0093e9;
}

.master-page .w-20:nth-child(3) .cards:hover .cards-body {
    border-color: #0093e9;
    background-color: rgba(0, 147, 233, .1);
    cursor: pointer;
}

.master-page .card {
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .10);
}

.master-page .card .card-title {
    padding: 10px 10px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .10);
    margin: 0;
    font-weight: bold;
}

.master-page .card .apexcharts-legend-text {
    margin: 0 5px;
    color: #fff !important;
}

.master-page .icon-aside {
    position: absolute;
    top: 100px;
    left: 0;
}

.master-page .p-button-icon-only {
    left: 13px;
    right: auto;
    border-radius: 0 10px 10px 0 !important;
    padding: 0;
    top: 180px !important;
}

/********** End Master-page *************/

.Outpatient-Clinics-page .add-pationt-model .p-dialog-header {
    justify-content: space-between;
}

.list-group .sub {
    padding: 0;
    border: none;
    box-shadow: 0 0 10px #e5e1e1;
    margin-bottom: 10px;
}

.list-group .sub a {
    padding: 8px;
    font-weight: bold;
    padding-right: 33px;
    border: none;
    display: flex;
    justify-content: space-between;
    background-color: var(--background-menu);
    color: #fff !important;
    text-decoration: none;
    position: relative;
    font-size: 14px;

}

.list-group .sub>a::before {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 5px;
    background: #fff;
    color: var(--background-menu);
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
}

.list-group .sub>.down-sub>li {
    padding: 0;
    border: none;
}

.list-group .sub>.down-sub>li a {
    background-color: #fff;
    padding-right: 30px;
    text-decoration: none;
    color: rgb(26, 26, 26);
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 12px;
    color: #909090 !important;
}

.list-group .sub>.down-sub>li>.down-sub a {
    /* background-color: #14285f; */
    padding-right: 40px;
    text-decoration: none;
    color: #fff;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.list-group .sub>.down-sub>li a::before {
    content: '\f104';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
}

.list-group .sub>.down-sub>li>.down-sub a::before {
    content: '\f104';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 25px;
}

/*======dashboard====*/
.styledash {
    display: inline-block;
    vertical-align: top;
}

.stylecardblock {
    padding: 24px;
    background: #fff;
    /* border-radius: 9px; */
    /* box-shadow: 10px 10px 10px #ccc; */
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    max-width: 48%;
}

.margin2 {
    margin-left: 4%;
}

.stylecardblock .cards .image {
    background-color: #999;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 6px;
}

.dashboxstyle .card {
    padding: 5px 4px 20px !important;
}

.stylecardblock .cards .cards-body {
    width: calc(100% - 52px);
    border: none;
    padding: 5px 10px;
    text-align: center;
}

.styleblock1 .cards .image {
    background: #1ebdc0 !important;
}

.styleblock2 .cards .image {
    background: #fa6666 !important;
}

.styleblock3 .cards .image {
    background: #fb9816 !important;
}

.styleblock4 .cards .image {
    background: #1f9afa !important;
}

.styledivcharts {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.detailsstyl {
    display: inline-block;
    width: 33%;
}

.detailsstyl .cards {
    text-align: center;
    border: 1px solid #dcdcdc;
    padding: 6px;
    border-radius: 10px;
    margin: 12px
}

.detailsstyl .cards .image {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.detailsstyl .cards .cards-body {

    border: none;
    padding: 0px 10px;
    text-align: center;
}

.detailsstyl h4 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}

.imagename img {
    width: 35px;
    height: 35px;
    margin: 0 5px;
    vertical-align: middle;
}

.imagename span {
    font-size: 13px;
    font-weight: bold;
    color: #5f5f5f;
}

.stylebut1 {
    background: #fbd5e2;
    color: #F13838;
    padding: 3px 8px;
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    border-radius: 20px;
}

.stylebut2 {
    background: #ccfbe5;
    color: #21B972;
    padding: 3px 8px;
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    border-radius: 20px;
}

.stylebut3 {
    background: #d0e9f5;
    color: #3E73CC;
    padding: 3px 8px;
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    border-radius: 20px;
}

.stylecolor1 tbody {
    font-size: 13px;
    font-weight: bold;
}

.textaligncenter {
    text-align: center;
}

.stylecolor1 {
    border: none !important;
    margin-top: 20px;
    margin-bottom: 25px;
}

.styledivtable {

    overflow-y: auto;
}

.stylecolor1 tr {
    border: none !important;
}

.stylecolor1 thead th {
    border: none !important;
}

.stylecolor1 thead tr {
    border: none;
    font-size: 14px;
}

.stylebut {
    background: #d0e9f575;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 7px;
    color: #3e73cc;
    font-size: 11px;
}

.stylebut i {
    font-size: 14px;
    display: inline-block;
    margin: 0 7px;
}

.detailsstyl .cards .image {
    background: #fff !important;
    width: 35px !important;
    height: 35px !important;
    margin-top: 9px;
}

.detailsstyl .cards .image img {
    width: 100%;
    height: 100%;
}

.block1style1 .cards {
    border: none !important;
}

.block1style2 .cards .cards-body .number {
    color: #0086ff;
}

.block1style3 .cards .cards-body .number {
    color: #f13838;
}

.textaligncenter .form-check {
    margin-top: 5px;
}

.stylecolor1 th,
.stylecolor1 td {
    border-top: 0px solid #dee2e6 !important;
}

.styledivtot .cards .cards-body small {

    padding-right: 0 !important;
    font-size: 20px;
    font-weight: bold;
}

.styledivtot .cards .cards-body h5 {
    font-size: 14px;
    color: #7d7b7b;
}

.saldddk {
    font-size: 14px;
    font-weight: 900;
    color: #4A4D51;
}

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

.block1style2 .cards .cards-body h5 {
    margin-bottom: 2px !important;
}

.block1style3 .cards .cards-body h5 {
    margin-bottom: 2px !important;
}

.block1style2 .cards .cards-body small,
.block1style3 .cards .cards-body small {
    font-size: 15px !important;
}

.block1style2 .cards .cards-body .number,
.block1style3 .cards .cards-body .number {
    font-size: 15px !important;
}

.block1style2 .cards .image,
.block1style3 .cards .image {
    margin-top: 1px !important;
}

.block1style1 .cards .cards-body h5 {
    margin-bottom: 2px !important;
}

.block1style1 .cards .image {
    margin-top: 5px !important;
}

.styleloca {
    font-size: 14px;
    font-weight: 900;
}

.inputstydate input {
    border: 1px solid #e6e6e6;
    padding: 4px 6px;
    border-radius: 20px;
    outline: none !important;
}

.inputstydate input:focus {
    border-radius: 20px;
}

span.stylespans {
    font-size: 15px;
    background: #fff;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    border-radius: 50%;
    margin: 0 5px;
    border: 1px solid #eaeaea;
    cursor: pointer;
}

span.stylespans i {
    line-height: 38px;
}

.inputstydate {
    float: left;
}

.mm-menu_theme-dark {
    --mm-color-background: linear-gradient(to top, #1DBEC1, #0BAFFF) !important;

}

nav#menu .mm-listview li a {
    color: #fff;
}

/* .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    color: rgb(158, 153, 153) !important;
}  */
/* .mm-menu_iconpanel .mm-panels > .mm-panel{
    width: 100% !important;
} */
.mm-listitem.mm-listitem_selected {
    border-right: 3px solid #F49821;
}

.mm-menu_iconpanel .mm-panels>.mm-panel {
    /* width: 100%; */
}

/*==========اداره الحجوزات*/
.blocktotalsty {
    margin: 10px 0;
    background: #f9f8f8;
    padding: 13px;
    border-radius: 10px;
}

.stkeecard {
    margin-bottom: 10px;
}

.card .card-header {
    background-color: #fff;
    border-bottom: 1px solid #e1e8ed;
    padding: 10px;
}

.styleheadtop {
    padding: 10px 20px 1px !important;
    cursor: pointer;
}

.stylenh5 {
    display: inline-block;
    width: 100%;
}

.divlabelblock {
    display: inline-block;
    width: calc(100% - 30px);
}

.iconclapp {
    color: #cacaca;
}

.blockst1 {
    display: inline-block;
    border-left: 1px solid #f1f1f1;
    padding: 0 6px;
    text-align: center;
    vertical-align: middle;
}

.width222111 {
    width: 7%;
}

.convertlabel {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #c1c1c1;
    margin-bottom: 9px;
}

.convertlabel2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.convertlabel2 {
    font-size: 14px;
    font-weight: bold;
    color: #2b2b2b;
    display: block;
}

.width32213 {
    width: 20%;
}

.width10011 {
    width: 10%;
}

.width233 {
    width: 12%;
}

.width222 {
    width: 12%;
}

.skffbut2 {
    background: #b1ce735e;
    padding: 4px 12px;
    border-radius: 25px;
    font-weight: bold !important;
    color: #6da014 !important;
    border: 1px solid #85d033;
    font-size: 13px !important;
}

.calclabel {
    background: #e4f3fd;
    padding: 4px 12px;
    border-radius: 25px;
    font-weight: bold;
    color: #3492CE;
    border: 1px solid #c1def1;
    font-size: 15px;
}

.classredstyle,
.classgreenstyle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
}

.classgreenstyle {
    box-shadow: 0 0 10px #62ff53;
    transform: scale(1);
    animation: mymove 1s infinite;
}

.classredstyle {
    box-shadow: 0 0 10px #fd9797;
    transform: scale(1);
    animation: mymove22 1s infinite;
}

@keyframes mymove {
    from {
        background-color: #1ad428;
        transform: scale(1);
    }

    to {
        background-color: #37f145;
        transform: scale(1.2);
    }
}

@keyframes mymove22 {
    from {
        background-color: red;
        transform: scale(1);
    }

    to {
        background-color: #ff7a7a;
        transform: scale(1.2);
    }
}

.text-gray-400 {
    color: #d1d3e2 !important;
}

.styleclose span {
    background: #F12A4F;
}

.fixedst span {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: red;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin: 0 0px 0 8px;
}

.styledetails span {
    background: #0CBEA6;
}

.styleprom span {
    background: #F1BF1B;
}

.fixedst label {
    font-size: 14px;
    font-weight: bold;
    color: #545454;
}

.stylene span {
    background: #8F8E8D;
}

.skffbut {
    background: #D8F3EC;
    padding: 4px 12px;
    border-radius: 25px;
    font-weight: bold !important;
    color: #0BB7B2 !important;
    border: 1px solid #0BB7B2;
    font-size: 13px !important;
}

.labeltopsty {
    color: #275dd9;
    font-size: 14px;
    font-weight: 800;
    border-bottom: 2px solid #275dd9;
}

.spansttdd {
    font-size: 13px;
    font-weight: bold;
    color: #969494;
}

.labelser {
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.width80 {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    margin-left: .7%;
}

.widthnew40 {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    position: relative;
}

.totalster {
    background: #efefef38;
    padding: 12px;
    border-radius: 25px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.blockrightr {
    display: inline-block;
    width: calc(100% - 100px);
    vertical-align: top;
}

.blockrightr h6 {
    font-weight: bold;
    color: #828080;
    font-size: 12px;
    margin-bottom: 1px;
}

.blockrightr p {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
}

.wjwijeiwjew {
    margin: 6px 0 0;
    font-weight: bold;
    font-size: 14px;
    color: #2680eb;
}

.wjwijeiwjew i {
    font-size: 16px;
    margin: 0 0 0 4px;
}

.iconstr {
    display: inline-block;
    width: 90px;
}

.blockorders {
    padding: 15px;
    margin-top: 15px;
}

.cardstyle {
    box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%) !important;
    background: #fff !important;
}

.label2sty {
    padding: 6px 12px;
    border-radius: 25px;
    font-weight: bold;
    color: #F74040;
    border: 1px solid #ccc;
}

.orderdatablock {
    margin-bottom: 15px;
}

.labelheader {
    width: calc(100% - 250px);
    display: inline-block;
}

.labelheader h3 {
    color: #275DDA;
    font-weight: 700;
    font-size: 17px;
}

.dropblockdiv {
    display: inline-block;
    width: 230px;
}

.dropblockdiv select {
    font-weight: bold;
    border-radius: 20px;
    font-size: 13px;
    color: #848484;
}

.styledivsss {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    ;
}

.stylelabsty {
    margin: 0 4px 6px;
    font-weight: bold;
    font-size: 13px;
}

.butstylesave {
    padding: 5px 25px !important;
    font-weight: bold;
    background: #0cb0fd !important;
    box-shadow: 0 0 10px #e8e8e8;
    color: #fff !important;
    border: 1px solid #e8e8e8;
}

.skffbut3 {
    background: #efaa9d7a;
    padding: 4px 12px;
    border-radius: 25px;
    font-weight: bold !important;
    color: #ea6327 !important;
    border: 1px solid #f58d5c;
    font-size: 13px !important;
}

.styllabel {
    margin-bottom: 15px;
}

/*=========newstyle=====*/
.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day .box-day .day-name {
    font-weight: bold;
    font-size: 12px;
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day .box-day .day-num {
    font-weight: bold;
    font-size: 20px;
    margin: 0px 0 6px;
    color: #0eb2f2;
}

.Outpatient-Clinics-page .booking-time .booking-time-body .box-of-day .box-day .day-Manth {
    font-weight: bold;
    font-size: 12px;
}

.stylenewsel .p-button.p-highlight:not(.p-disabled):hover {
    background-color: #ffffff !important;
    border-color: #1F9AFA !important;
    color: #1F9AFA !important;
    font-weight: bold;
    font-size: 14px;
}

.stylenewsel .p-button.p-highlight {
    background-color: #ffffff !important;
    border-color: #1F9AFA !important;
    color: #1F9AFA !important;
    font-weight: bold;
    font-size: 14px;
    border-right: 1px solid !important;
}

.stylenewsel .p-button:hover {
    background-color: #ffffff !important;
    border-color: #1F9AFA !important;
    color: #1F9AFA !important;
    font-weight: bold;
    font-size: 14px;
}

.stylenewsel .p-button {
    padding: 7px 10px !important;
    margin: 0 3px !important;
    background-color: #ffffff !important;
    border-radius: 2px !important;
    width: 125px;
    border-right: 1px solid #dadada !important;
}

.nobackground {
    background: none !important;
    border: none !important;
    padding: 2px !important;
}

.imgmain {
    margin-left: 10px;
}

.stylenewsel .p-button.p-highlight .stlyspan {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1F9AF9 !important;
    display: inline-block;
    color: #fff;
    line-height: 25px;
    margin: 0 5px;
    font-size: 12px;
}

.stylenewsel .p-button .stlyspan {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #e2e2e2;
    display: inline-block;
    color: rgb(152 152 152);
    line-height: 25px;
    margin: 0 5px;
    font-size: 12px;
    font-weight: bold;
}

.tabstyletop .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a,
.tabstyletop .p-tabview-nav li a {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #C6C6C6 !important;
}

.tabstyletop .p-tabview-nav li a:not(.p-disabled):focus {
    box-shadow: none !important;
}

.tabstyletop .p-tabview-nav li:not(.p-highlight) .stylimgtab {
    filter: grayscale(100%);
}

.stylimgtab {
    display: inline-block;
    margin: 0 7px;
}

.stylimgtab img {
    width: 25px;
}

.tabstyletop .p-tabview-nav li.p-highlight a {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #F49820 !important;
    border-bottom: 3px solid !important;
    margin-bottom: 10px;
}

.tabstyletop .p-tabview .p-tabview-panels {
    border: none !important;
    padding: 2px !important;
}

.styllabpop {
    font-size: 13px;
    font-weight: bold;
    color: #565656;
}

.strkkkk {
    font-size: 13px;
    font-weight: bold;
    color: #565656;
}

.stylenewselsaw .p-button {
    padding: 0px 10px !important;
}

.stkrkeffk .form-control,
.stkrkeffk .p-dropdown.p-component.p-unselectable-text {
    border-radius: 2px !important;
}

.styllabpound {
    color: #007bff;
    font-weight: bold;
}

label.currentstylee {
    font-size: 14px;
    color: #2d2d2d;
    font-weight: bold;
}

.stylenewselsaw .p-button-text {
    padding: 4px !important;
}

.width110 {
    width: 60px;
    display: inline-block;
}

.blockstdoc {
    display: inline-block;
    width: 31%;
    text-align: center;
    vertical-align: top;
    margin: 7px 1%;
    font-size: 12px;
    font-weight: bold;
}

.blockimgst {
    background: #fff;
    box-shadow: 0 0 10px #ececec;
    padding: 10px 1px;
    border-radius: 10px;
    width: 64px;
    height: 58px;
    margin: auto;
    text-align: center;
}

.blockimgst img {
    width: 35px;
    height: 31px;
    margin-top: 4px;
}

.styleh3 {
    font-weight: bold;
    font-size: 18px;
    padding: 4px 15px;
    margin-top: 12px;
}

.selecteddiv .blockimgst,
.blockstdoc:hover .blockimgst {
    background: #13B5E3;
}

.selecteddiv .blockimgst img,
.blockstdoc:hover .blockimgst img {
    filter: brightness(0) invert(1);
}

.stylenesee {
    margin-top: 0px !important;
}

.block11st {
    display: inline-block;
    width: 47%;

    vertical-align: top;
    margin-bottom: 7px;
    margin: 0 .5% 7px;
    font-size: 13px;
    border: 1px solid #f5f5f5;
    border-radius: 25px;
}

.stdatestt {
    font-size: 11px;
    margin: 3px 3px 3px 0px !important;
    display: block;
    width: 84%;
    color: #6c757d;
    font-weight: bold;
}

.Outpatient-Clinics-page .doctor .card-doctor.active .header-body h5,
.Outpatient-Clinics-page .doctor .card-doctor.active h5~small,
.Outpatient-Clinics-page .doctor .card-doctor.active .stdatestt {
    color: #fff !important;
}

.stylebutneee {
    background: #fff;
    color: #0eb2f2;
    font-size: 13px;
    border: 1px solid #0eb2f2;
    border-radius: 25px;
    padding: 5px 11px;
    font-weight: bold;
    margin-bottom: 7px;
    cursor: pointer;
}

.Outpatient-Clinics-page .doctor .card-doctor.active .stylebutneee {
    background: #fff !important;
    color: #7b7b7b !important;
    font-size: 13px !important;
    border: 1px solid #fff !important;
    border-radius: 25px;
    padding: 5px 11px;
    font-weight: bold;
    margin-bottom: 7px;
    cursor: pointer;
}

.stylebackground {
    height: calc(100vh - 50px);
    background: #f5f5f5;
}

.blockdocstdiv {
    margin-bottom: 20px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 10px #e8e8e8;
    position: relative;
    margin-top: 60px;
    padding: 35px 7px 10px;
}

.blockdocstdiv h3 {
    color: #141212;
    font-size: 18px;
    font-weight: bold;
    margin: 3px 5px 5px;
}

.blost {
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    top: -44px;
    background: #fff;
    overflow: hidden;
    left: calc(50% - 40px);
}

.blost img {
    width: 100%;
    height: 100%;
}

.detdoc {
    color: #A9A6A6;
    font-size: 14px;
}

.detdoc img {
    width: 20px;
}

.eedkdk {
    color: #6F6F6F;
}

.Outpatient-Clinics-page .booking-time .booking-time-body {
    max-height: 45vh !important;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 40px;
    min-height: 15vh !important;
}

.Outpatient-Clinics-page .booking-time .booking-time-title,
.Outpatient-Clinics-page .add-pationt .title-add-pationt {
    background-color: #0EB2F2 !important;
}

.Outpatient-Clinics-page .doctor .body-doctor {
    max-height: 69vh !important;
}

.footer-add-pationt button {
    background: #1DBEC1 !important;
    width: 90% !important;
    margin: auto;
    border-radius: 25px !important;
    border: none !important;
    box-shadow: 0 0 10px #d8d8d8;
    margin-bottom: 5px;
}

.Outpatient-Clinics-page .add-pationt .card-pationt {
    border: none !important;
    background: #fff;
    box-shadow: 0 0 10px #dadada;
}

.Outpatient-Clinics-page .add-pationt {
    background-color: transparent !important;
    border-radius: 10px;
    box-shadow: none !important;
    overflow: hidden;
    width: 98%;
    margin: auto;
}

.sttttp {
    top: 2%;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .body-card-pationt table thead th {
    color: #fff;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .title-card-pationt .info-pationt .info-body h5 {
    font-size: 15px;
    font-weight: bold;
    color: #4A525D;
}

.claddd {
    font-size: 14px;
    font-weight: bold;
    color: #8e8e8e;
}

.Outpatient-Clinics-page .add-pationt .card-pationt .info-body,
.Outpatient-Clinics-page .add-pationt .card-pationt .bart-info-phone,
.Outpatient-Clinics-page .add-pationt .card-pationt .bart-info {
    margin-top: 4px !important;
}

.sttott {
    min-height: 20vh;
    max-height: 63vh;
    overflow: auto;
}

.Outpatient-Clinics-page .add-pationt .body-add-pationt {
    max-height: 82vh !important;
    min-height: 50vh !important;
}

.Outpatient-Clinics-page .add-pationt .card-pationt.active {
    overflow: hidden;
    border: 1px solid #06abeb !important;
}

.Outpatient-Clinics-page .doctor .card-doctor .card-doctor-body.show {
    margin-top: 10px;
}

/*=========new*/
.mm-navbar.mm-navbar_tabs {
    display: none;
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar {
    background: rgba(255, 255, 255, 0.4);
    background: rgb(0 0 0 / 17%);
    color: #fff !important;
}

.imgstylepl {
    text-align: center;
}

.imgstylepl img {
    width: 55px;
}

.styllabe,
.styleblosp {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 0 5px;
}

.styldivspan {
    font-size: 15px;
    font-weight: bold;
    color: #007bff;
}

.stylerowss {
    background: #f6fafd;
    padding: 10px;
    border-radius: 10px;
}

.stymargin {
    margin-bottom: 10px;
}

.styleggo {
    font-weight: bold;
}

.stylenones .p-dialog-header {
    display: none !important;
}

.borderr25 {
    border-radius: 25px !important;
    padding: 5px 30px;
}

.strekk {
    margin-bottom: 6px;
    ;
}

.sttttp .p-dialog.p-component {
    top: 2% !important;
}

/*=====*/
.wrikcolor {
    font-size: 17px !important;
    font-weight: bold;
    color: #0070cd;
}

.sdfkfkfl .col-sm-4.col-form-label,
.sdfkfkfl .form-group.mb-3 {
    font-weight: bold;
    font-size: 13px;
}

/*===== background menu ====*/
.style1.mm-menu_theme-dark {
    --mm-color-background: linear-gradient(to top, #288989, #238ec3) !important;
}

.style2.mm-menu_theme-dark {
    --mm-color-background: linear-gradient(to top, #254ab2, #254ab2) !important;
}

.style3.mm-menu_theme-dark {
    --mm-color-background: linear-gradient(to top, #0250FF, #0250FF) !important;
}

.style4.mm-menu_theme-dark {
    --mm-color-background: linear-gradient(to top, #0a7daa, #0a7daa) !important;
}

.steee {
    background: #2253df;
    border: none !important;
}

.steee i {
    font-size: 14px !important;
}

.stylefixbut {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    bottom: .5%;
    box-shadow: 0 0 10px #d5d5d5;
    right: 0%;
    cursor: pointer;
    z-index: 2;
}

.stylefixbut span i {
    line-height: 47px;
    font-size: 30px;
    color: #ed7631;
}

.totaldivsty {
    width: 240px;
    background: #0cb0fd;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 10px #e9e9e9;
    padding: 10px 0;
    position: fixed;
    z-index: 3;
    right: 1%;
    bottom: 0%;
}

.detailsdiv ul {
    list-style: none;
    padding: 15px 0px 0px;
    margin-bottom: 5px;
}

.detailsdiv ul li {
    border-bottom: 0.5px solid #ffffff85;
    cursor: pointer;
    margin-bottom: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    transition: all .5s ease-in-out;
    padding: 5px;

}

.detailsdiv ul li:hover {
    background: #6fd0fd !important;
}

.detailsdiv ul li span i {
    font-size: 9px !important;
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}

.stycolor {
    position: absolute;
    left: 5%;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    z-index: 5;
    top: 4px;
}

.bottomstyle100 {
    right: -100% !important;
}

.strrreel {
    padding: 0.075rem 0.75rem !important;
}

.stylespan {
    font-size: 24px;
    display: inline-block;
    margin: 0 10px;
    font-weight: bold;
}

.styledivd {
    margin-top: 5px;
}

.styledivd a {
    font-size: 14px;
}

.swjeek {
    margin-top: 22px;
}

.stylemarg {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sttmar {
    margin-top: 10px;
}

.padding20st {
    padding-top: 20px;
}

.stylabel {
    font-weight: bold;
}

.p-overflow-hidden {
    overflow-x: hidden !important;
    overflow-y: auto;
}

.p-dropdown .p-dropdown-clear-icon {
    position: absolute;
    left: 2em;
    top: 50%;
    font-size: 1em;
    height: 1em;
    margin-top: -0.5em;
    text-align: left;
}

body .p-paginator .p-paginator-first,
body .p-paginator .p-paginator-prev,
body .p-paginator .p-paginator-next,
body .p-paginator .p-paginator-last {
    transform: rotate(180deg);
}
.p-input-icon-left, .p-input-icon-right {
    position: relative;
    display: inline-block;
}
.p-input-icon-left>i, .p-input-icon-right>i {
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
}
.p-input-icon-left > i:first-of-type {
    inset-inline-start: 0.5rem;
    color: #b5b8ba;
    font-size: 16px;
}
.p-input-icon-left > .p-inputtext {
    padding-inline-start: 2rem;
}
/*=======*/
.styletabpanel{
    overflow: hidden;
}
.styletabpanel .p-tabview-tablist-container{
    width: 22%;
    display: inline-block;
}
.styletabpanel .p-tabview-tablist {
    width: 98%;
    display: inline-block;
    border-bottom: 0;
}
.styletabpanel .p-tabview-tablist li {
    width: 100%;
    margin: 0 !important;
    position: relative;
    top: 0px !important;
    padding: 20px 0 !important;
}
.styletabpanel .p-tabview-ink-bar{
    display: none !important;
}
.styletabpanel .p-tabview-tablist li a {
    width: 100%;
    margin-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0.571em 0 !important;
    background: transparent;
    border: 0;
    color: #C5C5C5;
    border: 0px solid #fff !important;
    background-color: #fff !important;
    padding: 1px 0 !important;
    transition: none !important;
    background: none !important;
}
.styletabpanel .p-tabview-tablist li a span{
    font-weight: bold;
}
.styletabpanel .p-tabview-tablist li a:focus {
    box-shadow: none !important;
}
.styletabpanel .p-tabview-panels {
    background-color: #F9FAFB !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: 0 0 10px #efefef;
    width: 78%;
    vertical-align: top;
    display: inline-block;
    height: 100%;
}
.styletabpanel .p-card-header{
    padding: 10px;
}
.styletabpanel .p-tabview-panels {
    background-color: transparent;
}

.stylelabel {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #C5C5C5;
    text-align: center;
    margin: 0 10px;
    line-height: 25px;
    color: #fff;
    vertical-align: middle;
}

.styletabpanel .p-tabview-tablist>li:after {
    content: "";
    position: absolute;
    background: #f1f1f1;
    display: block;
    height: calc(100% - 24px);
    width: 2px;
    top: 45px;
    right: 21px;
    z-index: 0;
}

.styletabpanel .p-tabview-tablist>li:nth-last-child(2)::after {
    content: "";
    position: absolute;
    background: #f1f1f1;
    display: block;
    height: calc(100% - 24px);
    width: 2px;
    top: 45px;
    right: 21px;
    z-index: 0;
    display: none;
}

.styletabpanel .p-tabview-tablist li.p-tabview-tablist-item-active a label {
    background: #0c40d3 !important;
    border: 1px solid #fff !important;
    outline: 1px solid #0c40d3 !important;
}

.styletabpanel .p-tabview-tablist li.p-tabview-tablist-item-active a span {
    color: #0549E1 !important;
}

.styletabpanel .p-tabview-tablist li.p-tabview-tablist-item-active:after {
    background: #0549E1 !important;
}

.styletabpanel .p-card {
    box-shadow: none !important;
}

.stylabel label {
    font-size: 13px !important;
    color: #4A4B4D !important;

}

.fs-style {
    font-size: 1rem;
}

.styletabpanel .p-card-body {
    padding: 25px !important;
    background: #F9F9F9 !important;
}

.styletabpanel .stylabel {
    margin-bottom: 20px;
}

.styletoppage {
    background: transparent !important;
    box-shadow: none !important;
}

.styletabpanel {
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    background: #fff;
}

.styleicons {
    font-size: 18px;
    margin-bottom: 0px;
    color: rgb(0 0 0);
    display: inline-block;
    margin: 0 7px;
}

.styletabpanel .p-inputtext:enabled:focus {
    box-shadow: 0 0 0 0.09em #0549E1;
    border-color: #0549E1;
}

.stylebutt {
    text-align: left;
    margin-top: 15px;
}

.cancelstyless {
    background: #ffffff !important;
    color: #858585 !important;
    border: 1px solid #e7e7e7 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 2px 0px !important;
    box-shadow: 0 0 10px #e9e9e9;
}

.savestyless {
    background: var(--background-menu) !important;
    color: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 2px 0px !important;
    box-shadow: 0 0 10px #e9e9e9;
}

.cancelstyle,
.stylecancelbut {
    background: var(--background-cancel) !important;
    color: #fff !important;
    border: 1px solid #e7e7e7 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 5px 10px !important;
    box-shadow: 0 0 10px #e9e9e9;
    margin: 0 5px !important;
}

.savestyle,
.savebutstyle {
    background: var(--background-menu) !important;
    color: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 2px 10px !important;
    box-shadow: 0 0 10px #e9e9e9;
}

.borderb {
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 6px;
}

body .p-paginator .p-paginator-pages .p-paginator-page {
    border-radius: 50% !important;
}

body .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background-color: var(--background-menu) !important;

}

body .p-paginator .p-paginator-first,
body .p-paginator .p-paginator-prev,
body .p-paginator .p-paginator-next,
body .p-paginator .p-paginator-last {
    height: 2em !important;
    min-width: 2em !important;
    line-height: 2em !important;

}

body .p-paginator .p-paginator-pages .p-paginator-page {
    height: 2em !important;
    min-width: 2em !important;
    border: 0 none;
    line-height: 2em !important;
}

/*=======*/
/* body .p-datatable .p-datatable-thead > tr > th, 
body .p-datatable .p-datatable-tbody > tr > td {
    text-align: right !important;
} */
.styleedite {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #0EB2F2;
    overflow: hidden;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    justify-items: center;
    color: #0EB2F2;
    margin: 0 6px;
    vertical-align: inherit;
}

.styleedite i {
    font-size: 14px;
    line-height: 24px;
}

.styledelete {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #F46B68;
    overflow: hidden;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    justify-items: center;
    color: #F46B68 !important;
    margin: 0 6px;
    vertical-align: top;
}

.styledelete i {
    font-size: 12px;
    line-height: 25px;
}

.styledelete:hover,
.styleedite:hover {
    text-decoration: none !important;
}

.styledelete,
.styleedite {
    cursor: pointer;
}

.stylimg {
    width: 100%;
    display: block;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0;
}

.stylimg img {
    width: 32px;
    display: inline-block;
    margin: 0 0 0 10px;
}

.textaline {
    text-align: right !important;
}

.styletables .p-datatable-thead tr th:nth-child(2) {
    text-align: right !important;
}

.strighttd .p-datatable-row td:nth-child(2) {
    text-align: right !important;
    font-weight: bold;
    font-size: 14px;
}

.deletestylebut {
    background: #ffffff !important;
    color: #e91a1a !important;
    border: 1px solid #e7e7e7 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 2px 0px !important;
    box-shadow: 0 0 10px #e9e9e9;
    margin-top: 20px !important;
}

.hfontsize {
    font-size: 14px !important;
}

body .p-inputgroup .p-inputtext:focus {
    border: 1px solid #8fd3e7 !important;
    box-shadow: none !important;
}

body .p-datatable .p-datatable-header {
    background: transparent !important;
    border: none !important;
}

.stykrkrk .p-datatable .p-datatable-header,
.stykrkrk .p-datatable .p-datatable-footer {
    margin-bottom: 0 !important;
    background: var(--sec_color) !important;
}

.styletopmargin {
    margin-top: 0px;
}

.styleacoordion {
    margin-top: 20px;
}

.margintop20 {
    margin-top: 22px !important;
}

body .p-accordion .p-accordionheader a {
    border: 1px solid #ededed !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
}

body .p-accordion .p-accordion-tab {
    margin-bottom: 10px !important;
}

body .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a {
    background-color: #dbdbdb !important;
}

body .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a {
    background-color: var(--background-menu) !important;
}

body .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: var(--background-menu) !important;
}

body .p-accordion .p-accordioncontent-content {
    border: 1px solid #efefef !important;
    border-radius: 10px !important;
}

.jstree-default .jstree-clicked {
    background: #daf5ff87;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #ebfaff;
}

.grupstyle .breadcrumb {
    background-color: #ffffff !important;
}

.styleacoordion .p-datatable .p-datatable-header {
    margin-bottom: 30px !important;
}

.jstree-default .jstree-anchor {
    font-size: 12px;
    color: #0549e1 !important;
    font-weight: bold;
}

/**/
.stylestar {
    cursor: pointer;
    position: relative;
    margin-left: 20px;
    width: 34px;
    height: 34px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 10px #dfdcdc;
    padding: 0 !important;
    margin-top: 7px;
}

.stylestar i {
    font-size: 21px;
    color: #ed7631;
}

.stylestar span {
    color: #ec611c;
    position: absolute;
    font-size: 20px;
    top: -5px;
}

.styleul {
    list-style: none;
    padding: 15px 0px 0px;
    margin-bottom: 5px;
}

.styleul li {
    border-bottom: 0.5px solid #f1f1f1ed;
    cursor: pointer;
    margin-bottom: 0px;
    color: rgb(36, 36, 36);
    font-weight: bold;
    font-size: 13px;
    transition: all .5s ease-in-out;
    padding: 7px 5px;
    display: flex;
    width: 100%;
    align-items: center;
}

.styleul li:hover {
    background: #1c5be9 !important;
    color: #fff !important;
}

.activeli {
    background: #1c5be9 !important;
    color: #fff !important;
}

.styleul li:nth-child(1) span {
    background: #fa6666 !important;
}

.styleul li:nth-child(2) span {
    background: #1ebdc0 !important;
}

.styleul li:nth-child(3) span {
    background: #fb9816 !important;
}

.styleul li:nth-child(4) span {
    background: #1f9afa !important;
}

.styleul li:nth-child(5) span {
    background: #fa6666 !important;
}

.styleul li:nth-child(6) span {
    background: #1ebdc0 !important;
}

.styleul li:nth-child(7) span {
    background: #fb9816 !important;
}

.styleul li:nth-child(8) span {
    background: #1f9afa !important;
}

.styleul li:nth-child(9) span {
    background: #1ebdc0 !important;
}

.styleul li:nth-child(10) span {
    background: #fb9816 !important;
}

.styleul li:nth-child(11) span {
    background: #fa6666 !important;
}

.styleul li:nth-child(12) span {
    background: #1f9afa !important;
}

.styleul li span {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-top: 0px;
    margin: 0 6px;
}

.styleul li span i {
    font-size: 9px !important;
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}

/*=======*/
.styleh33 {
    font-size: 19px;
    font-weight: bold;
    margin-top: 9px !important;
}

.styleh33 i {
    font-size: 17px !important;
}

.snewst .styledelete,
.snewst .styleedite {
    width: 25px !important;
    height: 25px !important;
}

.snewst .styledelete i,
.snewst .styleedite i {
    line-height: 23px !important;
}

.stylelabelss label {
    font-weight: bold;
    font-size: 13px;
}

.nav-tabs .nav-item {
    margin-bottom: 0px !important;
    font-weight: bold;
    font-size: 14px;
}

body .p-selectbutton .p-button.p-highlight,
.butimport {
    background-color: #0EB2F2 !important;
    border-color: #0EB2F2 !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: bold;
    border-right: 1px solid #0eb2f224 !important;
}

body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover,
.butimport:hover {
    background-color: #0EB2F2 !important;
    border-color: #0EB2F2 !important;
    color: #ffffff !important;
}

body .p-selectbutton .p-button,
.butexport {
    background-color: var(--dark-green) !important;
    border: 1px solid var(--dark-green) !important;
    color: #fff !important;
    font-weight: bold;
    margin: 0 5px;
}

body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,
.butexport:hover {
    background-color: #f46b6829 !important;
    border-color: #f5d9d9 !important;
    color: #f56767 !important;
}

.butexport {
    margin: 0 10px !important;
}

.stlelabst {
    font-weight: bold;
}

.weklrk .p-card .p-card-content {
    padding: 0 !important;
}

.stylelable {
    font-size: 15px !important;
    margin-top: 11px !important;
    font-weight: bold !important;
}

.stylebackgroundss .p-card.p-component {
    background: none !important;
    box-shadow: none !important;
}

.stylebackgroundss .p-card-content {
    background: #fff !important;
}

.stylebackgroundss .p-card-content {
    background: #fff !important;
    box-shadow: 0 0 10px #efefef;
    border-radius: 10px;

}

.styleclassbar {
    background: none !important;
    padding: 0;
}

.backstylepadding .p-tabview-panel {
    padding: 15px !important;
}

.backstylepadding {
    padding: 25px 15px !important;
}

.backstylepadding .p-tabview-panel .form-group label {
    font-weight: bold !important;
    font-size: 12px;
}

.stylenewdivblock .p-card-content {
    padding: 0 !important;
}

.p-datatable-header {
    height: auto !important;
}

body .p-card {
    box-shadow: 0 0 10px #e5e5e5;
    border: none;
}

body .p-panel .p-panel-titlebar {
    border: 1px solid #0549e1 !important;
    padding: 0.571em 1em;
    background-color: #0549e1 !important;
    color: #ffffff !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body .p-panel .p-panel-content {
    border: 1px solid #ededed !important;
}

body .p-button.p-button-success,
body .p-buttonset.p-button-success>.p-button {
    background: var(--background-menu) !important;
    color: #ffffff !important;
    border: 1px solid var(--background-menu) !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 5px 10px !important;
    box-shadow: 0 0 10px #e9e9e9;
}

.nonebackground .p-card-content {
    background: none !important;
}

.nonebackground .blocksty {
    box-shadow: 0 0 10px #efecec;
    border-radius: 15px;
}

.nonebackground .p-datatable.p-component {
    box-shadow: 0 0 10px #efecec;
    border-radius: 10px;
}

.p-datatable-tbody select {
    font-size: 13px !important;
    color: #333333 !important;
    background: #fff;
    border: 1px solid #f1f1f1 !important;
    border-radius: 6px !important;
}

span.p-row-editor-save-icon.pi.pi-fw.pi-check.p-clickable {
    background: #fff;
    border: 1px solid #1149e6;
    color: #1149e6;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 23px;
    display: inline-block;
}

span.p-row-editor-cancel-icon.pi.pi-fw.pi-times.p-clickable {
    background: #fff;
    border: 1px solid #F46B68;
    color: #F46B68;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 23px;
    display: inline-block;
}

.styleortext {
    text-align: right !important;
    font-size: 16px;
    font-weight: bold;
}

.p-dropdown-panel .p-dropdown-item {
    text-align: right !important;
    font-family: var(--font-family);
}

.newstyletabs .p-card-content {
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 10px;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.newstyletabs .p-card-content label {
    font-weight: bold;
}

.styleclassitem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.styleclassitem label {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-inline-end: 10px;
}

.styleclassitem .p-dropdown {
    font-size: 15px;
    font-weight: bold;
    width: 60%;
}

.weekrkk .p-toolbar-group-right {
    width: 60%;
}

.ddkffk {
    vertical-align: top;
}

.wrkrkrlk .p-toolbar-group-right {
    width: 70%;
}

/*div as table*/
.table-infos {
    font-size: 14px
}

.table-infos .head-table {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background: var(--background-menu);
    padding: 7px;
    border-radius: 10px;
    color: #fff;
}

.table-infos .head-table .cel-head {
    flex: 1 1 0%;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;

}

.table-infos .body-table .row-table {
    border: 1px solid #f2f2f2;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 8px;
    padding: 8px 0 1px;
    cursor: pointer;
    box-shadow: 0 0 10px #f1f1f1;
}

.table-infos .body-table .row-table .cel-body {
    flex: 1 1 0%;
    text-align: center;
}

.table-infos .valwidth {
    flex: .3 1 0% !important;
    font-size: 13px;
    font-weight: bold;
}

.table-infos .body-table .row-table:hover {
    border: 1px solid #0EB2F2;
    background-color: #CFF2FF;
}

.top-titlediv {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-right: 1px solid #d9d9d9;
}

.top-titlediv .title-block {
    flex: 1 1 0%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #626262;
}

.top-titlediv .title-block input,
.top-titlediv .title-block select {
    width: 86%;
    border: 1px solid #e1f2f2;
    border-radius: 10px;
    margin: 0 3px;
    height: 35px;
    text-align: center;
    background: #f9ffff;
}

/*=============m*/
.stylecheck .p-field-radiobutton {
    margin: 0 0px 5px 20px !important;
}

.styledir {
    text-align: right;
}

.wwsjfsj {
    margin-bottom: 10px;
}

.wwsjfsj label {
    font-weight: bold;
    display: inline-block;
}

.wwsjfsj span {
    display: inline-block;
    margin: 0 12px;
    width: 35px;
    height: 35px;
    background: #4ee1ff;
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    box-shadow: 0 0 10px #d8d8d8;
}

.boldstylediv label {
    font-weight: bold;
    font-size: 13px;
}

.styledisplayn {
    display: flex;
}

.styledisplayn label {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
    margin-left: 10px;
}

.blodstylela {
    font-weight: bold;
}

.dashstyleblock {
    padding: 6px 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin-bottom: 2px;
}

.dashstyleblock .cards-body {
    border: none !important;
}

.dashstyleblock .image {
    background-color: #fff !important;
}

.dashstyleblock .title h5 {
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 1px !important;
    font-weight: 900;
}

.dashstyleblock .title label {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: bold;
}

.stylwb .cards-body {
    border: none !important;
}

.stylwb .image {
    background-color: #fff !important;
}

.stylwb .title h5 {
    font-size: 14px !important;
    margin-bottom: 1px !important;
}

.stylwb .title label {
    font-size: 25px;
    font-weight: bold;
}

.stylwb .cards-body {}

.total-bloc {
    display: flex;
}

.total-bloc {
    display: flex;
    width: 100%;
    padding: 11px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.total-bloc .block1style1 {
    flex: 1 0 0;
    align-items: center;
    justify-content: center;
}

.dashstyleblock .cards-body,
.total-bloc .block1style1 .cards-body {
    padding: 0px 10px !important;
    text-align: center;
}

.total-bloc .block1style1:first-child {
    margin-inline-end: 9px;
    border-inline-end: 1px solid #fafafa;
}

.inputstydate select {
    border: 1px solid #ededed;
    padding: 3px 35px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 12px;
    color: #c4c4c4;
    outline: none !important;
}

.inputstydate {
    position: relative;
}

.stylepoti {
    position: absolute;
    right: 7px;
    top: 9px;
    color: #8b8989;
}

.stylepoti::before {
    font-size: 17px !important;
}

.styleekk {
    margin-top: 5px !important;
}

.page-height {
  height: calc(104vh - 0px);
    overflow-y: auto;
    padding: 10px !important;
}

.styletitl {
    padding: 8px 10px 0px !important;
}

.stat_height {
    height: calc(100% - 39px);
}

.st-height {
    height: calc(100vh - 180px);
}

.aut-height {
    height: 100%;
}

.height-aa {
    height: 52%;
}

.height-bb {
    height: 45%;
}

.styledivtable {
    height: 33vh;

}

.height_aas {
    height: 89%;
}

.height_aaww {
    height: calc(100% - 35px);
}

.div-heightin>div {
    height: 30.8%;
}

.div-heightin>div .cards {
    height: 96%;
}

.div-heightin>div .total-bloc {
    height: 96%;
}

.colorbackground1 {
    background-color: var(--background-menu) !important;

}

.colorbackground2 {
    background-color: #00BC8B !important;

}

.colorbackground3 {
    background-color: #FF9D00 !important;
}

.colorbackground1 .image,
.colorbackground2 .image,
.colorbackground3 .image {
    background-color: transparent !important;
    width: 25% !important;
}

.colorbackground1 .title label,
.colorbackground1 .title h5,
.colorbackground2 .title label,
.colorbackground2 .title h5,
.colorbackground3 .title label,
.colorbackground3 .title h5 {
    color: #fff !important;
}

.color-change3 .title small {
    color: #0250FF !important;
    font-weight: 900 !important;
}

.color-change12 .title small {
    color: #EE2A51 !important;
    font-weight: 900 !important;
}

.color-change2 .title small {
    color: #00BC8B !important;
    font-weight: 900 !important;
}

.color-change1 .title small {
    color: #FF9D00 !important;
    font-weight: 900 !important;
}

.stylefilters {
    display: inline-block;
    background: #fff;
    width: 34px;
    height: 34px;
    vertical-align: top;
    text-align: center;
    border-radius: 50%;
    line-height: 30px !important;
    padding: 7px;
    border: 1px solid #e7e7e7;
    margin: 0 2px;
    cursor: pointer;
}

.mm-panel_opened-parent .mm-panel__blocker {
    opacity: 0 !important;
}

.mm-listitem.mm-listitem_selected {
    border-right: 0px solid #f2f6ff;
    background: #F2F6FF;
    color: #0243d4 !important;
}

.mm-listitem.mm-listitem_selected {
    border-right: 0px solid #F1F6FF;
    background: #F1F6FF;
    color: #0243d4 !important;

}

.mm-menu_selected-hover .mm-listitem__btn:hover,
.mm-menu_selected-hover .mm-listitem__text:hover {
    background: #F1F6FF;
    color: #0243d4 !important;
}

.mm-listitem.mm-listitem_selected a {
    /* filter: invert(100%); */
    color: #0243d4 !important;
    font-weight: bold;
    font-size: 13px;
}

.site-navbar-small.mm-wrapper.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_iconpanel .mm-panels>.mm-panel {
    width: 100% !important;
}

.progresstext {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: auto;
}

.progresstext span {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.progresstext label {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

.progressbarcolor1 {
    margin-bottom: 10px;
}

.chartdatatop {
    width: 85%;
    margin: 15px auto 10px;
    max-height: 150px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 10px;
}

.chartdatatop .progress {
    height: 8px;
}

.backcolor1 .progress-bar {
    background-color: #F6AD2E;
}

.backcolor2 .progress-bar {
    background-color: #F54418;
}

.backcolor3 .progress-bar {
    background-color: #4A39FB;
}

.imagefav {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.imagefav img {
    width: 28px;
    margin: 0 10px;
}

.imagefav span {
    color: #FFBC00;
    font-size: 14px;
}

.imagefav i {
    color: #B8B097;
    display: inline-block !important;
    font-size: 13px;
    margin: 0 8px;
}

.mm-listitem {
    border-color: transparent !important;
}

.styleloca {
    margin-top: 7px;
    display: inline-block;
}

.styleblock-new {
    padding-top: 0px !important;
}

/*menu-style*/
:root {
    --blue: #1379D9 !important;
    --sec_color: #b1d5f5;
    --width-tabs: 230px;
    --font-family: 'Tajawal Regular';
    --color-lab: #F94B4B;
    --color-rad: #6B58CA;
    --color-yallow: #FFBC00;
    --color-plan: #F99C4C;
    --color-pharmacy: #464E99;
    --width-nodata: 0px;
    --dark-green: #05ae90;
    --menu-width: 60px;
    --width-icons: 38px;
    --background-menu: #063d92;
    --active-menu-link: #F2F6FF;
    --color-filter: invert(100%);
    --color-filter-sub: invert(100%);
    --header-height: 48px;
    --units-width: 25%;
    --background-save: #063685;
    --background-cancel: #EE2A51;
    --width-slots: 32%;
    --app_width: 50px;
    --min_height: 100px;
}

.page-height {
    width: calc(100% - var(--menu-width));
    margin-right: var(--menu-width);
    overflow-x: hidden;

}

.menu-new {
    position: relative;
    transition: all 1s ease-in-out;
}

.menu-new .first-menu {
    width: var(--menu-width);
    background: var(--background-menu);
    position: fixed;
    height: calc(100vh - 48px) !important;
    text-align: center;
    padding: 0px 0;
    right: 0;
    top: var(--header-height);
    z-index: 999;
    overflow-y: hidden;
    transition: all .4s ease-in-out;

}

.menu-new .first-menu:hover {
    overflow-y: auto !important;
}

.menu-new .home-icons {
    display: block;
    padding: 12px 10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.home-icons label {
    color: #fff;
    margin-bottom: 0;
    margin-top: 3px;
}

.menu-new span img {
    width: 27px;
}

.menu-new .home-icons:hover {
    background: var(--active-menu-link);
}

.menu-new .home-icons:hover img {
    filter: var(--color-filter);
}

.activelink-menu {
    background: var(--active-menu-link);
}

.activelink-menu img {
    filter: var(--color-filter);
}

.activelink-menu label {
    color: #000 !important;
}

body.site-navbar-small {
    /* overflow: hidden; */
}

.ContentMenu {
    position: fixed;
    height: 100vh;
    width: 300px;
    vertical-align: top;
    right: calc(var(--menu-width) - 100%);
    background: #f2f6ff;
    box-shadow: 0 0 10px #e2e2e2;
    transition: all 1s ease-in-out;

}

.showcont {
    position: fixed;
    transition: all 1s ease-in-out;
    height: 100vh;
    right: var(--menu-width) !important;
    width: 300px;
    vertical-align: top;
    top: var(--header-height);
    background: #f2f6ff;
    z-index: 99;
    transition: all .9s ease-in-out;

}

.top-title-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 7px;
    margin-bottom: 15px;
    background: #E3EBF9;
}

.top-title-menu img {
    width: 25px;
    display: inline-block;
    margin-inline-end: 13px;
}

.top-title-menu h5 {
    font-size: 16px;
    font-weight: bold;
    color: #2C2F36;
    margin-bottom: 0;
}

.subtitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding: 5px 15px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.subtitle img {
    width: 23px;
    display: inline-block;
    margin-inline-end: 13px;
    filter: var(--color-filter-sub);
}

.subtitle h5 {
    color: #2C2F36;
    margin-bottom: 0;
    font-size: 14px;
}

.styleimgh5 a {
    display: flex;
    align-items: center;
}

.stylearrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #D9E7FF;
    color: #babbbc;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
}

.stylearrow i {
    line-height: 22px;
}

.details-data {
    list-style: none;
    padding: 4px 50px;
}

.details-data li {
    margin-bottom: 5px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.styleimgh5 {
    display: flex;
    align-items: center;
}

.details-data li a {
    color: #000;
    display: flex;
    align-items: center;
}

.details-data li a i {
    margin-inline-end: 12px;
    color: #a2a1a1;
}

.details-data li a span {
    font-size: 14px;
    color: #5b5b5b;
}

.top-title-menu img {
    filter: var(--color-filter);

}

.styleimgh5 span {
    color: #232323;
}

.activelistyle h5 {
    font-weight: bold;
}

.activelistyle .stylearrow {
    transform: rotate(180deg);
    transition: all .5s ease-in-out;

}

.overlays {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000075;
    z-index: 9;
    cursor: pointer;
    transition: all .6s ease-in-out;

}

#asidebarToggler {
    display: none;
}

.styleimgh5 i {
    color: #bababa;
    display: inline-block;
    margin-inline-end: 12px;
}

.styleimgh5 [class^="flaticon-"]:before {
    font-size: 22px !important;
}

.ContentMenu .styleimgh5 .router-link-exact-active.router-link-active i {}

.ContentMenu .styleimgh5 .router-link-exact-active.router-link-active {
    font-weight: bold;
    color: #000;
}

/*buildings*/
.contentsel {
    position: absolute;
    top: 109%;
    left: 0px;
    width: 75%;
    background: #fff;
    padding: 10px 14px;
    border-radius: 7px;
    box-shadow: 0 0 10px #eaeaea;
    z-index: 9;
}

.contentselss {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 250px;
    background: #fff;
    padding: 10px 14px;
    border-radius: 7px;
    box-shadow: 0 0 10px #eaeaea;
    z-index: 9;
    text-align: right;
}

.editstyle-delete {
    margin-bottom: 10px;
    cursor: pointer;
}

.icondrop {
    cursor: pointer;
}

.editstyle-delete i {
    display: inline-block;
    margin-inline-end: 10px;
    font-size: 12px;
}

.editstyle-delete span {
    font-size: 14px;
    color: #000;
}

.dropdown-select {}

.main-building {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    padding: 10px;
    box-shadow: 0 0 10px #dcdcdc9e;
    border-radius: 10px;
    margin: 0 5px;
    position: relative;
    background: #f4f4f4c4;
}

.units-building {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    box-shadow: 0 0 10px #dcdcdc9e;
    border-radius: 10px;
    margin: 0 5px 10px;
    position: relative;
}

.units-building img {
    width: 45px;
}

.units-building .stylespn {
    font-weight: bold;
    color: #898989;
}

.tital-buildings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.buildingstital {
    font-size: 14px;
    font-weight: 900;
    margin-inline-start: 10px;
}

.but-add {
    background: var(--dark-green);
    color: #fff;
    padding: 7px 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    box-shadow: 0 0 10px #dfdfdf;
    cursor: pointer;
    gap:5px;
}

.select-buildings {
    display: flex;
}

.main-building img {
    width: 48px;
}

.main-building .stylespn {
    font-weight: bold;
    color: #898989;
}

.activebuilding {
    background: #fff;
    border: 2px solid #15CCE6;
}

.activebuilding::after {
    border-right: solid 13px transparent;
    border-left: solid 13px transparent;
    border-top: solid 13px #15cce6;
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
    content: '';
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
}

.units-rooms {
    display: flex;
    width: 100%;
    background: #F4F5F6;
    margin-top: 18px;
    box-shadow: 0 0 10px #eaeaea;
    border-radius: 10px;
    height: calc(100vh - 190px);
}

.units {
    width: var(--units-width);
    border-radius: 10px;
    background: #fff;
    padding: 15px;
    height: 100%;
}

.rooms {
    height: 100%;
    width: calc(100% - var(--units-width));
}

.selects-units {
    display: block !important;
    height: calc(100% - 55px);
    overflow: hidden;
    overflow-y: auto;
    padding: 5px;
}
.custm_rad_rooms .selects-units {
    background: #fff;
    padding: 10px;
    border-radius:10px;
  }
.selects-units .main-building {
    width: 100%;
    background: #fff;
    margin-bottom: 12px;
    cursor: pointer;
}

.selects-units .main-building .contentsel {
    top: 85%;
}

.selects-units .main-building {
    margin-inline-start: 0px !important;
}

.unitsbut {
    border-radius: 7px !important;
    justify-content: center !important;
}

.dataunits h6 {
    font-size: 14px;
    margin-bottom: 2px;
}

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

.roomsbeds {
    margin-inline-end: 10px;
    text-align: center;
}

.roomsbeds span {
    display: block;
    color: #c2c2c2;
    font-size: 11px;
}

.roomsbeds label {
    display: block;
    font-size: 11px;
    margin-bottom: 0px;
}

.active-units .roomsbeds span {
    color: #000 !important;
}

.active-units {
    background: #E3ECFF !important;
    border: 2px solid #0250FF;
}

.active-units h6 {
    color: #014BF0 !important;
    font-weight: bold;
}

.active-units .activIcons {
    color: #014BF0 !important;
    font-size: 17px;
}

.units-div .buildingstital {
    margin-inline-start: 10px;
}

.activIcons {
    color: #fff;
    position: absolute;
    top: 5px;
    left: 20px;
}

.activimage {
    display: none;
}

.active-units .activimage,
.active-rooms .activimage {
    display: inline-block !important;
}

.active-units .notactivimage,
.active-rooms .notactivimage {
    display: none;
}

.rooms-div {
    padding: 5px 7px;
}

.roomstop-title {
    display: flex;
    align-items: center;
}

.but-top-header img {
    width: 22px;
}

.but-top-header span {
    font-size: 13px;
    margin-bottom: 0;
    display: inline-block;
    margin: 0 10px;
}

.but-top-header label {
    margin-bottom: 0;
}

.but-top-header {
    padding: 4px 10px;
    margin: 0 5px;
    border: 1px solid #efefef;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fbfcff;
}

.roomstop-title .buildingstital {
    display: inline-block;
    margin: 0 20px;
}

span.but-text {
    display: inline-block;
    margin: 0 9px;
    font-size: 11px;
    font-weight: bold;
}

.active-rooms {
    background: #E4F1FF !important;

}

.active-rooms .img-room span {
    color: #014BF0;
}

.rooms-beds .main-building {
    padding: 5px 10px !important;
    box-shadow: 0 0 10px #dcdcdc;
}

.rooms-beds .main-building .img-room span {
    margin: 0 15px;
}

.rooms-beds .main-building .img-room img {
    width: 35px;
}

.stylenew-but {
    background: #f1f1f1ad;
    color: #837474;
    box-shadow: none !important;
}

.active-rooms .stylenew-but {
    background: #E4F1FF !important;
    color: #014BF0 !important;
    border: 1px solid #014BF0 !important;
}

.dropdown-select {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stylerooms-new {
    width: 25%;
}

.style-rooms .stylenew-but {
    padding: 5px 15px !important;
}

.top-title-bed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.top-title-bed .contentsel {
    width: 120% !important;
}

.maintenance-bed .icondrop i {
    color: #FFA10A !important;
}

.Busy-bed .icondrop i {
    color: #EE2A51 !important;
}

.Available-bed .icondrop i {
    color: #00BC8B !important;
}

.maintenance-bed {
    background: #FFFAF2;
    border: 1px solid #FFE1B1;
    border-bottom: 5px solid #FFA10A;
}

.maintenance-bed .style-b {
    color: #FFA10A;
    font-weight: bold;
    font-size: 11px;
}

.maintenance-bed .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #FFA10A;
}
.selected-bed {
    background: #1379D9;
    border: 1px solid #1379D9;
    border-bottom: 5px solid #1379D9;
}

.selected-bed .style-b {
    color: #EE2A51;
    font-weight: bold;
    font-size: 11px;
}

.selected-bed .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #EE2A51;
}

.Busy-bed {
    background: #FFF1F4;
    border: 1px solid #F9DAE0;
    border-bottom: 5px solid #EE2A51;
}

.Busy-bed .style-b {
    color: #EE2A51;
    font-weight: bold;
    font-size: 11px;
}

.Busy-bed .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #EE2A51;
}

.Available-bed {
    background: #E4FCF5;
    border: 1px solid #AAF3DE;
    border-bottom: 5px solid #00BC8B;
}

.Available-bed .style-b {
    color: #00BC8B;
    font-weight: bold;
    font-size: 11px;
}

.Available-bed .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #00BC8B;
}

.select-typebeds>div {
    margin: 0 5px;
    padding: 4px 8px 15px;
    width: 130px;
    border-radius: 4px;
}

.select-typebeds {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px #e7e7e7;
    border-radius: 0 0 10px 10px;
    margin-top: -15px;
    padding: 25px 15px;
    margin-bottom: 11px;
}

.stylecenter {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
}

.stylecenter img {
    margin-bottom: 7px;
}

.stylemodnew .p-dialog-header {
    background: #D3F1FC;
}

.stylemodnew .p-dialog-content {
    border: 0 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    padding-bottom: 20px !important;
}

.p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    color: var(--background-menu);
    font-size: 13px;
}

.stylemodnew.p-dialog {
    width: 30%;
    border-radius: 10px !important;
    /* overflow: hidden; */
    box-shadow: none;

}

.imgheadername {
    text-align: right;
    color: #000;
    font-weight: normal;
    font-size: 16px;
}

.contentmodal {
    padding: 0 10px;
}

.imgheadername img {
    display: inline-block;
    margin-inline-end: 15px;
    width: 30px;
}

.textindiv label,
.block2width label {
    font-weight: bold;
    font-size: 12px;
}

.savedivstyle {
    background: var(--background-menu);
    color: #fff;
    font-weight: bold;
    padding: 8px 19px;
    border-radius: 7px;
    margin-inline-end: 10px;
    cursor: pointer;
}

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

.block2width {
    flex: 1;
}

.marginst10 {
    margin-inline-end: 10px;
}

.savedivstyle img,
.deletdivstyle img {
    display: inline-block;
    margin-inline-end: 10px;
    width: 19px;
}

.save-delete-style {
    margin-top: 10px;
    margin-bottom: 10px;
}

.deletdivstyle {
    cursor: pointer;
    background: var(--background-cancel);
    color: #fff;
    font-weight: bold;
    padding: 5px 19px;
    border-radius: 7px;
}

.textindiv {
    margin-bottom: 20px;
}

.contentmodal .p-dropdown.p-component.p-unselectable-text,
.contentmodal .p-inputtext {
    background: #F5F6F9 !important;
}

.newwidthstyle.p-dialog {
    width: 50% !important;
}

.newwidthstyle .towdivinput {
    margin-bottom: 20px;
}

.selectone {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    margin-top: 10px;
}

.div1strr {
    flex: 1;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 10px #e8e8e8;
    border-radius: 10px;
    padding: 7px;
    margin: 0 5px;
}

.div1strr i {
    visibility: hidden;
}

.activeone {
    border: 2px solid #0250FF;
}

.activeone i {
    visibility: visible !important;
    color: #0250FF;
}

.top-titaaa {
    display: flex;
    justify-content: flex-end;
}

/*fixed*/
.title-pagefixed {}

.title-pagefixed h3 {
    font-size: 17px;
    margin-inline-start: 13px;
}

.title-pagefixed p {
    color: #A9A0A0;
    font-size: 12px;
    margin-inline-start: 8px;
}

.page-fixed {
    /*background: rgba(221, 220, 220, 0.699);
   */
    padding: 10px;
    height: 100vh;
    /*background: white;
   */
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    transition: transform .4s cubic-bezier(.05, .74, .2, .99);
    transition: all .5s ease-in-out;
    width: 320px;

    height: 100vh;
    background: white;
    box-shadow: 0 0 14px #d4d4d4;

}

.data-div {}

.totalblockfixed {}

.tabs-content {}

.tabs-ul {
    list-style: none;
    display: flex;
    width: 100%;
    background: #F2F6F9;
    padding: 6px 10px;
    border: 1px solid #ececec;
    border-radius: 25px;
    justify-content: space-between;
    margin-bottom: 0;
}

.tabs-ul li {
    display: flex;
    flex: 1 0 0;
    align-items: center;

}

.tabs-ul li a {
    color: #000;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.activetab {
    background: var(--background-menu);
    padding: 6px 7px;
    border-radius: 25px;
}

.activetab a {
    color: #fff !important;
}

.content-blocks h4 {
    color: #0082FF;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1.8px solid #e7e7e7;
    padding: 6px 0;
    margin-bottom: 7px;
}

.data-blocks {}

.content-blocks {
    padding: 6px 10px;
}

.closeimg {
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    cursor: pointer;
}

.lang-select {
    display: flex;
    justify-content: space-around;
}

.lang-select span {
    display: flex;
    align-items: center;
    flex: 1 0 0;
    border: 1px solid #c9c9ca;
    border-radius: 8px;
    padding: 5px 10px 5px;
    box-shadow: 0 0 10px #f1f1f1;
    display: inline-block;
    margin-inline-end: 8px;
    cursor: pointer;
}

.lang-select span img {
    width: 22px;
    display: inline-block;
    margin: 0 6px;
}

.lang-select span label {
    font-size: 13px;
    margin-bottom: 0;
}

.checki {
    opacity: 0;
}

.lang-select span i {
    float: left;
    margin-top: 4px;
}

.lang-select span.activelang {
    border: 1px solid #0549E1;
    border-radius: 10px;
    display: inline-block;
    padding: 7px 10px 10px;
}

.lang-select span.activelang .checki {
    opacity: 1;
    color: #0549E1;
}

.color-change {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.color-change>div {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
}

.color-change>div a {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.color-change>div:first-child {
    background: #0250FF;
}

.color-change>div:nth-child(2) {
    background: #00BC8B;
}

.color-change>div:nth-child(3) {
    background: #FF9D00;
}

.color-change>div:nth-child(4) {
    background: #8B0E9F;
}

.color-change>div:nth-child(5) {
    background: #144979;
}

.color-change>div:last-child {
    background: #EE2A51;
}

.colorwhite {
    color: #fff;
    display: none !important;
}

.activecolor i {
    display: block !important;
}

.empty-blocks {
    margin: auto;
    text-align: center;
    margin-top: 10px;
}

.empty-blocks span {
    background: #EE2A51;
    display: inline-block;
    text-align: center;
    width: 95%;
    margin: auto;
    padding: 5px 10px 3px;
    border-radius: 9px;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

.empty-blocks span label {
    color: #fff
}

.details-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}

.texticons {
    display: flex;
    align-items: center;
    width: 100%;
}

.texticons img {
    width: 45px;
    display: inline-block;
    margin-inline-end: 13px;
}

.textalert span {
    font-size: 13px;
    font-weight: bold;
}

.textalert p {
    margin-bottom: 0;
    color: #cdcaca;
    font-size: 12px;
}

.texticonsaa {
    display: flex;
    align-items: center;
}

.texticonsaa img {
    width: 30px;
    display: inline-block;
    margin-inline-end: 11px;
}

.deleteicons {
    display: flex;
    align-items: center;
    color: #ffa3b4;
}

.textalertpsan {
    font-size: 14px;
    color: #525252;
}

.stylenewblock .details-block {
    padding: 12px 0;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #e9e6e6;
}

.overlaystyle {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(221, 220, 220, 0.699);
    opacity: .6;
}

.clickbuthere {
    background: #0F2F88;
    width: 20px;
    height: 40px;
    left: 320;
    top: calc(50% - 25px);
    color: #fff;
    display: block;
    position: absolute;
    line-height: 50px;
    text-align: center;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    box-shadow: 0 0 10px #d4d4d4;
    cursor: pointer;
}

.clickbuthere i {
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 20px !important;
    transform: rotate(180deg);
    transition: transform 1s;
    transition: transform 1s;

}

.removeactive {
    left: -320px !important;
    transition: all .5s ease-in-out;
    box-shadow: none !important;
}

.block-select1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 93%;
    margin: auto;
    margin-bottom: 0px;
}

.block-select1 label {}

.block-select1 span {
    font-size: 13px;

}

/*===*/
.labelnone-style {
    padding: 5px 1px !important;
    text-align: center;
    margin: auto;
}

.labelnone-style label {
    font-size: 12px;
}

.labelnone-style img {
    width: 26px !important;
    display: block;
    margin: auto;
}

.labelnone-style:hover label {
    color: #000 !important;
}

.styleradio-s {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.styleradio-s .md-badge-content {
    margin-inline-end: 25px;
}

.styleradio-s .md-checked {
    background: #0250ff !important;
    padding: 5px 20px;
    border-radius: 40px;
    color: #fff !important;

}

.styleradio-s .md-radio {
    margin: 0px 0px 0px 0 !important;
    background: #f1f4fb;
    padding: 8px 25px;
    border-radius: 40px;
    color: #0c0c0c;

}

.styleradio-s .md-badge-content .md-position-top {
    top: 7px !important;
    position: absolute;
    right: calc(100% - 13px);
}

.styleradio-s .md-badge.md-theme-default {
    background-color: #a1bf22 !important;
}

.styleradio-s .md-radio .md-radio-container {
    display: none !important;
}

.styleradio-s .md-radio .md-radio-label {
    height: auto !important;
    padding-left: 0 !important;
    line-height: auto !important;
    margin: 0;
}

.styleblock-card {
    background-color: none;
    background: none;
}

.styleblock-card .card-body {}

.stylemar {
    padding: 7px 0 0px;
    display: flex;
    margin-bottom: 10px;
}

.stylemar .hfontsize {
    margin-top: 8px;
}

.backgroundst {
    background: none;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #f2f2f2;
    margin-bottom: 10px;
    width: 99%;
    margin: auto;
    margin-bottom: 15px;
}

.backgroundst .card-title,
.dereek {
    font-size: 13px;
    font-weight: bold;
    color: #4e4e4e;
}

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

.stekrrk .p-datatable-header {}

.fontSize {
    font-size: 18px;
    font-weight: bold;
}

.ferrer .card-title {
    font-size: 18px;
    font-weight: bold;
}

.ferrer .card-body {
    padding: 0px 15px;
}

.stylebut-new .p-button {
    background: #1149E6 !important;
    color: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 2px 10px !important;
    box-shadow: 0 0 10px #e9e9e9;
    margin-bottom: 5px;
}

.savestyle,
.cancelstyle {
    min-height: 38px;
}

.invalid {
    position: absolute;
}

.sty {
    padding: 2px 20px !important;
    border-radius: 10px;
}

.djddkji .stylabel label {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.djddkji .stylabel span[style="color: red; padding-right: 7px;"] {
    position: absolute;
}

.bckkdd {
    background: #ffffff;

    box-shadow: 0 0 10px #f4f0f0 !important;
    border-radius: 7px;
}

.md-field label {
    right: 0;
}

.newcardstyle .card-header {
    border-bottom: 0 !important;
}

.eeeeerrf {
    background: none;
    box-shadow: 0 0 0 #fff;
    padding: 0;
    background-color: #fff !important;
}

.qqwqqq {
    background: none;
    box-shadow: 0 0 0 #fff;
    padding: 0;
    background-color: #fff !important;
}

.qqwqqq .card-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

.wokllko label {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

.wokllko .md-has-value {
    margin: 0 0 10px !important;
    padding-top: 3px !important;
}

.dsdssdss {}

.dfjdkk {
    box-shadow: 0 0 0 #fff;
    width: 100%;
}

/*patient*/
.div-table table.table-flush {
    border-collapse: unset;
    border-spacing: 6px;
}

.div-table table.table-flush tbody tr {
    outline: 1px solid #ddd;
    border-radius: 5px;
    transition: all 0.4s ease-in-out;
}

.div-table table.table-flush tbody tr td {
    transition: all 0.4s ease-in-out;
}

.div-table table.table-flush tbody tr:hover {
    background-color: rgba(33, 150, 243, 0.1);
}

.div-table table.table-flush tbody tr:hover td {
    background-color: rgba(33, 150, 243, 0.1);
}

.div-table table.table-flush tbody tr td {
    vertical-align: middle;
}

.strrer {
    background-color: rgba(172, 96, 92, 0.1);
    padding: 2px 5px;
    border-radius: 5px;
}

.icon-del {
    background-color: rgba(252, 84, 75, .10);
    padding: 2px 5px;
    border-radius: 5px;
    color: #fc544b;
}

.icon-attach {
    background-color: #E6F8F8;
    padding: 2px 5px;
    border-radius: 5px;
    color: #13B6B9;
}

.icon-edit {
    background-color: rgba(33, 150, 243, .10);
    padding: 2px 5px;
    border-radius: 5px;
    color: #2196f3;
}

table.table tr td {
    vertical-align: middle !important;
}

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

.style-formSearch {
    position: relative;
    font-size: 14px;
}

.style-formSearch .form-control {
    border-radius: 7px;
    border-color: #BDC9D6;
    font-size: 14px;
}

.style-formSearch.input-group .form-control {
    border-radius: 0;
    border-start-start-radius: 7px;
    border-end-start-radius: 7px;
}

.style-formSearch.input-group .input-group-text {
    border-radius: 0 !important;
    border-start-end-radius: 7px !important;
    border-end-end-radius: 7px !important;
    background-color: #184ba6;
    border-color: #184ba6;
}

.style-formSearch label {
    position: absolute;
    top: -13px;
    inset-inline-start: 20px;
    color: #0B2F5A;
    font-weight: bold;
    z-index: 2;
    transition: all 0.4s ease-in-out;
}

.style-formSearch label::before {
    content: '';
    background-color: #fff;
    width: 110%;
    height: 5px;
    position: absolute;
    top: 50%;
    inset-inline-start: -5%;
    z-index: -1;
}

.style-formSearch .form-control:focus {
    border-color: #0075FF;
}

.style-formSearch .form-control:focus~label {
    font-size: .8em;
    top: -9px;
    color: #0075FF;
}

.style-formSearch.input-date .form-control:before {
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    inset-inline-end: 18px;
    color: #333;
}

.style-formSearch.input-date .form-control::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: relative;
    z-index: 2;
    width: 50%;
    background-color: transparent;
}

.btn-search {
    background-color: #0EB2F2;
    color: #fff;
    font-weight: bold;
}

.btn-search i {
    display: inline-block;
    margin-inline-end: 5px;
}

.icon-heading {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #999;
    color: #fff;
    border-radius: 50%;
    margin-inline-end: 10px;
}

.dark-blue {
    background-color: var(--background-menu) !important;
    color: #fff !important;
}

.div-table .actual-div-table {
    border-collapse: unset;
    border-spacing: 6px;
    font-size: 14px
}

.div-table .actual-div-table thead tr th,
.div-table .actual-div-table thead tr {
    background-color: transparent;
    text-align: center;
    color: #333;
    vertical-align: middle;
}

.div-table .actual-div-table tbody tr {
    outline: 1px solid #E4E4E4;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
}

.div-table .actual-div-table tbody tr td {
    border: none;
}

.div-table .actual-div-table tbody tr td:first-child {
    border-start-start-radius: 10px;
    border-end-start-radius: 10px;
}

.div-table .actual-div-table tbody tr td:last-child {
    border-start-end-radius: 10px;
    border-end-end-radius: 10px;
}

.div-table .actual-div-table tbody tr {
    background-color: #fff;
}

.div-table .actual-div-table tbody tr td {
    color: #333;
    vertical-align: middle;
    text-align: center;
}

.div-table .actual-div-table tbody tr:hover {
    outline: 1px solid #0EB2F2;
    background-color: #CFF2FF;
}

.div-table .actual-div-table tbody tr td .item {
    display: flex;
}

.div-table .actual-div-table tbody tr td .item .image {
    margin-inline-end: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.div-table .actual-div-table tbody tr td .item h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.div-table .actual-div-table tbody tr td .item i {
    color: #0EB2F2;
    display: inline-block;
    margin-inline-end: 5px;
}

.div-table {
    font-size: 14px
}

.div-table .head-table {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.div-table .head-table .cel-head {
    flex: 1 1 0%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.div-table .head-table .cel-head.name {
    flex: 1.5 1 0%;
}

.div-table .body-table {
    max-height: 480px;
    overflow-y: auto;
    padding-inline-end: 5px;
}

@media (max-width: 1400px) {
    .div-table .body-table {
        max-height: 390px;
    }
}

/* width */
div::-webkit-scrollbar {
    width: 5px;
    border-radius: 15px;
    scrollbar-width: thin;
}

/* Track */
div::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;

}

/* Handle */
div::-webkit-scrollbar-thumb {
    background: var(--background-menu);
    border-radius: 15px;

}

/* Handle on hover */
.div-table .body-table::-webkit-scrollbar-thumb:hover {
    background: #184ba6;
}

.div-table .body-table .row-table {
    border: 1px solid #E4E4E4;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 5px;
    padding: 5px;
    cursor: pointer;
}

.div-table .body-table .row-table .cel-body {
    flex: 1 1 0%;
    text-align: center;
}

.div-table .body-table .row-table .cel-body.name {
    flex: 1.5 1 0%;
}

.div-table .body-table .row-table:hover {
    border: 1px solid #0EB2F2;
    background-color: #CFF2FF;
}

/*0000*/
.div-table .body-table .row-table .cel-body .item {
    display: flex;
    align-items: center;
}

.div-table .body-table .row-table .item .image {
    margin-inline-end: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.div-table .body-table .row-table .item h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.div-table .body-table .row-table .item i {
    color: #0EB2F2;
    display: inline-block;
    /*margin-inline-end: 5px;*/
}

.footer-screen {
    position: fixed;
    bottom: 10px;
    inset-inline-end: 10px;
}

/*end patient*/
.name-image .item {
    display: flex;
    align-items: center;
}

.name-image .item .image {
    margin-inline-end: 5px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

.name-image .item h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: right;
    line-height: 13px;
    /* display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; */
}

.stylegender .gender {
    margin-inline-end: 7px;
}

.stylegender .gender span {
    margin: 0;
    font-size: 12px;
    color: #7e7e7e;
    font-weight: bold;
}

.name-image .item i {
    color: #0EB2F2;
    display: inline-block;
    font-size: 12px
}

.stylesearch-n {
    margin-inline-end: 10px;
}

.p-datatable-wrapper table {
    min-width: auto !important;
}

.stylep {
    font-size: 14px;
    color: #7d7d7d;
}

.styletop-header {
    font-size: 15px;
}

.backstyle-color {
    background: #57A66E;
    min-width: 60px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 18px;
    margin: 0;
    padding: 0px 6px 1px;
    font-weight: bold;
    text-align: center;
}

.backstyle-color1 {
    background: #0E6EFF;
    min-width: 60px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 18px;
    margin: 0;
    padding: 0px 6px 1px;
    font-weight: bold;
    text-align: center;
}

.danger-colorout {
    min-width: 60px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 18px;
    margin: 0;
    padding: 0px 6px 1px;
    font-weight: bold;
    background: #0699B0;
}

.danger-colorin {
    min-width: 60px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 18px;
    margin: 0;
    padding: 0px 6px 1px;
    font-weight: bold;
    background: #F99625;
}

.danger-color {
    min-width: 60px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 18px;
    margin: 0;
    padding: 0px 6px 1px;
    font-weight: bold;
    background: #F94D4D;
}

.p-styletext {
    font-size: 12px;
    text-align: right;
    color: #05bbdf;
    font-weight: bold;

}

.styleadd-but {
    background: #0250ff;
    font-size: 15px;
    border: 1px solid #0250ff;
    border-radius: 8px;
    box-shadow: 0 0 10px #9ab6f4;
}

.top-search-patient {
    display: block;
    width: 98%;
    margin: auto;
    margin-bottom: 10px;
}

.style-n-patient .block2width {
    margin-inline-end: 10px;
}

.style-n-patient .block2width label {
    margin-bottom: 4px;
    margin-inline-start: 9px;
}

.flex-n-style {
    flex: .5 !important;
    margin-top: 20px;
    margin-inline-end: 0 !important;
}

.flex-n-style .but-serchpatients {
    padding: 8px 20px;
}

.flex-n-style .but-serchpatients i {
    transform: rotate(87deg);
    font-size: 14px;
}

.flex-n-style .but-serchpatients label {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 14px;
}

/*=====style-table rtl====*/
.p-datatable table,
table.table {
    border-collapse: separate !important;
    border-spacing: 0 9px !important;
    border: 0 !important;
}

body .p-datatable .p-datatable-thead>tr {
    border-radius: 10px !important;
    box-shadow: 0 0 10px #eaeaea;
}

body .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--background-menu) !important;
    padding: 7px !important;
}

body .p-datatable .p-datatable-thead>tr>th,
body .p-datatable .p-datatable-thead>tr>th .p-sortable-column-icon {
    color: #fff !important;
    font-size: 13px !important;
}

body .p-datatable .p-datatable-tbody>tr {
    box-shadow: 0 0 10px #eaeaea;
    overflow: hidden;
    border-radius: 7px !important;
}

body .p-datatable .p-datatable-thead>tr>th:last-child,
body .p-datatable .p-datatable-tbody>tr td:last-child {
    border-radius: 7px 0px 0px 7px !important;
}

body .p-datatable .p-datatable-tbody>tr td:first-child,
body .p-datatable .p-datatable-thead>tr>th:first-child {
    border-radius: 0 7px 7px 0 !important;
}

body .p-datatable .p-datatable-tbody>tr>td {
    padding: 5px 7px !important;
}

.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 25%) !important;
    border: 1px solid #9ab4ff !important;
}

/*new-banner*/
.patient-banner .p-card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px;
}

.patient-banner .p-card-body {
    padding: 5px 0 !important;
}

.patient-banner .banners-style {
    flex: .5;
    padding: 0px 5px;
}

.style-divsnew {
    border-left: 1px dotted #ccc;
    flex: 1 !important;
}

.yle-divs {
    flex: 1 !important;
}

.style-widthimg .item .image {
    width: 45px !important;
    height: 45px !important;
}

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

.data-space span {
    font-size: 12px;
    color: var(--background-menu);
    margin-bottom: 0px;
    font-weight: bold;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.text-dd {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.data-space label {
    font-size: 12px;
    color: #9b9898;
    font-weight: bold;
    margin-bottom: 2px;
}

.style-div-img img {
    width: 25px !important;
}

.add-card {
    text-align: center;
    font-size: 11px;
    background: #f2f6ff;
    color: #05bbdf;
    font-weight: bold;
    border-radius: 6px;
    padding: 3px;
    margin-top: 6px;
    cursor: pointer;
}

.blockstyle-1 {}

.blockstyle-2 {}

.blockstyle-3 {
    justify-content: flex-start !important;
}

.blockstyle-1 p {}

.blockstyle-2 p {}

.blockstyle-3 p {}

.text-dd p {
    margin-bottom: 0;
}

.style-new-p {
    font-size: 13px;
}

.background-patient {
    background: #A25FE8 !important;
}

.search-patient-input {
    box-shadow: 0 0 10px #f1f1f1;
    background: var(--sec_color);
    padding: 14px 15px;
    border-radius: 10px;
}

.divclass-style {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.patient-all .p-card .p-card-content {
    padding: 0rem 0 !important;
}

.p-datepicker .p-datepicker-buttonbar .p-button {
    margin-inline-end: 10px;
}

.p-datepicker-buttonbar button:first-child {
    background: var(--background-menu) !important;
    color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    box-shadow: 0 0 10px #dfdfdf;
    cursor: pointer;
    border: 0 !important;
}

.p-datepicker-buttonbar button:last-child {
    background: var(--background-cancel) !important;
    color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    box-shadow: 0 0 10px #dfdfdf;
    cursor: pointer;
    border: 0 !important;
}

body .p-datepicker .p-datepicker-buttonbar {
    display: flex;
}

.changebackground-none .p-card-body {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 4px;
}

.changebackground-none .p-card {
    box-shadow: none !important;
    background-color: transparent !important;
    background: transparent !important;
}

.changebackground-none .p-card-title {
    margin-bottom: 0 !important;
}

.style-toptitle-div {
    border: 1px solid #e9e9e9;
    padding: 20px 10px 10px;
    border-radius: 10px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    background: #fff;
}

.style-input-div {
    margin-bottom: 10px;
}

.newstyle-backccc .p-dialog-content {
    background-color: #F5F6F9 !important;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 !important;
}

.newstyle-backccc.p-dialog {
    width: 60% !important;
}

.newstyle-backccc .p-dialog-header {
    padding: 10px 20px !important;
}

.title-icons {
    position: absolute;
    top: -15px;
    z-index: 0;
  
    color: #fff;
    padding: 3px 5px 5px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 7px;
    width: 145px;
    text-align: center;
    cursor: pointer;
}

.title-icons i {
    display: inline-block;
    margin-inline-end: 6px;
}

.stylestar-icons {
    color: red;
    font-size: 17px;
}

.title-name-style {
    font-size: 12px;
    font-weight: bold;
}

.star-style {
    margin-bottom: 4px;
}

.image-card-style {
    text-align: center;
    height: 65%;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #f5f6f9;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 9px;
}

.image-card-style img {}

.image-card-style label {
    margin-bottom: 0;
    font-weight: bold;
    margin-top: 5px;
    font-size: 12px;
    color: #06a8d8;
}

.style-imgss {
    width: 100%;
    border: 2px solid #8edbf7;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.style-imgss img {
    width: 100%;
    height: 100%;
}

.add-plus-table {
    background: var(--background-menu) !important;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    display: inline-block;
    margin-top: 26px;
    justify-content: center;
    align-items: center;
    line-height: 35px;
    border-radius: 5px;
    cursor: pointer;
}

.add-plus-table i {
    line-height: 35px;
}

.date-tablestyle .p-datatable .p-datatable-thead>tr>th {
    background-color: #D3F1FC !important;
    color: #000 !important;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

.fldkklk .p-datatable-row {
    position: relative !important;
}

/* {
    height: 25px !important;
    width: 25px !important;
    margin-top: 4px;
    margin-left: 6px;
    background: none !important;
    box-shadow: none;
}
 */
.blockstyle-1 .text-dd {
    color: #FD0F38;
}

.blockstyle-3 .text-dd {
    color: #0075FF;
}

.blockstyle-2 .text-dd {
    color: #12C2C5;
}

.text-dd p {
    font-size: 18px;
}

.text-dd .style-new-p {
    font-size: 10px !important;
}

body .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--background-menu) !important;
}

body .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
    outline: none !important;
    border-color: transparent !important;
    border: none !important;
}

body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background-color: var(--dark-green);
}

.activeRow {
    background-color: var(--sec_color) !important;
    border: #0EB2F2 !important;
}

.noewdd {
    background: #9EA1A6;
    padding: 5px 5px 4px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
    margin: auto;
    font-size: 12px;
}

.noewdd i {
    color: #fff !important;
    margin-top: 1px;
}

.activeRow .noewdd {
    background: var(--background-menu) !important;
}

body .p-datatable .p-datatable-tbody>tr {
    position: relative;
}

.block2widthss {
    flex: 2 !important;
}

.stylespan-nu {
    display: inline-block;
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius: 50%;
    line-height: 53px;
    margin: auto;
    background: #E8FCFF;
    border: 1px solid #C2F7FF;
    color: #43838C;
    font-size: 15px;
}

.style_date {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.style_date img {
    width: 22px !important;
    margin-inline-end: 7px;
}

.style_date span {
    font-size: 13px;
    color: #7e7e7e;
}

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

.style-divss {
    margin-inline-end: 5px;
    margin-top: 8px;
}

.styleimg-div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.styleimg-div img {
    width: 20px !important;
    margin-inline-end: 10px;
}

.date-tablestyless .p-datatable .p-datatable-thead>tr>th {
    background-color: transparent !important;
    color: #000 !important;
}

.date-tablestyless .p-datatable .p-datatable-thead>tr {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.style-icons-img i {
    font-size: 16px;
    color: #9a9a9a;
}

.styleimg-s {
    width: 20px;
}

.styleserve {
    color: #0075FF;
}

.contentmodalss {
    padding: 15px;
}

.display-iconx .p-dialog-header-icons {
    display: none !important;
}

.style-tabsdiv {
    background: #fff !important;
    box-shadow: 0 0 10px #ededed;
    width: 50%;
    margin: auto;
    margin-top: 10px;
    padding: 0;
}

.style-tabsdiv li {
    padding: 8px;
    font-weight: bold;
}

.blockhide-div {
    line-height: 50vh;
    min-height: 60vh;
    margin: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.blockhide-div span {
    font-weight: bold;
    font-size: 22px;
    color: #ee2a51;
}

.styleimage-n {
    position: absolute;
    width: 17px !important;
    bottom: -5px;
    right: -5px;
}

/*===========new===========*/
.stylenew-color .styletop-header {
    color: #031b4f !important;
    font-size: 15px !important;
    font-weight: bold;
}

.new-style-color {
    background: #15CCE6 !important;
}

.changecolor-table .p-datatable .p-datatable-thead>tr>th {
    background-color: transparent !important;
    color: #5F6264 !important;
}

.changecolor-table .p-datatable .p-datatable-thead>tr {
    border-radius: 0px !important;
    box-shadow: 0 0 0px #eaeaea !important;
}

.newstyledivbut {
    display: block;
    text-align: center;
}

.stylenew-col {
    color: #283647 !important;
}

.stylescan-div {
    width: var(--width-icons);
    display: inline-block;
    height: 33px;
    vertical-align: top;
    padding: 1px 4px 0 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    right: inherit !important;
    left: 6px;
}

.stylescan-div input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.stylescan-div img {
    width: 100%;
}

/*=========*/
.styleimg-all {
    position: relative;
    width: 100%;
    height: 100%;
}

.stylediv-img {
    width: 100%;
    height: 100%;
}

.stylediv-img img {
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

.style-close-img {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    font-size: 16px;
    color: red;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-size: 15px;
    font-weight: bold;
    color: red !important;
    box-shadow: 0 0 10px #ccc;
    cursor: pointer;
}

.style-close-img i {
    margin-top: -2px;
    display: block;
}

.stylediv-alldiv {
    display: flex;
    justify-content: space-between;
    align-items: top;
}

.stylediv-but {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.stylediv-but:hover {
    background: transparent !important;
}

.stylediv-but input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.stylespan-div {
    text-align: center;
}

.stylespan-div img {
    display: block;
    width: 40px;
    margin: auto;
    cursor: pointer;
}

.stylespan-div label {
    font-size: 10px;
    font-weight: bold;
    color: #888686;
    margin: 0;
}

.empty-span-up {
    margin: auto;
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
}

.empty-span-up i {
    margin: auto;
    vertical-align: middle;
    margin-top: 42px;
    color: #17b3d0;
    font-size: 20px;
}

.but-pdf-style {
    color: #fff;
    padding: 5px 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    box-shadow: 0 0 10px #dfdfdf;
    cursor: pointer;
    margin-right: 8px;
}

.but-pdf-style img {
    width: 17px !important;
}

.basicdata-div {
    margin-top: 10px;
}

.background_pdf {
    background: #E94337;
}

.background_print {
    background: #F2801E;
}

.style-but-pdf {
    display: flex;
}

.codeCard {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0 0 10px #fafafa6b;
}

.blockstylecode {
    flex: 1;
    text-align: center;
    border-left: 1px solid #f2f2f2;
}

.stylenum_min {
    color: #079390;
    font-size: 17px;
}

.stylenum_max {
    color: #E94337;
    font-size: 17px;
}

.cardblockcode {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 4;
    border-left: 1px solid #f2f2f2;
}

.code_nomber {
    flex: 1;
    text-align: center;
}

.code_nomber span,
.code_nomber label {
    display: block;
}

.styletop_label {
    color: var(--background-menu);
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
}

.style_spanname {
    font-weight: bold;
    font-size: 12px;
    color: #666666;
}

.name_des {
    text-align: right;
}

.name_des label {
    display: block;
    margin-bottom: 0px;
    color: var(--background-menu);
    font-weight: bold;
    font-size: 11px;
}

.color_default {
    font-weight: bold;
    font-size: 13px;
    color: #7b7979;
}

.name_des span {
    font-weight: bold;
    font-size: 13px;
    color: #7b7979;
}

.color_sec {
    font-weight: bold;
    font-size: 13px;
    color: #F2801E;
}

.color_blue {
    font-weight: bold;
    font-size: 13px;
    color: var(--background-menu);
}

.block_backgroundspan {
    display: block;
    background: #f4f4f4;
    font-weight: bold;
    text-align: center;
    color: #656363;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    padding: 2px 0;
    border-radius: 5px;
}

.block_backgroundspan label {
    margin-bottom: 0;
}

.block_backgroundspan i {
    color: var(--background-menu);
}

.style_icons {
    margin-top: 0px;
    padding: 0;
    margin-right: 4px;
}

.color_gray {
    color: #b2adad;
}

.background_style {
    background: #f2f6ff;
    display: inline-block !important;
    padding: 2px 15px;
    border-radius: 7px;
    font-weight: bold;
    font-size: 14px;
    color: #737373;
}

.blockback_white {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.total_details {
    box-shadow: 0 0 10px #f1f1f1;
    background: #D3F1FC;
    padding: 14px 15px;
    border-radius: 10px;
    margin-top: 10px;
}

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

.first_labelname {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0;
}

.sec_spanname {
    color: var(--background-menu);
    font-weight: bold;
    font-size: 14px;
}

.sec_spannamebottom {
    color: #EE2A51;
    font-weight: bold;
    font-size: 14px;
}

.color-newstyy {
    color: var(--background-menu);
    margin-bottom: 0;
}

.sec_spanbackgroundtop {
    color: var(--background-menu);
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    background: #bdedfc96;
    padding: 4px 15px;
    border: 1px solid #a3d4fd;
    border-radius: 10px;
}

.sec_spanbackgroundbot {
    color: #EE2A51;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    background: #fcd3ec96;
    padding: 4px 15px;
    border: 1px solid #ffbdfa;
    border-radius: 10px;
}

.color_newstyle {
    color: #EE2A51;
}

.details_box {
    flex: 1;
    margin-left: 50px;
}

.margin-bww {
    margin-bottom: 5px;
}

.margin-b {
    margin-bottom: 10px;
}

.stylepadiing_new {
    padding: 5px !important;
}

.stylepadiing_new .p-inputgroup .p-inputtext:not(:last-child) {
    height: 35px !important;
}

.stylepadiing_new .p-inputgroup .p-button:last-child {
    top: -28% !important;
}

.CategoryCard .styletop-header {
    font-size: 14px !important;
    font-weight: bold;
}

.newstyle_toptitle {
    justify-content: flex-start;
    margin-bottom: 7px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 7px;
    font-weight: bold;
}

.newstyle_toptitle .styletop-header {
    font-weight: bold !important;
}

.ReservationDetailsComp {
    background: #fff;
    padding: 10px 15px;
    height: calc(100vh - 139px);
    overflow-y: auto;
}

.style_new_tabs {
    display: flex;
    margin: 10px 0px;
    justify-content: space-between;
    align-items: center;
}

.stylemargin_new {
    margin-inline-end: 10px;
}

.newstyle_input label {
    font-weight: bold;
    font-size: 12px;
}

.dark-green {
    background: var(--dark-green);
}

.newstyle_input {
    margin-bottom: 10px;
}

.ReservationDetailsComp .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button,
.ReservationDetailsComp .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    color: var(--dark-green) !important;
}

.ReservationDetailsComp .p-dropdown.p-component.p-unselectable-text {
    background: #F0F7FD !important;
}

.ReservationDetailsComp .p-inputtext {
    background: #F0F7FD !important;
}

.margintop_20xp {
    margin-top: 25px;
}

.image_name {
    margin-top: 10px;
    margin-bottom: 15px;
}

.image_name span {
    display: inline-block;
    font-weight: bold;
    margin-inline-start: 10px;
}

.DoctorComp {
    background: #DFEDF8;
    padding: 10px 15px;
    height: calc(100vh - 139px);
}

.select_typeDoctor span {
    display: inline-block;
    flex: 1;
    margin: 3px 2px;
    background: #fff;
    text-align: center;
    padding: 8px 1px;
    border-radius: 7px;
    font-weight: bold;
    font-size: 13px;
    color: #686161;
    cursor: pointer;
    border: 1px solid #ebebeb;

}

.activetypDoc {
    border: 1px solid #F49C28;
    color: #F49C28 !important;
    position: relative;
}

.activetypDoc::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #F49C28;
    color: #F49C28;
    bottom: -11px;
}

.select_typeDoctor {
    border-bottom: 1px solid #dadada;
    padding-bottom: 6px;
}

.style_tabs_doctors {
    flex: 1;
    text-align: center;
    background: #fff;
    padding: 8px;
    border-radius: 10px;
    margin: 0 2px;
    color: #939393;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.ActiveDoctor {
    background: var(--background-menu) !important;
    color: #fff !important;
}

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

.styleinput-div {
    flex: 5;
}

.typemal_famel {
    /* width: 20%; */
    text-align: center;
    margin: 0 3px;
}

.typemal_famel span {
    width: 30px;
    height: 35px;
    display: inline-block;
    line-height: 34px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
}

.typemal_famel i {
    line-height: 35px;
    font-size: 20px;
    color: #d7d7d7;
}

.typemal_famel .stylemalspan {
    border-radius: 0 10px 10px 0;
    border-left: 0 !important;
}

.activetype {
    background: var(--dark-green) !important;

}

.activetype i {
    color: #fff !important;
}

.typemal_famel .stylefamlespan {
    border-radius: 10px 0px 0px 10px;
    border-right: 0 !important;
}

.styleinput-div .p-inputgroup .p-inputtext:not(:last-child) {
    height: 38px !important;
}

.doctor_all_div {
    background: #fff;
    margin-bottom: 12px;
    padding: 8px 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #e2e2e2;
    cursor: pointer;
}

.select_div_doc {
    background-image: linear-gradient(to right, #06AFF2, #0250FF);
}

.select_div_doc .item h4 {
    color: #fff !important;
}

.select_div_doc .doctor_sec i,
.select_div_doc .doctor_sec span {
    color: #fff !important;
}

.select_div_doc .name-image .item h4 {
    color: #fff !important;
}

.doctor_all_div .doctor_sec span {
    font-size: 10px;
    color: #6d6969;
    font-weight: bold;
    display: inline-block;
    margin-inline-start: 8px;
    line-height: 11px;
}

.doctor_all_div .doctor_sec i {
    color: #cfd2d4;
}

.doctor_all_div .name-image .item .image {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    margin-inline-end: 10px !important;
}

.DiagnosisComp {
    padding: 10px 15px 5px 15px;
}

.stylenew_diagn .details-block-diagno {
    padding: 6px 0;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #e9e6e6;
}

.details-block-diagno {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}

.deleteicons_diagno {
    font-size: 12px;
    display: grid;
    align-items: center;
    color: #FD5F6E;
    padding: 0;
    background: #FFDCE0;
    border-radius: 6px;
    width: 26px;
    height: 26px;
    text-align: center;
    cursor: pointer;
}

.textalertp_diagno {
    font-size: 13px;
    color: #525252;
}

.texticon_diagno {
    display: flex;
    align-items: center;
}

.texticon_diagno img {
    width: 30px;
    display: inline-block;
    margin-inline-end: 11px;
}

.diagnosis_div {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f4f4f4;
    padding-bottom: 1px;

}

.diagnosis_div .title_top_img {
    border-radius: 10px 10px 0 0 !important;

}

.title_top_img {
    padding: 6px 10px;
    background: var(--background-menu);
    border-radius: 10px 10px 0 0;
}

.title_top_img img {
    filter: brightness(0) invert(1);
    margin-inline-end: 10px;
    width: 23px;
}

.title_top_img span {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.stylenew_diagn {
    padding: 0 20px;
    height: 132px;
    overflow-y: auto;
}

.serach_diagnosis {
    position: relative;
    padding: 2px 18px;
    margin-bottom: 10px;
}

.serach_diagnosis .p-dropdown-label.p-placeholder {
    padding-inline-end: 50px !important;
    background: #F0F7FD !important;
    color: #0c0c0c !important;
    font-weight: bold;
    font-size: 13px !important;
    padding-inline-start: 14px !important;
    border: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 8px !important;
}

.serach_diagnosis .p-dropdown-label.p-placeholder:focus {
    outline: 1px solid #ccfbe5 !important;
}

.serach_diagnosis .style_but_plus {
    position: absolute;
    left: 12px;
    width: 35px;
    height: 35px;
    background: #0075FF;
    display: inline-block;
    border-radius: 50%;
    top: 0;
    text-align: center;
    cursor: pointer;
}

.serach_diagnosis .style_but_plus i {
    line-height: 35px;
    color: #fff;
}

.ComplainsComp {
    padding: 0px 15px 5px 15px;
}

.dark-green-span {
    background: #36B9DA !important;
}

.all_doctors_div {
    /* max-height: 275px;
    overflow-y: auto; */
}

.stylemargindiv {
    margin-inline-end: 10px;
}

.confirm_but {
    background: var(--background-menu);
    color: #fff;
    padding: 6px 10px !important;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    vertical-align: bottom;
    border-radius: 10px;
}

.confirm_but img,
.delete_but img {
    width: 20px;
    margin-inline-end: 5px;
}

.delete_but {
    background: var(--background-cancel);
    color: #fff;
    padding: 6px 10px !important;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    vertical-align: bottom;
    border-radius: 10px;
    border: 1px solid var(--background-cancel);
}

.stylediv_total .patient-banner {
    margin-bottom: 5px;
    box-shadow: 0 0 5px #d4d4d4 !important;
}

/*===*/
.stylewidth_img {
    width: 30px !important;
}

.styleicon_div {
    justify-content: center;
    align-items: center;
    display: flex;
    color: #b7b7b7;
    font-size: 14px;
}

.styleicon_div .color_default {
    color: #7b7979 !important;
}

.style_bold {
    font-weight: bold;
}

.new_style_table .color_default {
    font-size: 14px;
}

.defoultstyle {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    min-width: 90px;
    padding: 0px 0px 2px;
    border-radius: 17px;
}

.waiting_background {
    background: #F6BC1C;
}

.waiting_color {
    color: #F6BC1C;
}

.approved_background {
    background: #13B6B9;
}

.approved_color {
    color: #13B6B9;
}

.defuolt_color {
    font-size: 13px;
    font-weight: bold;
}

.changecolor_font {
    font-size: 13px !important;
}

.style_bold {
    font-weight: bold;
    font-size: 17px;
}

.style_border_bottom {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}

.design_upload {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    padding: 1px 10px;
    border-radius: 10px;
    color: #a0a0a0;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.design_upload label {
    margin-bottom: 0;
}

.width_img {
    width: 20px !important;
}

.styleblock_div1 {
    background: #FAFAFA;
    border: 1px solid #e4e2e259;
    border-radius: 10px;
    padding: 30px 10px 10px;
    margin-top: 30px;
    position: relative;
}

.divstyle11 input {
    background: #fff !important;
}

.stylediv_search {}

.stylediv_search2 {}

.style1_span,
.style2_span {
    background: #fff;
    padding: 1px 10px 5px;
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    position: absolute;
    top: -15px;
    min-width: 110px;
    text-align: center;
    right: 20px;
}

.style1_span label,
.style2_span label {
    margin-bottom: 0;
    display: inline-block;
    margin-inline-start: 10px;
}

.style_new_patients {
    border: 1px solid #0250FF;
    padding: 4px 10px 6px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0250FF;
    font-size: 13px;
    font-weight: bold;
    border-radius: 25px;
    cursor: pointer;
}

.style_background11 {}

.style_background22 {}

.style_background11 .style1_span label {
    color: var(--dark-green) !important;
}

.style_background22 .style2_span label {
    color: var(--background-menu) !important;
}

.style_background11 .serach_diagnosis span,
.style_background11 .style_data_div ul li::before {
    background: var(--dark-green) !important;
}

.style_background22 .serach_diagnosis span,
.style_background22 .style_data_div ul li::before {
    background: var(--background-menu) !important;
}

.content_patient {
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}

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

.style_data_div ul li {
    font-size: 12px;
    font-weight: bold;
    color: #444647;
    margin-bottom: 7px;
    margin-inline-start: 20px;
    position: relative;
}

.style_data_div ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    right: -15px;
    position: absolute;
    top: 6px;
}

.style_data_div {
    margin-bottom: 10px;
    height: 75px;
    overflow: hidden;
    overflow-y: auto;
}

.style_upload label {
    margin-inline-end: 10px;
}

.style_upload .p-button.p-fileupload-choose {
    padding: 0px;
    background: #fff;
    border: 1px solid var(--dark-green);
    color: var(--dark-green);
}

.style_upload .p-button.p-button-text-icon-left .p-button-text {
    padding: 2px 10px 2px 30px !important;
}

.stylewidth_new .textindiv {
    margin-bottom: 10px !important;
}

/*style_edit*/
.stylespan_ne1 i,
.stylespan_ne2 i {
    line-height: 37px;
}

.stylespan_ne1,
.stylespan_ne2 {
    width: 38px;
    display: inline-block;
    height: 38px;
    position: absolute;
    top: 2px;
    border-radius: 50%;
    color: #fff;
    left: 10px;
    font-size: 14px;
}

.styletop_div {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.styletable_new .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--background-menu) !important;
    color: #fff !important;
}

.textalign_right {
    text-align: right;
}

.styletop_div {
    text-align: right;
}

.ComplainsComp_style .ComplainsComp {
    padding: 0 !important;
}

.DiagnosisComp_style .DiagnosisComp {
    padding: 0 !important;
}

.DiagnosisComp_style .style_diagnosis,
.ComplainsComp_style .style_diagnosis {
    position: relative;
}

.DiagnosisComp_style .details_div_diagnosis,
.ComplainsComp_style .details_div_diagnosis {
    background: #FAFAFA;
    border: 1px solid #e4e2e259;
    border-radius: 10px;
    padding: 30px 10px 10px;
    margin-top: 30px;
    position: relative;
}

.DiagnosisComp_style .serach_diagnosis .p-dropdown-label.p-placeholder,
.ComplainsComp_style .serach_diagnosis .p-dropdown-label.p-placeholder {
    background: #fff !important;
}

.DiagnosisComp_style .title_top_img,
.ComplainsComp_style .title_top_img {
    background: #fff !important;
    padding: 1px 10px 5px;
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    position: absolute;
    top: -15px;
    min-width: 110px;
    text-align: center;
    right: 20px;
    z-index: 1;
}

.ComplainsComp_style .title_top_img span {
    color: var(--dark-green) !important
}

.DiagnosisComp_style .title_top_img span {
    color: var(--background-menu) !important
}

.DiagnosisComp_style .title_top_img img {
    filter: none !important;
}

.ComplainsComp_style .title_top_img img {
    filter: none !important;
}

.DiagnosisComp_style .borderbottm_style {
    display: none;
}

.stylenone_img2 {
    display: none;
}

.DiagnosisComp_style .stylenone_img2,
.ComplainsComp_style .stylenone_img2 {
    display: inline-block !important;
}

.DiagnosisComp_style .stylenone_img1,
.ComplainsComp_style .stylenone_img1 {
    display: none;
}

.imgsize_div img {
    width: 200px !important;
    height: 200px !important;
    margin: 10px;
    display: inline-block;
}

.stylewidthnew.p-dialog {
    width: 70% !important;
}

/*======*/
.stylewidthnew60.p-dialog {
    width: 70% !important;
}

.style_code_name .style_code {
    font-size: 13px;
    font-weight: bold;
    color: #767676;
    margin-bottom: 0px;
}

.style_code_name .style_name_serv {
    font-size: 14px;
    font-weight: bold;
    color: #1e1d1d;
    margin-bottom: 6px;
    margin-top: 2px;
}

.style_code_name .style_state {}

.style_serv_mon {
    font-weight: bold;
    font-size: 17px;
    color: var(--background-menu);
}

.style_new_widthdiv {
    padding: 0 !important;
}

.style_new_widthdiv .p-dropdown-label.p-placeholder {
    background: #fff !important;
}

.style_new_widthdiv .serach_diagnosis .style_but_plus {
    left: -10px !important;
    top: 2px !important;
}

.stylenew_up {
    position: relative;
    display: inline-block;
}

.stylenew_up .stylespan-div {
    font-size: 19px;
    display: grid;
    align-items: center;
    color: #25a9c8;
    padding: 0;
    background: #ddf4fc;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.stylenew_up .stylespan-div i {
    font-size: 21px;
    color: #36b9da;
}

.style_delete_span {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.style_delete_span i {
    line-height: 30px;
    font-size: 18px;
}

.style_table_scroll .p-datatable-scrollable-header-box {
    margin-right: 0 !important;
    margin-left: 0px !important;
    background: #fff !important;
    padding: 0px !important;
}

.style_table_scroll .p-datatable-scrollable-body>table>.p-datatable-tbody>tr>td {
    padding: 5px 10px !important;
}

.style_table_scrol .p-datatable .p-datatable-thead>tr>th {}

.style_state {
    text-align: center;
}

.new_style_table .p-datatable-scrollable-body-table {
    padding: 0 5px !important;
}

.style_top_padding .p-dialog-header {
    padding: 5px 10px 0px !important;
}

.div_empty {
    text-align: center;
    padding: 20px;
    margin: auto;
    font-size: 14px;
    font-weight: bold;
}

.style_no_data {
    width: 45px;
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}

/*=====*/
body .p-datepicker .p-timepicker {}

.p-datepicker .p-timepicker>div {
    padding: 0 !important;
    text-align: center;
    margin: auto;
}

.p-datepicker .p-timepicker button {
    width: 1rem !important;
    height: 1rem !important;
    margin: auto;
    text-align: center;
}

/*=====new style stors*/
.tabs_new_style {
    display: flex;
}

.tabs_new_style .ul_class {
    width: var(--width-tabs) !important;
    display: inline-block;
}

.tabs_new_style .ul_class li {
    float: right !important;
    width: 100%;
    margin: 0 !important;
    position: relative;
    top: 0px !important;
    padding: 20px 0 !important;
}

.tabs_new_style .ul_class li a {
    width: 95%;
    margin-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0.571em 0 !important;
    background: transparent;
    border: 0;
    color: #C5C5C5;
    border: 0px solid #fff !important;
    background-color: #fff !important;
    padding: 1px 0 !important;
    transition: none !important;
    background: none !important;
}

.tabs_new_style .tab-content {
    background-color: #F9FAFB !important;
    padding: 10px 15px !important;
    border: 0 !important;
    box-shadow: 0 0 10px #efefef;
    width: calc(100% - var(--width-tabs)) !important;
    vertical-align: top;
    display: inline-block;
}

.tabs_new_style .ul_class li a.active label {
    background: var(--background-menu) !important;
    border: 1px solid #fff !important;
    outline: 1px solid var(--background-menu) !important;
}

.tabs_new_style .ul_class .nav-link.active,
.tabs_new_style .ul_class .nav-item.show .nav-link {
    color: var(--background-menu) !important;
    background-color: #fff !important;
    border-color: #fff !important;
    font-weight: bolder;
    font-size: 14px;
    box-shadow: 0 0 0 #fff !important;
}

.tabs_new_style .ul_class .nav-link:hover,
.tabs_new_style .ul_class .nav-link:focus {
    color: var(--background-menu) !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.tabs_new_style .ul_class {
    border-bottom: none !important;
}

.tabs_new_style .ul_class li a.active a span {
    color: #0549E1 !important;
}

.tabs_new_style .ul_class>li a:after {
    content: "";
    position: absolute;
    background: #f1f1f1;
    display: block;
    height: calc(100% - 24px);
    width: 2px;
    top: 45px;
    right: 21px;
    z-index: 0;
}

.tabs_new_style .ul_class li a.active:after {
    background: var(--background-menu) !important;
}

.tabs_new_style .ul_class li a:not(.md-button) {
    color: #333333;
    padding: 0.571em 1em;
    font-weight: 700;
    display: flex;
}

.tabs_new_style .ul_class li:last-child a:after {
    content: "";
    position: absolute;
    background: #f1f1f1;
    display: block;
    height: calc(100% - 24px);
    width: 2px;
    top: 45px;
    left: 21px;
    z-index: 0;
    display: none;
}

.none_background_style .p-card-body {
    padding: 0 !important;
}

.none_background_style .p-card-content {
    background: transparent !important;
}

.p-component.p-paginator {
    margin-bottom: 10px;
}

/*=====style_===*/
.style_table_static {
    border-collapse: separate;
    font-family: var(--font-family);
    border-spacing: 0 9px !important;
    border: 0 !important;
}

.style_table_static thead tr th {
    background: var(--background-menu);
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    border: 0 solid #ccc !important;
}

.style_table_static tbody>tr {
    box-shadow: 0 0 10px #eaeaea;
    overflow: hidden;
    border-radius: 7px !important;
    margin-bottom: 10px;
    background: #fff !important;
}

.style_table_static tr td {
    padding: 7px 7px !important;
    border: 0px solid rgb(216 223 224) !important;
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 13px;
}

.style_div_slots {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.style_div_slots span.savestyle {
    border-radius: 10px !important;
}

.style_div_slots .stylebutdiv {
    margin-top: 0 !important;
}

.style_div_slots label.slots_labels {
    font-weight: bold;
    font-size: 22px;
    color: var(--dark-green);
}

.styl_labels {
    font-weight: bold;
    font-size: 15px;
    margin-inline-end: 10px;
}

.style_table_static tr td input[type="time"] {
    border-radius: 25px;
    border: 1px solid rgb(234 233 233) !important;
    margin: 0 4px !important;
    font-size: 13px !important;
    color: #292929 !important;
    text-align: center;
}

.style_table_static tr td input[type="time"]:focus {
    outline: 1px solid var(--background-menu) !important;
}

.backstyle_schedul {
    background-color: #F9FAFB !important;
    padding: 10px 15px !important;
    border: 0 !important;
    box-shadow: 0 0 10px #efefef;
    width : 100%;
}

.style_width_dropdwon1 {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.style_width_dropdwon1 .p-dropdown.p-component.p-unselectable-text {
    width: 55%;
}

/*style_cli*/
.top_style_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;

}

.style_img_new {}

.blockimgst_img {
    background: #fff;
    box-shadow: 0 0 10px #e5e5e5;
    padding: 3px 1px;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    margin: auto;
    text-align: center;
    margin-bottom: 2px;

}

.blockimgst_img img {
    width: 35px;
    height: 31px;
    margin-top: 4px;
}

.selected_tab {
    font-weight: bolder;
    color: var(--background-menu) !important;
    font-size: 12px;
    border-bottom: 2px solid var(--background-menu);
}

.selected_tab img {
    filter: none !important;
    -webkit-filter: none !important;
}

img.style_img_new {
    width: 24px;
    margin-inline-end: 4px;
}

.select_tab_span {
    font-weight: bold;
    color: #939191;
    font-size: 13px;
    margin: 0 0;
    padding: 0 24px 7px;
}

.select_tab_span img {
    filter: grayscale(1);
}

.top_style_header {
    padding: 5px 0px 0;
    background: #e5f3ff;
    border: 1px solid #e7e7e7;
    border-radius: 10px 10px 0 0;

}

.doctor_select_style {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-size: 11px;
    font-weight: bold;
    margin: 3px 10px;

}

.doctor_select_style:hover .blockimgst_img {
    background: #13B5E3;
}

.active_select_doctor .blockimgst_img {
    background: #13B5E3;
}

.active_select_doctor .titledocst {
    font-weight: bolder !important;
    font-size: 12px !important;
}

.p-carousel-items-content {
    direction: ltr;
}

.doctor_select_style:hover .blockimgst_img img,
.active_select_doctor .blockimgst_img img {
    filter: brightness(0) invert(1);
}

.Today_Clinics,
.All_Clinics {
    background: #D3F1FC;
    padding: 6px;
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 0 0 10px 10px;
    position: relative;
    border-top: 0 !important;
}

.style_today_doc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: hidden;
    overflow-y: hidden;
}

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

.search_style_clinic .p-inputgroup .p-inputtext:not(:last-child) {
    height: 32px !important;
    border-radius: 6px !important;
    margin-inline-start: 6px;

}

.branch_doc_select {
    min-width: 180px;
}

.search_style_clinic .p-inputgroup .p-button:last-child {
    padding: 0 !important;
}

.search_style_clinic .sarchinput_div {
    padding: 0px 0 0px 5px;
    margin-top: -1px;
}

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

.margin_bottom_top {
    margin-top: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px;
}

.style_tabs_doctors_schedule {
    flex: 1;
    text-align: center;
    padding: 8px;
    margin: 0 2px;
    color: #939393;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.activetypDoc_new {
    background: var(--color-plan) !important;
    color: #fff !important;
}

.ActiveDoc_schadule {
    color: var(--background-menu) !important;
    border-bottom: 2px solid var(--background-menu) !important;
}

.style_display_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 8px;
}

.style_display_flex .newstyle_toptitle {
    margin-bottom: 0px !important;
    border-bottom: 0px solid #f1f1f1 !important;
    padding-bottom: 0px !important;
}

.schedule_doc_select {
    margin: 0 !important;
}

.styletitle_doc,
.select_partof_day,
.select_doc_data {
    flex: 1;
}

.styletitle_doc .icon-heading {
    width: 25px !important;
    height: 25px !important;
}

.styletitle_doc .styletop-header {
    font-size: 14px !important;
    color: var(--background-menu);
}

.styletitle_doc .icon-heading i {}

.arrow_close_div {
    position: absolute;
    width: 24px;
    height: 20px;
    bottom: -20px;
    z-index: 1;
    left: calc(50% - 10px);
    background: #FF980F;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 0 0 30px 30px;
}

.style_margin_top {
    margin-top: 15px;
}

.arrow_close_div i {
    font-size: 22px !important;
    margin-top: -2px;
}

.activetype_schedule {
    background: #F1AD24 !important;
    color: #fff !important;

}

.img_gray_style span {
    width: 40px !important;
    height: 36px !important;
}

.img_gray_style img {
    filter: grayscale(1);
    margin-top: 5px;
    -webkit-filter: grayscale(1);
}

.activetype_schedule img {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

.calender_div_style {
    margin-inline-start: 10px;
    flex: 1;
}

.flex_num_style {
    flex: 2 !important;
}

.calender_div_style .p-calendar .p-inputtext {
    padding: 7px !important;
}

.schedule_sel {
    border-bottom: 0 solid #ccc !important;
    flex: 1;
    margin: 0;
    padding-bottom: 0 !important;
}

.activetype_time {
    background: #F1AD24 !important;
    color: #fff !important;
}

.displayflex_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.displayflex_content span {
    cursor: pointer;
    text-align: center;
    padding: 1px 4px;
    background: #fff;
    color: #c4c2c2;
}

.displayflex_content span:first-child {
    border-radius: 0px 7px 7px 0px;

}

.displayflex_content span:last-child {
    border-radius: 7px 0px 0px 7px;
    border-right: 0 !important;

}

.displayflex_content span p {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -7px;
}

.displayflex_content span .num_schedule {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
}

.displayflex_content span label {
    margin-bottom: 0;
    font-size: 9px;
    font-weight: bold;
}

.activetype_time img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_gender_schedule {
    margin: 0 10px !important;
}

.style_gender_schedule .stylemalspan {
    border-radius: 0 7px 7px 0 !important;
    border-left: 0 !important;

}

.style_gender_schedule .stylefamlespan {
    border-radius: 7px 0px 0px 7px;
    border-right: 0 !important;

}

.count_schedule_style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline-end: 15px;
}

.count_schedule_style span {
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px;
    padding: 0px;
    font-size: 9px;
    font-weight: bold;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 12px;
}

.count_schedule_style span p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 2px;
}

.count_schedule_style span label {
    margin-bottom: 0;
}

.count_schedule_style .total_schedule_style {
    background: #f1f1f1ad;
    border: 1px solid #f1f1f1;
    color: #35393D;
}

.count_schedule_style .statement_schedule_style {
    background: #d9edff9c;
    border: 1px solid #D9EDFF;
    color: #0072E5;
}

.count_schedule_style .consultation_schedule_style {
    background: #ffdad996;
    border: 1px solid #FFDAD9;
    color: #E34545;
}

.count_schedule_style .services_schedule_style {
    background: #b3eff073;
    border: 1px solid #B3EFF0;
    color: #13B6B9;
}

.flex_content_doctor_schedule {
    justify-content: space-between;
}

.flex_content_doctor_schedule .image {
    width: 40px !important;
    height: 40px !important;
}

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

.style_name_doc_schedule {
    color: var(--background-menu) !important;
}

.slots_doctor_schedule {
    overflow: hidden;
}

.slots_doctor_schedule .shift_slots span {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #8f8f8f;
    font-size: 11px;

}

.slots_doctor_schedule .shift_slots span:first-child {
    margin-bottom: -5px;
}

.activetypegender {
    background: #13B6B9 !important;
}

.activetypegender i {
    color: #fff !important;
}

.shift_slots {
    line-height: 17px;
    display: inline-block;
    width: calc(50% - 10px);
    text-align: center;
    padding: 2px 10px 0;
    border: 1px solid #A7DCFA;
    border-radius: 12px;
    cursor: pointer;
    margin: 0 5px 4px;
    background: #fff;

}

.style_img_doc_all {
    width: 16px;
}

.Unavailable_doctor {
    background: var(--color-lab) !important;
    border: 1px solid var(--color-lab) !important;
}

.Unavailable_doctor span {
    color: #fff !important;
}

.Available_doctor {
    background: var(--dark-green) !important;
    border: 1px solid var(--dark-green) !important;
}

.Available_doctor span {
    color: #fff !important;
    font-weight: bold !important;
}

.block_doc_slots {
    width: var(--width-slots);
    display: inline-block;
    vertical-align: middle;
}

.block_doc_slots .p-carousel-dots-container {
    display: none !important;
}

.block_doc_slots .p-carousel .p-carousel-content .p-carousel-prev,
.block_doc_slots .p-carousel .p-carousel-content .p-carousel-next {
    transform: rotate(180deg);
    background-color: transparent !important;
    border: 0 solid #ccc !important;
    width: 1rem !important;
    height: 1rem !important;
    color: var(--background-menu) !important;
}

.block_doc_slots .p-carousel .p-carousel-content .p-carousel-prev:focus,
.block_doc_slots .p-carousel .p-carousel-content .p-carousel-next:focus {
    outline: 0 solid !important;
    border: 0 solid !important;
    box-shadow: 0 0 0 #ccc !important;
}

.block_doc_slots .p-carousel-content {
    padding: 0;
}

.style_all_doc_schedule {
    margin-bottom: 7px !important;
    padding: 7px 8px !important;
    width: calc(100% - var(--width-slots));
    display: inline-block;
    vertical-align: middle;
}

.block_doctor_slots {
    display: block;
    justify-content: space-between;
    align-items: center;
}

.title_doctor_slots_top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.title_doctor_slots_top span {
    font-weight: normal;
    font-size: 13px;
    color: #353030;
}

.title_doctor_slots_top .doctors_title_top {
    flex: 2;
    text-align: center;
    display: inline-block;
}

.title_doctor_slots_top .doctors_slots_top {
    flex: 1;
    text-align: center;
    display: inline-block;
}

.new_style_comp .ComplainsComp {
    padding: 0 !important;
}

/*======*/
.style_design_top {
    border: 1px solid #e7e7e7 !important;
    border-radius: 10px !important;
    padding: 6px;
    box-shadow: 0 0 10px #e9e9e9;
}

.style_span_schedule {
    cursor: pointer;
}

.select_back {
    background: #e6f4ff;
}

/*===*/
.new_style_comp .newstyle_toptitle {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.new_style_comp .search-patient-input {
    box-shadow: none !important;
    background: #f1f1f1 !important;
    padding: 1px 10px 5px !important;
    border-radius: 10px !important;
    border: 1px solid #e9e9e9;

}

.new_style_comp .flex-n-style .but-serchpatients {
    padding: 8px 1px !important;
}

.new_style_comp .top-search-patient {
    margin-bottom: -5px !important;
}

.new_style_comp .name-image .item h4 {
    font-size: 12px !important;
}

.style_none_title .newstyle_toptitle {
    display: none !important;
}

.style_none_title .DiagnosisComp,
.style_none_title .ComplainsComp {
    padding: 0 !important;
}

.style_none_title .top-search-patient {
    width: 100% !important;
}

.style_flex_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
}

.select_span_style {
    padding: 2px 8px;
    background: #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    border-radius: 10px;
    flex: 1;
    margin: 0 5px 3px;
    cursor: pointer;
    height: 35px;
    line-height: 25px;
}
.Rad_all_component_style .select_span_style {
    border: 2px solid #07a962;
    color: #047c47 !important;
}
.select_span_style label {
    margin-bottom: 0 !important;
}

.active_tab_selected {
    background: #FF9335 !important;
}

.active_tab_selected img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.active_tab_selected label {
    color: #fff !important;
}

.styledatadiv_res {
    width: 22px;
    margin: 2px 5px;
    height: 20px !important;
}

.style_new_tabs {
    display: flex;
}

.style_flex_label {
    display: flex;
    width: 100%;
}

.two_calenders {
    display: flex;
    margin: 5px 0;
}

.search_patient_res {
    background: #F1F1F1;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid #e7e5e5;
}

.style_emergency_new .serach_diagnosis {
    padding: 2px 11px !important;
    margin-bottom: 10px;
}

.serach_diagnosis .style_but_plus {
    left: 8px !important;
    top: 1px !important;
}

.div_new_table_emergency .stylegender .gender {
    margin-inline-end: 5px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div_new_table_emergency .name-image .item h4 {
    font-size: 12px !important;
}

.div_new_table_emergency .stylegender .gender span {
    font-size: 10px !important;
}

.style_flex_label {
    margin: 5px 0px 7px !important;
}

.style_flex_label label {
    padding: 6px !important;
}

.div_new_table_emergency .stylespan_n {
    font-size: 13px !important;
}

.div_new_table_emergency .p-paginator-current {
    display: none !important;
}

.style_new_b {
    padding: 6px;
    background: #D8E5F1;
    border-radius: 9px;
    margin-top: 3px;
}

.SymptomsCom_page .style_but_plus,
.SymptomsCom_page .title_top_img {
    background: #6B58CA !important;
}

.style_atientvitals .title_top_img {
    background: #F94B4B !important;
}

.flex_cont_div {
    flex: 1;
}

.flex_cont_divs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 5px 10px;
    border-radius: 10px;
    box-shadow: rgb(233, 233, 233) 0px 0px 10px;
    padding: 6px 12px;
}

.slider_text_value {
    flex: 2;
}

.img_slider_div {
    flex: 1;
    text-align: center;
}

.details_div_diagnosis {
    background: #fff;
    padding: 10px 10px 0;
    border-radius: 0 0 10px 10px;
}

.slider_text_v {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 5px;
    box-shadow: 0 0 10px #e9e9e9;
    border-radius: 10px;
    padding: 2px 0px;
    text-align: center;
}

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

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

.name_value2 {
    flex: 1;
}

.image_style_block {
    flex: 1;
    text-align: center;
}

.slider_block .p-slider.p-slider-horizontal {
    height: 0.5286em !important;
    border-radius: 25px;
    direction: ltr;
}

.name_weight {
    color: var(--background-menu);
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0;
}

.input_type_div .p-inputtext {
    border: 0 solid #ccc !important;
    text-align: center;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: bold;
    font-size: 18px !important;
}

.input_type_div .p-inputtext:focus {
    outline: 0 solid #ccc !important;
    border: 0 solid #ccc !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

.value_slide {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0px;
    color: #666B6F;
    margin: 0 8px;
}

.value_slide span {
    vertical-align: middle;
    font-size: 13px;
    color: #aba8a8;
    margin: 0 10px;
    display: inline-block;
}

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

.vitals_width {
    width: 40px;
}

.row_block_1 .p-slider .p-slider-range {
    background-color: #FFAA05 !important;
}

.row_block_1 .p-slider.p-slider-horizontal .p-slider-handle {
    background: #FFAA05 !important;
    border: 0 solid !important;
}

.row_block_2 .p-slider .p-slider-range {
    background-color: var(--background-menu) !important;
}

.row_block_2 .p-slider.p-slider-horizontal .p-slider-handle {
    background-color: var(--background-menu) !important;
    border: 0 solid !important;
}

.input_type_div {
    background: #EEEEEE;
    margin: 0 7px 3px;
    border-radius: 12px;
    height: 40px;
}

.input_type_div label {
    margin-bottom: 2px;
    font-size: 12px;
    color: #727070;
}

.block_style_bot {
    background: #51C273;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ebebeb;
}

.block_style_bot p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
}

.block_style_bot .two_style_span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block_style_bot .two_style_span .style_label_newss {
    font-weight: bold;
    color: #fff;
}

.style_circle_num {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    line-height: 40px;
    font-weight: bold;
    font-size: 20px;
    color: #51C273;
}

.style_margin_top_patient .top-search-patient {
    margin-top: 5px !important;
}

.style_just_left {
    justify-content: left !important;
}

.style_but_n span {
    padding: 2px 0px !important;
}

.style_height_serv {
    height: 270px !important;
    overflow-y: auto;
}

.style_height_serv .div_empty {
    margin-top: 20px !important;
}

.schedule_com .select_div_doc .doctor_sec img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.schedule_com .select_div_doc .total_schedule_style,
.schedule_com .select_div_doc .statement_schedule_style,
.schedule_com .select_div_doc .consultation_schedule_style,
.schedule_com .select_div_doc .services_schedule_style {
    background: #fff !important;
}

.footer_fixed {
    position: fixed;
    bottom: 0px;
    background: #f2f2f2;
    width: 100%;
    padding: 5px 10px;
    box-shadow: 0 0 10px #efefef;
    left: 0;
    display: flex;
    justify-content: flex-end;
}

.style_new_save {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin: 0 5px;
    cursor: pointer;
}

.margin_b_50 {
    margin-bottom: 40px;
}

.style_emergency_new5 .p-paginator-current {
    display: none !important;
}

.style_when_close .top_style_header {
    padding: 5px 0px 5px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px #efefef;
    margin-bottom: 10px;
}

.new_style_comp.style_margin_top_patient .newstyle_toptitle {
    border-bottom: 0 solid !important;
}

.new_style_comp.style_margin_top_patient .tital-buildings {
    border-bottom: 1px solid #ededed !important;
    margin-bottom: 9px;
}

.new_style_comp.style_margin_top_patient .search-patient-input {
    padding: 10px !important;
}

.p-datepicker-month {
    border: 0;
    margin-inline-end: 10px !important;
    padding: 5px 3px;
    border-radius: 20px;
    text-align: center;
    background: #d9edff9c !important;
    border: 1px solid #D9EDFF !important;
    color: #0072E5 !important;
    min-width: 80px;
    display: inline-block;
    margin-top: -7px;
}

.p-datepicker-year {
    border: 0;
    padding: 5px 3px;
    border-radius: 20px;
    text-align: center;
    background: #d9edff9c !important;
    border: 1px solid #D9EDFF !important;
    color: #0072E5 !important;
    min-width: 75px;
    display: inline-block;
    margin-top: -7px;
}

/*====style_full_screen===*/
.page-height {
    position: relative;
}

.shadowdiv_style {
    position: absolute;
    width: 100%;
    right: 0;
    padding: 0px;
    top: 0;
    background: #3e3d3d73;
}

.style_shadow_fullwidth {
    background: #F0F7FD;
    padding: 12px 20px;
    max-width: 100%;
}

.width_style_4 .search_patient_res {
    background: transparent !important;
    border: 0 solid !important;
    box-shadow: none !important;
}

.width_style_4 .p-card-body {
    background: #F0F7FD !important;
    padding: 5px 10px;
}

.width_style_4 .style_emergency_new5 {
    border-left: 1px solid #ccc;
}

.width_style_4 .flex-n-style {
    margin-top: 10px !important;
}

.width_style_4 .close_style_1 {
    max-width: calc(50% - 4px);
    padding: 0;
    margin-bottom: 6px;
    margin-inline-end: 4px;
}

.width_style_4 .close_style_2 {
    max-width: calc(50% - 4px);
    padding: 0;
    margin-bottom: 6px;
    margin-inline-start: 4px;
}

.width_style_4 .close_style_3 {
    max-width: 100%;
    padding: 0;
}

.width_style_4 .stylelabel_n {
    display: none;
}

.style_shadow_fullwidth .style_emergency_new5 {
    margin: 4px 15px;
}

.style_shadow_fullwidth .search_patient_res {
    background: transparent !important;
    border: 0 solid !important;
    box-shadow: none !important;
}

.style_shadow_fullwidth .p-card-body {
    background: #F0F7FD !important;
}

.style_shadow_fullwidth .search_patient_res {
    display: flex;
}

.style_shadow_fullwidth .two_calenders {
    margin: 0 !important;
}

.style_shadow_fullwidth .p-card-body {
    padding: 0 !important;
}

.style_shadow_fullwidth .p-card-body .p-card-title {
    background: var(--sec_color) !important;
    padding: 10px;
    border-radius: 10px;

}

.style_shadow_fullwidth .flex_cont_div {
    margin: 0 5px !important;
}

.style_shadow_fullwidth .flex_num_style {
    margin-top: 20px;
}

.style_shadow_fullwidth .flex_1style {
    flex: 1;
}

.style_arrow_close {
    position: fixed;
    left: calc(10% - 28px);
    display: inline-block;
    width: 35px;
    height: 35px;
    z-index: 1;
    background: #F7820D;
    top: calc(50% - 25px);
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 10px #9f9f9f;
    cursor: pointer;
}

.style_arrow_close i,
.style_arrow_open i {
    line-height: 33px;
}

.style_arrow_open {
    position: absolute;
    left: -5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 1;
    background: #F7820D;
    top: calc(50% - 40px);
    text-align: center;
    line-height: 27px;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 10px #9f9f9f;
    cursor: pointer;

}

.style_shadow_fullwidth .input_search_patient {
    display: flex;
    justify-content: center;
}

.style_shadow_fullwidth .style_flex_st {
    margin-top: 23px;
}

.style_shadow_fullwidth .style_flex_st .but-serchpatients {
    padding: 8px 5px !important;
    min-width: 65px;
    margin-inline-start: 5px;
}

.busy_style {
    background: #fff;
    border: var(--background-menu) 1px solid;
    border-radius: 10px;
    color: var(--background-menu);
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    padding: 2px 18px;
    cursor: pointer;
}

.out_style {
    background: #fff;
    border: #F7820D 1px solid;
    border-radius: 10px;
    color: #F7820D;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    padding: 2px 18px;
    cursor: pointer;
}

.width_style_4 .p-datatable-row td span {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
}

.width_style_4 .p-card-body .p-card-title {
    background: var(--sec_color) !important;
    padding: 10px;
    border-radius: 10px;

}

.width_img11 {
    width: 28px !important;
    height: 28px !important;
}

.style_shadow_fullwidth .new-style-color {
    background: var(--background-menu) !important;
}

.style_shadow_fullwidth .p-datatable-row td span {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
}

.stylelabel_n {
    font-weight: bold;
    font-size: 12px;
}

.style_icons_collapse {
    /* float: left; */
    position: absolute;
    left: 33px;
    z-index: 999;
    cursor: pointer;
    font-size: 26px !important;
    color: #707070;
}

.Add_attachments {
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 0 10px #e9e9e9;
    padding-bottom: 15px;
}

.title_img_attach {
    margin-bottom: 13px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
}

.title_img_attach span {
    font-weight: bold;
    font-size: 13px;
    color: var(--background-menu);
}

.style_attach_img {
    width: 28px;
    margin-inline-end: 14px;
}

.style_search_s .stylelabel_search {
    font-weight: bold;
    font-size: 13px;
}

.style_search_s .p-dropdown.p-component.p-unselectable-text,
.style_search_s .p-inputtext {
    background: #F5F6F9 !important;
}

.add_attachstyle_n {
    background: #0EB2F2 !important;
    padding: 2px 10px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 8px;
    flex: 2;
    margin-inline-end: 5px;

}

.add_attachstyle_n:hover {
    background: var(--background-menu) !important;
    background-color: var(--background-menu) !important;
}

.add_attachstyle_n img {
    width: 21px;
    vertical-align: middle;
    margin-inline-end: 12px;
}

.style_attchment_div {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
}

.plus_span_style {
    display: inline-block;
    background: var(--background-menu);
    padding: 9px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px #e3e3e3;
    text-align: center;

}

.stylefile_add {
    margin-top: 3px;
    display: inline-block;
}

.search_drop {
    margin-bottom: 20px;
}

.style_title_headertable {
    margin-top: 13px;
    border-top: 1px solid #efefef;
    padding-top: 10px;
}

.style_title_headertable img {
    width: 20px;
}

.style_title_headertable span {
    font-weight: bold;
    font-size: 13px;
    color: var(--background-menu);
}

.name_file_image .table_im {
    width: 27px;
    margin-inline-end: 8px;
}

.name_file_image span {
    font-size: 12px;
    font-weight: bold;
}

span.stylespan_table {
    font-size: 13px;
    font-weight: bold;
}

.date_style_table i {
    font-size: 18px;
    color: #b7b7b7;
    vertical-align: middle;
    margin-inline-end: 4px;
}

.date_style_table span {
    font-weight: bold;
    font-size: 12px;
}

.styleedite i {
    cursor: pointer;
}

.oprtation_span {
    display: inline-block;
    padding: 0px 7px 5px;
    color: var(--background-menu);
    border: 1px solid var(--background-menu);
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
}

.margin_top_0 {
    margin-top: 0 !important;
}

.margin_top_0 .plus_span_style {
    margin-top: 25px !important;
}

.stat_span {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 0px 15px 4px;
    border-radius: 10px;
}

.accept_background {
    background: #12B7B9;
}

.accept_background1 {
    background: #F7AA44;
}

.style_div_radio {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 10px;
}

.select_span_radio {
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 2px 20px 6px;
    margin: 0 5px;
    min-width: 100px;
    text-align: center;
    color: #979292;

    cursor: pointer;
}

.select_span_radio label {
    margin-bottom: 0;
    cursor: pointer;
}

.title_name_radio {
    margin: 0 19px;
    font-size: 14px;
    font-weight: bold;
}

.emp_sel_span {
    border: 1px solid #e7e7e7;
    display: inline-flex;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    border-radius: 50%;
    margin-inline-end: 8px;
}

.background_none_span {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-radius: 50%;
    margin-top: 2px;
    margin-right: 2px;
    cursor: pointer;
}

.selectedradio {
    border: 1px solid var(--background-menu) !important;
    color: var(--background-menu) !important;
    font-weight: bold;
}

.selectedradio .emp_sel_span {
    border: 1px solid var(--background-menu) !important;
}

.selectedradio .emp_sel_span .background_none_span {
    background: var(--background-menu) !important;
}

/*====*/
.footer_fixed {
    justify-content: space-between;
}

.footer_fixed .outVisit-action .grid-link {
    background-color: #F7820D;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #FCFCFC;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    position: absolute;
    top: -210px;
    width: 250px;
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    flex-wrap: wrap;
    box-shadow: 0 0 5px #c9c9ca;
    transition: all 0.5s ease-in-out;
    transform-origin: bottom right;

}

.footer_fixed .outVisit-action .dropdowns-outVisit-action::after {
    content: '';
    position: absolute;
    border-width: 15px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    bottom: -27px;
    inset-inline-start: 7px;
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action span {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(112, 112, 112, .1);
    color: #0F3F62;
    font-size: 12px;
    font-weight: bold;
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action span:hover {
    background-color: rgba(9, 116, 255, 0.05);
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action span:first-child {
    border-start-start-radius: 10px;
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action span:nth-child(2) {
    border-start-end-radius: 10px;
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action span:nth-child(3) {
    border-end-start-radius: 10px;
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action a:nth-child(4) {
    border-end-end-radius: 10px;
}

.footer_fixed .outVisit-action .dropdowns-outVisit-action a img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 5px;
}

.footer_fixed .outVisit-action {
    position: relative;
    top: -10px;

}

.footer_fixed .outVisit-action:hover .dropdowns-outVisit-action {
    opacity: 1;
    visibility: visible;
    transform: scale(1);

}

.selectedaplogy {
    background: #0849B1 !important;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #1851f3 !important;
}

.selectedaplogy .emp_sel_span {
    background: #fff !important;
}

.selectedaplogy .background_none_span {
    background: #0849B1 !important;
}

.textareastyle textarea {
    background: #F5F6F9 !important;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    width: 100%;
    padding: 7px;

}

.textareastyle textarea:focus {
    border: 1px solid #f1f1f1 !important;
    outline: 0 solid #ccc !important;
}

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

.jc_center .p-datepicker {
    flex: 1;
    margin-inline-end: 5px;
}

.style_search_s {
    margin-bottom: 10px;
}

.stylebackground_pop .p-dialog-content {
    background: #F8F7F7 !important;
}

.block_enterdate {
    box-shadow: 0 0 10px #efefef;
    padding: 10px 10px 10px;
    border-radius: 10px;
    background: #fff;

}

.stylebackground_pop .style_div_radio {
    margin: 2px 10px 12px !important;
}

.stylebackground_white {
    cursor: pointer;
    background: #fff;
    border: 1px solid var(--background-menu);
    color: var(--background-menu);
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    border-radius: 7px !important;
    padding: 4px 10px;
    vertical-align: middle;
    margin: 0 10px;

}

.stylebackground_white img {
    width: 20px !important;
    margin: 0 10px;
}

.stylebackground_white label {
    margin-bottom: 0 !important;
}

.stylebackground_pop .save-delete-style .savedivstyle label {
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block;
}

.stylebackground_pop.p-dialog .p-dialog-footer {
    background: #F8F7F7 !important;
}

.stylebackground_pop .save-delete-style .savedivstyle i {
    font-size: 19px;
    display: inline-block;
    vertical-align: middle;
}

.stylebackground_pop .save-delete-style .savedivstyle {
    padding: 1px 19px 6px !important;
}

.style_label_div {
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    flex: 1;
    margin-bottom: 0px;
}

.check_st {
    color: #13D18C;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 12px;
}

.nput_style_calender {
    display: flex;
}

.style_div_first {
    flex: 2;
}

.style_div_first .plus_span_style {
    padding: 6px !important;
}

.style_flex_1 {
    margin-inline-end: 5px;
}

.style_label_div {
    display: inline-block;
    margin-top: 19px;
    margin-inline-end: 14px;
}

.style_flex_1 .stylelabel_search {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.style_box_center {
    background: #e7e7e7;
    height: 2px;
    margin: 32px 0px;
    text-align: center;
}

.style_day_span {
    display: inline-block;
    background: #0CA6FF;
    padding: 6px 30px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    margin-top: -15px;

}

.stylebackground_pop .save-delete-style {
    text-align: left;
}

.stylebackground_pop .select_span_radio {
    background: #fff;
}

.check_st label {
    margin-bottom: 0;
}

.check_st .p-checkbox .p-checkbox-box {
    border: 1px solid #13D18C !important;
}

.check_st .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: #13D18C !important;
    background-color: #13D18C !important;
    color: #ffffff;
}

.stylebackground_pop.p-dialog {
    /* overflow: inherit !important; */
}

.paddingstyle_center {
    padding-top: 10px !important;
    margin-top: 25px;
}

.center_div_bot {
    text-align: center;
}

.style_from_top {
    width: 28px;
    background: #179AFF;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    line-height: 25px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}

.style_from_bottom {
    width: 28px;
    background: var(--background-menu);
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    line-height: 25px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;

}

.center_div_bot {
    margin-top: -21px;
}

.left_text_stylediv {
    text-align: right !important;
}

/*====*/
.orders_checks {
    width: 100%;
    background: #fff;
    padding: 0px;
}

.style_top_header_orders {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 7px;
}

.style_text_image span {
    font-weight: bold;
    font-size: 13px;
    color: var(--background-menu);
    display: inline-block;
    margin: 0 10px;
}

.style_text_image img {
    width: 25px !important;
}

.but_one_style {
    display: inline-block;
    margin: 0px 3px;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 7px;
    min-width: 118px;
    text-align: center;
    cursor: pointer;
}

.but_one_style label {
    margin-bottom: 0;
    margin-inline-start: 5px;
}

.borderstyle_1 {
    border: 1px solid var(--dark-green);
    color: var(--dark-green);
}

.borderstyle_1 img {
    width: 20px;
}

.borderstyle_2 {
    border: 1px solid var(--background-menu);
    color: var(--background-menu);
}

.borderstyle_2 img {
    width: 15px;
}

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

.style_flex_2 {
    flex: 2;
    margin-inline-end: 10px;
}

.stylespan_puls {
    margin-top: 18px;
}

.style_arrow_icons {
    cursor: pointer;
    display: inline-block;
    padding: 8px;
    font-weight: bold;
    font-size: 15px;
    color: #ccc;
    border-radius: 8px;
    /* box-shadow: 0 0 10px #e3e3e3; */
    text-align: center;
    margin-inline-start: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.style_img_w {
    width: 15px !important;
}

.Abnormal_style {
    background: #ffe6e69c;
}

.natural_style {
    background: #caecfe70;
}

.doc_b_style img {
    width: 40px;
    height: 40px;
}

.pending_orders_style {
    background: #FFF7E9;
}

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

.style_back_color_span {
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    flex: 1;
    margin: 6px 10px;
    padding: 2px 10px 5px;

    line-height: 15px;
}

.style_back_color_span p {
    margin-bottom: 0;
}

.style_text_span {
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
}

.style_num_label {
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 0;
    display: inline-block;
    /* justify-content: space-around; */
    align-items: center;
    text-align: center;
}

.style_num_label label {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 0;
    vertical-align: middle;
    margin-inline-end: 7px;

}

.pending_orders_style .style_num_label label {
    background: #FFC35E;
}

.natural_style .style_num_label label {
    background: #1ED0F3;
}

.Abnormal_style .style_num_label label {
    background: #F94B4B;
}

.input_drop_style {
    margin-bottom: 10px;
    margin-top: 15px;
}

.input_drop_style .style_search_s .stylelabel_search {
    font-size: 12px !important;
}

.data_serv_order {
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 9px;
}

.style_serv_prev {
    background: none !important;
    border: 0 solid #000 !important;
    font-size: 15px;
    padding: 0 !important;
    margin: 0 !important;
    margin-inline-end: 20px !important;
    font-size: 20px;
    cursor: pointer;
}

.stylewidth_pop_new.p-dialog {
    width: 75% !important;
}

.stylewidth_pop2.p-dialog {
    width: 92% !important;
}

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

.tabs_sel_rows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 11px;
}

.block1_style_select {
    flex: 1;
}

.tabs_sel_rows .block1_style_select span {
    display: inline-block;
    background: #f3f3f3;
    padding: 8px 10px;
    border-radius: 10px 10px 0 0;
    margin-inline-end: 4px;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

.style_doc_sp {
    margin-inline-start: 10px;
}

.tabs_sel_rows .block1_style_select span.activestyle_span {
    background: #D3F1FC !important;
    color: var(--background-menu) !important;
}

.block_doctor_spech {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    margin-top: -10px;
}

.block_doctor_spech {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.doc_b_style {
    flex: 1;
    display: flex;
}

.doc_b_style p {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 11px;
    color: #7c7a7a;
}

.doc_b_style span {
    font-weight: bold;
    font-size: 12px;
}

.filter_search_block_new {
    background: #D3F1FC;
    padding: 8px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #b3e9e4;
}

.filter_search_block_new .style_search_s .stylelabel_search {
    font-size: 12px !important;
    margin-bottom: 3px !important;
}

.stylemony {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #E9E9E9;
    overflow: hidden;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    justify-items: center;
    color: #1C906D !important;
    margin: 0 6px;
    vertical-align: top;
    background: #F3F3F3 !important;
    cursor: pointer;

}

.stylemony i {
    font-size: 12px;
    line-height: 25px;
    color: #1C906D !important;
}

.stylemony:hover {
    text-decoration: none !important;
}

.backgroundagrre {
    background: #12B7B9;
    min-width: 60px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 7px;
    margin: 0;
    padding: 0px 6px 1px;
    font-weight: bold;

}

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

.import_tabs {
    flex: 1;
    background: #EEEEEE !important;
}

.import_tabs .style_flex_content {
    display: block !important;
}

.import_tabs .select_span_style {
    display: block !important;
    height: auto !important;
    background: #EEEEEE !important;
    text-align: center !important;
    margin: auto;
    border-radius: 0 !important;
    padding: 20px 3px !important;
}

.import_tabs .select_span_style img {
    display: block !important;
}

.import_tabs .select_span_style label {
    font-size: 12px !important;
    line-height: 17px;
}

.import_tabs .active_tab_selected img {
    filter: none !important;
}

.import_tabs .active_tab_selected {
    background: #FEFEFE !important;
    border-left: 4px solid var(--background-menu) !important;
    border-radius: 0 !important;
}

.import_tabs .active_tab_selected label {
    color: var(--background-menu) !important;
}

.import_tabs .select_span_style .styledatadiv_res {
    width: 35px;
    margin: 2px 5px;
    height: 35px !important;
    margin: auto;
    margin-bottom: 10px !important;
}

.import_content {
    flex: 12;
    padding: 15px;
}

.filter_search_block_new .style_search_s {
    margin-bottom: 0 !important;
}

.content_style_labs .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    color: #848484;
    float: left;
    transform: rotate(180deg);
}

.content_style_labs {
    padding: 13px;
}

.content_style_labs .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a,
.content_style_labs .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: #fff !important;
}

.newstyle_acc .p-accordion .p-accordioncontent-content {
    border: 1px solid #efefef !important;
    border-radius: 0px !important;
}

.newstyle_acc .p-toggleable-content {
    margin-top: 7px;
}

.style_drop_inline {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.style_drop_inline .style_img_labs {
    color: #000 !important;
}

.style_drop_inline .style_dropstyy {
    width: 250px;
}

.style_drop_inline .p-dropdown .p-dropdown-label {
    background: whitesmoke;
}

.margin_padding_20 {
    padding-top: 8px;
    padding-bottom: 10px;
}

.stylebut_nn {
    background: #CFF2FF;
    padding: 4px 20px;
    border: 1px solid #007ad9;
    border-radius: 10px;

}

.stylebut_nn .style_b_n {
    color: var(--background-menu);
    display: flex;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: bold;

}

.stylebut_nn .style_b_n i {
    font-size: 20px;
}

.stylebut_nn .style_b_n label {
    margin-bottom: 0;
}

.back_st_nn {
    padding: 15px;
    background: #E6E6E6;
    border-radius: 10px;
    margin-top: 10px;

}

.branch_check {
    display: flex;
    margin: 10px 0;
    justify-content: space-between;
    align-items: center;
}

.main_checkboxs {
    border-bottom: 1px solid #efefef;
    padding-bottom: 0px;
}

.block_style_first_checkbox .check_st {
    color: #000 !important;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 12px;
}

.block_style_first_checkbox .main_checkboxs .check_st {
    color: var(--background-menu) !important;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 14px !important;
}

.block_style_first_checkbox .check_st .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: var(--background-menu) !important;
    background-color: #fff !important;
    color: var(--background-menu) !important;
}

.block_style_first_checkbox .check_st .p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
    color: var(--background-menu) !important;
}

.block_style_first_checkbox .check_st .p-checkbox .p-checkbox-box {
    border: 1px solid #ccc !important;
}

.block_style_first_checkbox {
    margin-bottom: 10px;
    border: 1px solid #d9d9d9;
    padding: 10px 10px 0px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 10px #e3e3e3;

}

.activecheckbox_style {
    background: #e2f7ff !important;
}

.content_style_labs .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a .p-accordion-toggle-icon,
.content_style_labs .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a .p-accordion-toggle-icon {
    color: var(--background-menu) !important;
}

/*======*/
.style_background_card {
    background: #fff;
    padding: 15px;
    border-radius: 10px;

}

.style_background_card .stylelabel_search {
    font-size: 13px !important;
    margin-bottom: 3px !important;
}

.style_background_card .two_action_but {
    margin-top: -4px !important;
}

.style_background_card .filter_search_block_new {
    padding: 15px !important;
}

.filter_search_block_new .style_search_s .p-dropdown.p-component.p-unselectable-text,
.filter_search_block_new .style_search_s .p-inputtext {
    background: #fff !important;
}

.style_s_img img {
    margin-inline-end: 7px;
    width: 20px;
}

.style_s_img label {
    margin-bottom: 0 !important;
}

.activetabstyle {
    background: var(--background-menu);
    color: #fff !important;

}

.activetabstyle img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_consul_table .p-datatable-thead {
    display: none !important;
}

.style_consul_table .p-datatable table {
    width: 98% !important;
    margin: auto !important;
}

.style_consul_table .p-datatable .p-datatable-tbody>tr>td {
    text-align: right !important;
}

.styletex_consul img {
    width: 35px;
    margin-inline-end: 10px;
}

.styletex_consul span {
    font-size: 13px;
    font-weight: bold;
}

.date_consl_style span {
    color: #979797;
    display: flex;
    justify-content: center;
    align-items: center;
}

.date_consl_style i {}

.date_consl_style label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
}

.style_money_n {
    font-weight: bold;
    font-size: 15px;
    color: var(--background-menu);
}

.style_money_n label {
    margin-bottom: 0 !important;
    margin: 0 7px;
}

.style_height_new_cons {
    height: 300px;
    padding: 0 10px !important;
}

.consultion_search {
    display: flex;
}

.consultion_search .p-dropdown.p-component.p-unselectable-text {
    flex: 1;
    border: 0 solid #ccc !important;
    border-radius: 0 !important;
    border-left: 2px solid #c9c9ca !important;
}

.consultion_search .p-calendar.p-calendar-w-btn {
    flex: 1;
}

.consultion_search .p-calendar.p-calendar-w-btn .p-inputtext {

    background: #F0F7FD !important;
    color: #0c0c0c !important;
    font-weight: bold;
    font-size: 13px !important;
    border: 0 !important;

}

.Added_services {
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 0 0 10px #f3f3f3;
}

.styleimage_all {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.style_two_text label {
    margin-bottom: 0;
    display: block;
    font-size: 12px;
    text-align: right;

}

.style_two_text .label11_style {
    color: #767474;
}

.label11_style2 {
    font-weight: bold;
    font-size: 13px !important;
}

.add_serv .title_img_attach {
    margin-bottom: -3px !important;
}

.select_radioImage img {
    margin-inline-end: 10px;
    width: 24px;
    filter: grayscale(1);
}

.select_radioImage.selectedradio img {
    filter: none !important;
    -webkit-filter: none !important;
}

.select_radioImage.selectedradio {
    background: #fff !important;
}

.style_image_n {
    background: #B9E8FC;
    height: 1px;
    margin: 15px 0px;
    text-align: center;
}

.styleboder_nn {
    border-right: 1px solid #e5e5e5;
}

.style_image_n .style_day_span {
    background: #EAF8FE !important;
    color: var(--background-menu) !important;
}

.select_radioImage {
    background: #f5f6f98c;
}

.style_day_span img {
    width: 18px;
    margin-inline-end: 5px;
}

.style_two_text {
    line-height: 1.5;
}

.add_serv .title_img_attach span {
    color: #000 !important;
}

.add_serv .title_img_attach span .style_attach_img {
    width: 23px !important;
}

.details_pay_style {
    background: #fff;
    box-shadow: 0 0 10px #f3f3f3;
    margin-top: 11px;
    padding-bottom: 20px;
    /* border: 10px solid transparent;
    border-image-source: url(../image/his-icons/1001.png);
        border-image-slice: 20;
        border-image-width: 20;
        border-image-outset: 0;
        border-image-repeat: round;
        border-image-repeat: repeat; */

}

.Invoice_details .data-space {
    padding: 8px 15px;
}

.style_space_flex1 img {
    width: 20px !important;
    margin-inline-end: 8px !important;
}

.style_space_flex1 span {
    color: #000 !important;
    font-size: 13px;
}

.all_row_style {
    width: 100%;
}

.total_style_money {
    background: #ebfaff;
    margin-top: 10px;
}

.style_to_n {
    color: var(--background-menu) !important;
    font-size: 15px !important;
}

.style_to_price {
    color: var(--background-menu) !important;
    font-size: 15px !important;
}

h4.style_title_h4 {
    font-weight: bold;
    font-size: 17px;
    padding: 15px;
    margin-bottom: 0;
    position: relative;
    color: var(--background-menu);
}

h4.style_title_h4::after {
    content: "";
    position: absolute;
    background: var(--background-menu);
    display: block;
    height: 3px;
    width: 50px;
    top: 41px;
    right: 15px;
    z-index: 0;
}

.save_n_div {
    color: #fff;
    background: var(--background-menu);
    padding: 8px 14px;
    text-align: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
    font-weight: bold;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.print_n_div {
    background: transparent;
    padding: 8px 14px;
    text-align: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
    font-weight: bold;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--background-menu);
    border: 1px solid var(--background-menu);
    cursor: pointer;
}

.stylediv_n {
    padding: 0px 15px !important;
}

.pay_div .style_div_radio {
    margin: 0 !important;
}

.flex_div_n_style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 4px;
    margin-bottom: 12px;
}

.flex_div_n_style .title_img_attach {
    border-bottom: 0 solid !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.flex_div_n_style .title_img_attach span {
    color: #000 !important;
}

.checkbox_style {
    margin-bottom: 14px;
    font-weight: bold;
    font-size: 14px;
}

.checkbox_style .field-checkbox label {
    margin-bottom: 0;
}

.accept_color {
    color: var(--background-menu) !important;
}

.mt_top {
    margin-top: 10px !important;
}

.style_c_new .p-datatable .p-datatable-tbody>tr.p-highlight {
    color: #000 !important;
}

/*======*/
.display_flex_s {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 10px;
    margin-bottom: 13px;
}

.display_flex_s h4 {
    margin: 0;
}

.display_flex_s h4 i {}

.style_stars {
    color: red;
    padding-right: 7px;
}

.display_flex_s h4 span {
    font-weight: bold;
    font-size: 15px;
}

.style_margin_tt {
    margin-top: 0 !important;
}

.style_font_table_size .p-datatable .p-datatable-thead>tr>th,
.style_font_table_size .p-datatable .p-datatable-thead>tr>th .p-sortable-column-icon {
    font-size: 12px !important;
}

.margin_style_0 {
    margin: 0 !important;
}

.style_checkbox_ss {
    display: block !important;
}

.p_style_20px {
    padding: 20px;
}

.top_title_s_n h4 {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pa_0 .p-card-title {
    margin-bottom: 0 !important;
}

.top_title_s_n h4 span {
    font-weight: bold;
    font-size: 18px;
}

.pa_0 .p-card-body {
    padding: 5px !important;
}

.margin_30p {
    margin-top: 20px !important;
}

.padding_111 {
    padding: 0 7px !important;
}

.styleimage_ss {
    width: 26px;
    margin-inline-end: 10px;
}

.style_margin_ttsss {
    margin-top: 20px;
}

.style_dropdown_margin .p-inputgroup .p-inputtext:not(:last-child) {
    border-start-start-radius: 10px !important;
    border-end-start-radius: 10px !important;
    border-start-end-radius: 10px !important;
    border-end-end-radius: 10px !important;
    border: 1px solid #efefef !important;
}

.background_sss {
    background: #D3F1FC;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #b3e9e4;

}

/*=======*/
.style_background_fff {
    overflow-y: auto;
    background: #fff !important;
    border: 2px solid var(--background-menu) !important;
    color: var(--background-menu) !important;
    padding: 5px 10px;
    width: 100%;
    box-shadow: 0 0 10px #ccc;
    margin-top: 0px !important;
    margin-bottom: 10px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;

}

.style_background_fff label {
    margin-bottom: 0;
    font-size: 15px;
}

.style_background_fff i {
    font-size: 23px !important;
}

.style_new_title_t {
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background: #CFE1F2;
    padding: 4px 10px;
    margin-bottom: 0;
}

.style_background_nnn {
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background: #CFE1F2;
    padding: 5px 10px;
    margin-bottom: 0;
    padding: 4px 10px !important;
}

.style_background_nnn .style_tp_new {
    width: 28px !important;
}

.style_new_title_t img {
    width: 28px !important;
}

.style_new_title_t span {
    font-size: 15px;
}

.edite_tabs_vertical {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

.edite_tabs_vertical li {
    float: right !important;
    width: 100%;
    margin: 0 !important;
    position: relative;
    top: 0px !important;
    padding: 10px 0 !important;
}

.edite_tabs_vertical li a {
    width: 100%;
    margin-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0.571em 0 !important;
    background: transparent;
    border: 0;
    color: #C5C5C5;
    border: 0px solid #fff !important;
    background-color: #fff !important;
    padding: 1px 0 !important;
    transition: none !important;
    background: none !important;

}

.edite_tabs_vertical .tab-content {
    background-color: #F9FAFB !important;
    padding: 10px 15px !important;
    border: 0 !important;
    box-shadow: 0 0 10px #efefef;
}

.edite_tabs_vertical li a.active label {
    background: var(--background-menu) !important;
    border: 1px solid #fff !important;
    outline: 1px solid var(--background-menu) !important;
    display: block;
}

.edite_tabs_vertical .nav-link.active,
.edite_tabs_vertical .nav-item.show .nav-link {
    color: var(--background-menu) !important;
    background-color: #fff !important;
    border-color: #fff !important;
    font-weight: bolder;
    font-size: 14px;
    box-shadow: 0 0 0 #fff !important;
}

.edite_tabs_vertical .nav-link:hover,
.edite_tabs_vertical .nav-link:focus {
    color: var(--background-menu) !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.edite_tabs_vertical .nav-link:hover .stylelabel img,
.edite_tabs_vertical .nav-link.active .stylelabel img,
.edite_tabs_vertical .nav-link:focus .stylelabel img {
    filter: brightness(0) invert(1);
}

.edite_tabs_vertical {
    border-bottom: none !important;
}

.edite_tabs_vertical li a.active a span {
    color: #0549E1 !important;
}

.edite_tabs_vertical>li a:after {
    content: "";
    position: absolute;
    background: #DBE8F4;
    display: block;
    width: calc(100% - 40px);
    height: 2px;
    top: 29px;
    right: calc(50% + 20px);
    z-index: 1;
}

.edite_tabs_vertical li a.active:after {
    background: var(--background-menu) !important;
}

.edite_tabs_vertical li a:not(.md-button) {
    color: #333333;
    padding: 0.571em 1em;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}

.edite_tabs_vertical .stylelabel {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #DBE8F4;
    text-align: center;
    margin: 0 0px;
    line-height: 40px;
    color: #fff;
    vertical-align: middle;
    display: block;
    margin: auto;
    margin-bottom: 6px;

}

.edite_tabs_vertical .stylelabel img.tyle_tp_new {
    width: 23px;
    margin-top: 8px;
    height: 21px;
}

.edite_tabs_vertical li:last-child a:after {
    content: "";
    position: absolute;
    background: #DBE8F4;
    display: block;
    width: calc(100% - 24px);
    height: 2px;
    top: 20px;
    left: 55%;
    z-index: 0;
    display: none;
}

.style_greenColor {
    background: var(--dark-green) !important;
}

.title_top_sss {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 6px;
    margin-bottom: 8px;
    padding-top: 8px;
}

.title_top_sss .style_title_text {
    font-weight: bold;
    font-size: 15px;
    color: var(--background-menu);
}

.title_top_sss .but_style_in_out {
    display: flex;
}

.title_top_sss .but_style_in_out .style_but_selss {
    padding: 5px 20px;
    border: 1px solid #e3e3e3;
    color: #b1b1b1;
    border-radius: 10px;
    margin: 2px 2px;
    background: #fff;
    cursor: pointer;
    font-weight: bold;

}

.title_top_sss .but_style_in_out .style_but_selss.actives_butt {
    background: var(--dark-green) !important;
    color: #fff !important;
    border: 1px solid var(--dark-green) !important;
}

.style_no_paddind .p-card-body {
    padding: 0 !important;
}

.totl_block_st {
    padding: 0px 0px 15px;
    width: 97%;
    margin: 0 auto;
    border-radius: 5px;

}

.block_color_background {
    background: #F4F7F9;
    margin-bottom: 20px;
    padding: 6px 17px 12px;
    border-radius: 10px;
    border: 2px solid #f3f3f3;

}

.search_div_block_ss {
    width: 50%;
    margin-bottom: 6px;
}

.style_background_nnn .breadcrumb {
    display: flex;
    align-items: baseline;
    font-size: 14px;
}

.style_background_nnn .breadcrumb li a {
    color: #000;
}

.block_save_and_edite {
    text-align: left;
}

.table_without_space table,
table.table {
    border-collapse: inherit !important;
    border-spacing: 0 0px !important;
    border: 0 !important;
}

body .table_without_space .p-datatable-tbody>tr td:first-child,
body .table_without_space .p-datatable-thead>tr>th:first-child {
    border-radius: 0 0px 0px 0 !important;
}

body .table_without_space .p-datatable-tbody>tr {
    box-shadow: 0 0 0px #eaeaea !important;
    overflow: hidden;
    border-radius: 0px !important;

}

body .table_without_space .p-datatable-thead>tr>th:last-child,
body .table_without_space .p-datatable-tbody>tr td:last-child {
    border-radius: 0px 0px 0px 0px !important;
}

body .table_without_space .p-datatable-tbody>tr:nth-child(even) {
    background-color: #f0f7faa8;
}

.padding_000 {
    padding: 0 !important;
}

.style_background_none {
    background: #fff !important;
}

.style_backgr .p-card-body {
    background: #efefef;
    padding: 0 10px 10px;
}

.style_backgr .p-card-body .styletreenew {
    height: 67vh;
}

.style_color_000 {
    font-size: 16px !important;
}

.border_0000 {
    border: 0 !important;
}

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

.block_save_and_edite {
    width: 100%;
    text-align: left;
}

.style_border_top_div {
    border-top: 1px solid #e9e9e9;
    padding-top: 8px;
}

.style_no_arrow img {
    width: 25px;
    margin-inline-end: 6px;
}

.style_no_arrow {
    padding-right: 10px !important;
}

.style_no_arrow::before {
    content: none !important;
}

.dropmenuHover {
    position: relative;
    display: inline-block;
}

.dropmenuHover .div-action {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    transform-origin: top right;
    inset-inline-start: 0;
    z-index: 2;
    background-color: #fff;
    display: flex;
    padding: 7px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.dropmenuHover .div-action a:hover {
    background-color: rgba(0, 102, 255, .1);
}

.dropmenuHover:hover .div-action {
    opacity: 1;
    visibility: visible;
    transform: scale(1);

}

.style_icons_dd {
    padding: 0 !important;
}

.style_llll {
    display: flex;
    margin-bottom: 0;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding: 3px 10px;
    cursor: pointer;
}

.style_llll label {
    margin-bottom: 0;
    color: #000;
    font-size: 14px;
}

.active_style_li {
    background: #D8F2FE !important;
}

/*======*/
.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover {
    background-color: transparent !important;
    border: 0px solid #007ad9 !important;
    color: #FC9015 !important;

}

.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a {
    background-color: transparent !important;
    border: 0px solid #007ad9 !important;
    color: #FC9015 !important;
    padding: 10px 20px 13px;
}

.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li a {
    border: 1px solid transparent;
    background-color: transparent;
}

.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover a .rounded-circle {
    border-radius: 0 !important;
    filter: none !important;
}

body .p-tabview.p-tabview-top .p-tabview-nav li a {
    margin-right: 2px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 0;
    background-color: transparent;
    border: 1px solid transparent;
    color: #333333;
}

.content_tabs_style .p-unselectable-text .rounded-circle {
    width: 27px !important;
    border-radius: 0 !important;
    filter: grayscale(.9);
    margin-inline-end: 7px;

}

.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight a {
    background-color: transparent !important;
    border: 0px solid #007ad9 !important;
    color: #FC9015 !important;
    position: relative;
    padding: 10px 20px 13px;
}

.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight a .rounded-circle {
    border-radius: 0 !important;
    filter: none !important;
    -webkit-filter: none !important;

}

.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li a:not(.p-disabled):focus {
    box-shadow: none !important;
}

.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight a::before,
.content_tabs_style .p-tabview.p-tabview-top .p-tabview-nav li:hover a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #FC9015;
    bottom: -3px;
    left: 0;
}

.all_sel_tab_n h3 {
    background: #DCE3E7;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
}

.all_sel_tab_n {
    background: #f5f5f5;
    padding-bottom: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #f1f1f1;
}

.block_search_nn {
    padding: 10px;
}

.block_search_nn .p-input-icon-left {
    width: 100%;
}

.block_search_nn .p-input-icon-left i {
    color: var(--background-menu) !important;
}

.recives_new_ss .details-block {
    padding: 10px 7px !important;
    align-items: center;
    cursor: pointer;
}

.recives_new_ss .details-block .textalertpsan span {
    font-size: 14px;
    font-weight: bold;
}

.style_arrow_sss i {
    font-size: 23px;
}

.but_botttom_fixed {
    text-align: center;
    padding: 7px 10px;
    background: #0CC398;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    width: 96%;
    margin: auto;
    margin-top: 20px;
}

.recives_new_ss {
    height: 55vh;
}

.activetabs_styless {
    background: var(--background-menu);
    color: #fff;
}

.activetabs_styless .textalertpsan span {
    color: #fff !important;
}

.activetabs_styless .texticonsaa img {
    filter: brightness(0) invert(1);
}

.but_n_style_ee {
    display: flex;
}

.but_n_style_ee i {
    font-size: 20px;
    margin-inline-end: 6px;
}

.recives_new_ss .texticonsaa img {
    width: 35px !important;
}

.background_gradiant_s {
    padding: 10px;
    background-image: linear-gradient(to left, #0250FF, #067FD5, #0CC398);
    position: relative;
}

img.absalute_image_s {
    top: 12px;
    position: absolute;
    left: 8px;
    width: 110px;
    bottom: 30px;
}

.style_but_date {
    text-align: center;
}

.width_week img {
    margin-inline-end: 9px !important;
    width: 40px !important;
    height: 40px !important;
}

.style_but_date span {
    padding: 9px 27px;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0px;
}

.style_but_date label {
    margin-bottom: 0;
    font-size: 14px;
    margin-inline-end: 10px px;
}

.label_1_ss {
    font-size: 12px;
}

.greencolor_nnnn span {
    color: #06CF8E !important;
}

.label_2_dd {
    font-size: 14px;
}

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

.text_and_num {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin: 10px 10px 0;
}

.num_and_text_div {
    margin: 0 5px;
    flex: 1;
}

.color_red_span span {
    color: #FF2A00;
}

.num_and_text_div span {
    display: block;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 6px;
}

.greencolor_nnnn span {
    color: #06CF8E;
}

.num_and_text_div label {
    display: block;
    margin-bottom: 0;
    font-weight: bold;
}

.text_and_num {
    padding: 7px 10px;
}

.text_and_num img {
    width: 50px;
}

.header_style_ee {
    justify-content: space-between !important;
}

.header_style_ee h4 span {
    font-size: 14px !important;
    font-weight: bold;
}

.header_style_ee {
    padding: 5px;
}

.header_style_ee h4 {
    margin-bottom: 0;
}

.content_tabs_style .p-tabview .p-tabview-panels {
    background-color: transparent;
    padding: 0.571em 1em;
    border: 1px solid #d9d9d9;
    color: #333333;
    border-radius: 7px;

}

.but_f_bottom {
    text-align: left;
    margin: 10px;
}

.srtlekrk_k {
    font-size: 14px;
    font-weight: bold;
    color: var(--background-menu);
    border: 1px solid var(--background-menu);
    padding: 2px 15px 4px;
    border-radius: 10px;
}

.srtlekrk_k i {
    font-size: 21px !important;
    margin-top: -16px;
    vertical-align: bottom;
}

.table_stle_data_ee .name-image .item h4 {
    font-size: 13px !important;
    margin-bottom: 0px !important;

}

.table_stle_data_ee .p-datatable-row span {
    font-weight: bold;
    font-size: 14px;
}

.style_eewwee {
    font-size: 13px;
}

.style_b_nee {
    text-align: center;
    margin: 0 20px;
    cursor: pointer;
}

.style_b_nee img {
    width: 30px;
    display: block;
}

.style_b_nee label {
    margin-bottom: 0;
    color: #fff;
}

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

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

.back_but_sttt .name-image .item .image {
    margin-inline-end: 10px;
    width: 45px !important;
    height: 45px !important;
}

.back_but_sttt .item-body.stylegender {
    color: #fff !important;
    font-weight: bold;
}

.back_but_sttt .name-image .item h4 {
    font-size: 15px !important;
}

.display_flex_ttt .recive_date_details .text_and_num {
    padding: 7px 5px !important;
    min-width: 145px;
}

.blockstyle_top_s {
    border: 1px solid #f5f5f5;
    background: #fff;
    box-shadow: 0 0 10px #e1e1e1;
    border-radius: 10px;
    margin: 4px;
}

.blocks_3_style {
    margin-top: 5px;
}

.fsfeeeed img.absalute_image_s {
    width: 74px !important;
}

.style_m_aspan {
    border-bottom: 1px solid #f3f3f3;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 20px;
    margin-bottom: 0;
}

.style_m_aspan img {
    width: 31px;
    margin-inline-end: 10px;
    height: 27px;
}

.color_red_spanqq span {
    color: var(--background-menu) !important;
}

.color_menu_color span {
    color: var(--background-menu);
}

.color_menu_color2 span {
    color: #2B9EA6;
}

.color_menu_color3 span {
    color: #F5981C;
}

.color_menu_color4 span {
    color: #E14D4D;
}

.stylepadding_11 {
    padding: 2px !important;
}

.col-md-4.stylepadding_11 .table_stle_data_ee .p-datatable-row span {
    font-size: 12px !important;
}

.style_color_me {
    color: var(--background-menu) !important;
}

.stylesave_but {
    color: #fff !important;
    background: var(--background-menu) !important;
}

.table_stle_data_ee {
    padding-bottom: 14px;
}

/*==============*/
.style_block_fulldata {
    display: flex;
    justify-content: flex-start;
}

.style_block_fulldata .widistyle_none {
    width: var(--width-nodata);
    margin-left: 13px;
}

.style_block_fulldata .widinstyle_fulldata {
    width: calc(100% - var(--width-nodata));
}

.style_p_div {
    border-left: 1px solid #ccc;
    position: relative;
}

.blocks_serv_doc {
    padding: 5px 15px !important;
}

.blocks_serv_doc .borderbottm_style {
    display: none;
}

.blocks_serv_doc .DiagnosisComp,
.blocks_serv_doc .ComplainsComp {
    padding: 0;
}

.blocks_serv_doc .style_divstyelee {
    padding: 5px !important;
}

.background_lab,
.background_lab~.details_div_diagnosis .style_but_plus {
    background: var(--color-lab) !important;
}

.background_rad,
.background_rad~.details_div_diagnosis .style_but_plus {
    background: var(--color-rad) !important;
}

.background_pharmacy,
.background_pharmacy~.details_div_diagnosis .style_but_plus {
    background: var(--color-pharmacy) !important;
}

.background_plan,
.background_plan~.details_div_diagnosis .style_but_plus {
    background: var(--color-plan) !important;
}

.background_complains,
.background_complains~.details_div_diagnosis .style_but_plus {
    background: var(--background-menu) !important;
}

.dark-green-span,
.dark-green-span~.details_div_diagnosis .style_but_plus {
    background: var(--dark-green) !important;
}

.doctor_show_vital {
    display: none;
}

.vital_style_block .doctor_show_vital {
    display: inline-block;
}

.vital_style_block .details_div_diagnosis {
    background: none !important;
    padding: 3px 10px;
}

.vital_style_block .diagnosis_div {
    background: transparent;
    margin-bottom: 0px;
    border-radius: 10px;
    box-shadow: none !important;
    padding-bottom: 0px;
}

.vital_style_block .details_div_diagnosis .slider_text_v {
    background: #fff !important;
}

.style_div_patient {
    background: #D8E5F1;
    padding: 0px;
    margin-bottom: 7px;
    border-radius: 10px;
    border: 1px solid #efefef;
}

.style_div_patient .p-card {
    border-radius: 8px 8px 0 0 !important;

}

.vital_style_block .flex_content_2blocks {
    display: flex;
}

.name_weight {
    font-size: 11px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 3px;
}

.top_title_st {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 7px;
    /* padding: 0; */
}

.top_title_st .header_style_ee {
    padding: 4px !important;
}

.blocks_buttons_st {
    display: flex;
}

.blocks_buttons_st span label {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 13px;
}

.blocks_buttons_st span {
    padding: 5px 7px;
    display: flex;
    color: #fff;
    border-radius: 7px;
    margin: 0 3px;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.blocks_buttons_st span .width_icons_nnn {
    width: 18px !important;
    margin: 0 4px;
}

.but_print_style {
    background: var(--background-menu);
}

.but_orders_style {
    background: var(--dark-green);
}

.but_follow_style {
    background: var(--color-rad);
}

.style_ser_nn .style_img_text_ss {
    display: flex;
}

.style_ser_nn .style_img_text_ss img {
    width: 24px !important;
    margin: 0 5px;
}

.style_ser_nn .text_st_mm .style_text_mm {
    font-size: 20px;
    display: block;
    text-align: center;
    color: var(--color-lab);
}

.style_ser_nn .text_st_mm .time_style_nn {
    font-size: 9px;
}

.style_ser_nn .text_st_mm {
    line-height: 14px;
}

.content_patient_stttt {
    position: relative;
}

.style_doctor_ddd i {
    line-height: 27px;
}

.style_doctor_ddd {
    left: -12px !important;
    width: 25px !important;
    height: 25px !important;
    top: calc(50vh - 12px) !important;
    line-height: 1;
    font-size: 14px;
}

.patient_style_slee .style_new_titleicon {
    display: none !important;
}

.patient_style_slee .p-card-body,
.patient_style_slee .p-card {
    padding: 0 !important;
    background: none !important;
    background-color: transparent !important;
}

.patient_style_slee .stylelabel_n {
    display: none !important;
}

.patient_style_slee .search_patient_res {
    background: #CFF2FF !important;
}

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

.sel_block_filter {
    flex: 1;
    background: #fff;
    text-align: center;
    margin: 0px 4px 3px;
    border-radius: 8px;
    padding: 3px 0;
    box-shadow: 0 0 10px #e1e1e1;
}

.sel_block_filter img {
    width: 25px;
    display: block;
    margin: auto;
    text-align: center;
    margin-bottom: 4px;
}

.sel_block_filter label {
    display: block;
    font-size: 11px;
    margin-bottom: 0;
    font-weight: bold;
}

.sel_block_filter span {
    display: block;
    font-size: 15px;
    font-weight: bold;
}

.activeFilters {
    background: var(--background-menu) !important;
    color: #fff;
}

.activeFilters label {
    color: #fff !important;
}

.activeFilters span {
    color: #fff !important;
}

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

.style_but_qqq {
    display: flex;
    background: #fff;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 10px !important;
    border-radius: 15px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.style_but_qqq img {
    width: 18px;
    margin-inline-end: 6px;
    filter: none !important;
    -webkit-filter: none !important;
}

.style_but_qqq label {
    margin-bottom: 0;
}

.background_rad .style_but_qqq label {
    color: var(--color-rad);
}

.background_rad11.p-dialog .p-dialog-header {
    border: 1px solid var(--color-rad) !important;
    background-color: var(--color-rad) !important;
    color: #fff !important;
}

.background_rad11 .imgheadername span,
.background_lab11 .imgheadername span,
.background_plan11 .imgheadername span,
.background_pharmacy11 .imgheadername span,
.dark-green-spa11 .imgheadername span,
.background_complains11 .imgheadername span {
    color: #fff !important;
}

.background_lab .style_but_qqq label {
    color: var(--color-lab);
}

.background_lab11.p-dialog .p-dialog-header {
    border: 1px solid var(--color-lab) !important;
    background-color: var(--color-lab) !important;
    color: #fff !important;
}

.background_plan .style_but_qqq label {
    color: var(--color-plan);
}

.background_plan11.p-dialog .p-dialog-header {
    border: 1px solid var(--color-plan) !important;
    background-color: var(--color-plan) !important;
    color: #fff !important;
}

.background_pharmacy .style_but_qqq label {
    color: var(--color-pharmacy);
}

.background_pharmacy11.p-dialog .p-dialog-header {
    border: 1px solid var(--color-pharmacy) !important;
    background-color: var(--color-pharmacy) !important;
    color: #fff !important;
}

.backsyle_mainss.p-dialog .p-dialog-header {
    border: 1px solid var(--background-menu) !important;
    background-color: var(--background-menu) !important;
    color: #fff !important;
}

.background_complains .style_but_qqq label {
    color: var(--background-menu);
}

.background_complains11.p-dialog .p-dialog-header {
    border: 1px solid var(--background-menu) !important;
    background-color: var(--background-menu) !important;
    color: #fff !important;
}

.dark-green-span .style_but_qqq label {
    color: var(--dark-green);
}

.dark-green-spa11.p-dialog .p-dialog-header {
    border: 1px solid var(--dark-green) !important;
    background-color: var(--dark-green) !important;
    color: #fff !important;
}

.style_date_new_a {
    display: block;
    margin-bottom: 0;
    font-size: 11px;
    color: #979797;
    display: flex;
    align-items: center;
}

.style_date_new_a label {
    margin-bottom: 0;
}

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

.block_icons_ef .deleteicons_diagno {
    margin: 0 3px !important;
}

.date_icons_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F7F7;
    border-radius: 35px;
    font-size: 11px;
    height: 27px;
    text-align: center;
    padding: 0px 6px 2px;
    font-weight: bold;
    color: #818181;
}

.date_icons_text i {
    color: #767676;
    margin-inline-end: 5px;
}

.stylenew_diagn .details-block-diagno {
    align-items: center;
}

.date_icons_text label {
    margin-bottom: 0;
}

.edite_style_chat {
    color: #0FD7FE !important;
    background: #D8F8FF !important;
}

.edite_style_ff {
    color: #13B6B9 !important;
    background: #CEF2F2 !important;
}

.busy_style21 {
    background: #fff;
    border: var(--color-lab) 1px solid;
    border-radius: 10px;
    background: var(--color-lab);
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    padding: 2px 18px;
    cursor: pointer;
}

.style_date_search_nn {
    background: #CFF2FF !important;
    padding: 13px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_date_search_nn .search_hh {
    margin-inline-end: 6px;
    min-width: 34%;
}

.style_date_search_nn .date_eeee {
    width: 26%;
}

.style_date_mmbb .style_date_new_a {
    font-size: 15px !important;
}

.table_data_st_mm {
    box-shadow: 0 0 10px #f9f9f9;
    border-radius: 10px;
    margin-top: 13px;
    background: #fff;
}

label.style_count_num {
    background: #F5F5F5;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.style_date_mmbb .style_date_new_a {
    display: block !important;
}

.chronic___div {
    background: #F0F7FD;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.chronic__title {
    padding: 3px 15px;
    margin-inline-end: 6px;
    background: var(--color-lab);
    color: #fff;
}

.style_nurmal_s {
    background: #fff;
    border-radius: 20px;
    margin: 3px 8px 3px;
    padding: 2px 15px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.dengers_span {
    color: var(--color-lab);
    border: 1px solid var(--color-lab) !important;
}

.add_but_new {
    color: var(--background-menu);
    border: 1px solid var(--background-menu) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add_but_new i {
    font-size: 22px;
}

.add_but_new label {
    margin-bottom: 0;
    font-size: 13px;
}

.style_sel_buts_dd {
    display: flex;
    /* padding: 0px; */
    align-items: center;
    justify-content: flex-start;
}

.block_banner_vitals {
    position: relative;
}

.tbs_style_sel .num_and_text_div span {
    color: #fff !important;
    font-size: 20px !important;
}

.tbs_style_sel .num_and_text_div label {
    color: #fff !important;
}

.tbs_style_sel .text_and_num {
    padding: 17px 25px;
    margin: 0px 0 10px;
    box-shadow: 0 0 10px #d9d9d9;
}

.tbs_style_sel .text_and_num img {
    width: 40px !important;
}

.main_style_page .stykrkkrk {
    display: none;
}

.style_source_5 {
    display: none;
}

.main_style_page .style_source_5 {
    display: block !important;
    padding-bottom: 90px;
}

.style_text_ddf {
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.style_text_ddf h3 {
    font-weight: bold;
    font-size: 25px;
    padding: 5px;
}

.wewrd {
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    margin: 0 10px;
}

.styrlr {
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin: 0 10px;
}

.style_but_sv .but_n_style_ee {
    background: #0CC398;
    padding: 10px 17px;
    border-radius: 7px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    cursor: pointer;

}

.style_but_sv {
    position: absolute;
    top: 40px;
    right: 25px;
}

.main_style_page .blocks_3_style {
    width: 97%;
    margin: -80px auto;
}

.main_style_page .blockstyle_top_s {}

.backgroynd_b_1 {
    background: #0DA6FF !important;
}

.backgroynd_b_2 {
    background: #0C3DAC !important;
}

.backgroynd_b_3 {
    background: #F5981C !important;
}

.backgroynd_b_4 {
    background: #39079B !important;
}

.backgroynd_b_5 {
    background: #2B9EA6 !important;
}

.backgroynd_b_6 {
    background: #E14D4D !important;
}

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

.styleorder_p {
    background: var(--background-menu);
    color: #fff;
    margin: 0 2px;
    /*font-size: 14px;
            */
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 6px 5px;
    border-radius: 6px;

}

.styleenter_p {
    background: var(--dark-green);
    color: #fff;
    margin: 0 2px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 6px 5px;
    border-radius: 6px;
}

.style_table_nnn .p-datatable-thead {
    display: none !important;
}

.style_no_padding_table .p-card .p-card-content {
    padding: 0 !important;
}

.style_no_padding_table .p-paginator .p-paginator-current {
    display: none !important;
}

.up_image_block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

span.style_lables_33 {
    font-weight: bold;
    font-size: 15px;
    margin: 0 13px;
}

.block_up_1styles {
    margin: 0 10px;
    text-align: center;
}

.style_block_up_nn {
    background: #fff;
    box-shadow: 0 0 10px #e5e5e5;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 7px;
    text-align: center;
    position: relative;

}

.style_block_up_nn img {
    width: 60px;
    height: 60px;
    margin: auto;
}

.style_block_up_nn a {
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 18px !important;
    height: 18px !important;
}

.style_block_up_nn a i {
    font-size: 10px !important;
    line-height: 17px !important;
}

.style_labless1 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.up_img_styless {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

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

.style_width_boxsss .style_width_dropdwon1 {
    width: 40% !important;
}

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

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

.strkykky .form-group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    margin-bottom: 0;
}

.strkykky .form-group .p-inputtext {
    width: 40% !important;
    text-align: center;
    margin: 0 5px;
}

.sjdskksjk .p-dialog-content {
    /* overflow-y: inherit !important; */
}

.sdsdsdkl .schedule_com .style_display_flex {
    border-bottom: 1px solid #d3d3d3 !important;
}

.sdsdsdkl .new_style_comp.style_margin_top_patient .tital-buildings {
    border-bottom: 1px solid #d3d3d3 !important;
}

.style_border_left {
    position: relative;
}

.style_padding_19 {
    /* padding-left: 19px !important; */
}

.style_border_left .p-inputgroup .p-button:last-child {
    /* right: 0 !important; */
}

.style_edite_style_input .p-datatable-wrapper td input {
    text-align: center;
    border-radius: 16px;
    border: 1px solid #e1e1e1;
    padding: 4px;
}

.style_edite_style_input .p-datatable-wrapper td input:focus {
    border: 1px solid #e1e1e1;
    outline: none !important;
}

.backsyle_mainss.p-dialog {
    width: 90% !important;
}

.backsyle_mainss .p-dialog-content {
    padding: 0 !important;
    background: #F5F5F6 !important;
}

.tabs_style_pup {
    background: #DAE1E8;
    padding: 10px;
}

.backsyle_mainss .tabs_style_pup .select_span_style {
    padding: 2px 3px !important;
}

.content_pop_style_all {
    padding: 7px 7px;
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 98%;
    margin: 10px auto;

}

.backsyle_mainss .style_flex_content {
    margin-bottom: 0 !important;
}

.checked_style_www label {
    display: block;
}

.style_ww111 {
    margin-bottom: 10px;
}

.style_h_back {
    background: #DAE1E8;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.style_h_back img {
    width: 26px;
    margin-inline-end: 7px;
}

.style_h_back span {
    font-weight: bold;
    font-size: 16px;
}

.lable_div_title_top {
    position: relative;
    padding: 20px 10px;
    border: 1px solid #A9B3BD;
    border-radius: 10px;
    margin-top: 20px;

    margin-bottom: 30px;
}

.postion_absu {
    position: absolute;
    top: -16px;
    background: #f5f5f6;
    right: 15px;
    padding: 4px 10px;
    color: var(--background-menu);
    font-weight: bold;
}

.style_save_but_nnnn {
    text-align: left;
    margin-bottom: 5px;
    margin-top: 5px;
}

span.style_ddsee {
    display: inline-block;
    padding: center;
    justify-content: left;
    background: var(--background-menu);
    color: #fff;
    width: auto;
    vertical-align: middle;
    padding: 5px 17px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;

}

.style_ddsee i {
    vertical-align: middle;
    font-size: 18px !important;
}

.style_ddsee label {
    margin-bottom: 0;
}

.style_ww111 .field-checkbox label {
    margin-bottom: 0;
}

.block_3_box .style_h_back span {
    font-size: 13px !important;
}

.box_background_fff_s {
    background: #fff;
    padding: 10px;
    border-radius: 9px;
    border: 1px solid #E2D8D8;
    min-height: 60vh;

}

.top_title_ww {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.top_title_ww span {
    font-weight: bold;
    margin: 0 10px;
}

.box_search_wwe {}

.box_search_wwe .p-inputgroup .p-inputtext:not(:last-child) {
    height: 35px !important;
}

.style_dropdoun_new-ss {
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_box_drop_1 {
    flex: 1;
    margin: 0 3px;
}

.table_style_box_11 .p-inputtext {
    border: 1px solid #e9e9e9 !important;
    background: #F9F9F9 !important;
}

.table_style_box_11 .p-datatable .p-datatable-tbody>tr td:first-child,
.table_style_box_11 .p-datatable .p-datatable-thead>tr>th:first-child {
    border-radius: 0 0px 0px 0 !important;

}

.table_style_box_11 .p-datatable .p-datatable-thead>tr>th:last-child,
.table_style_box_11 .p-datatable .p-datatable-tbody>tr td:last-child {
    border-radius: 0px 0px 0px 0px !important;

}

.table_style_box_11 .p-datatable .p-datatable-thead>tr {
    border-radius: 0px !important;
}

.ul_box_sel_item {
    height: 39vh;
    margin-top: 15px;
    overflow-y: auto;
}

.selc_one_item {
    padding: 7px 10px;
    border-bottom: 1px solid #f3f3f3;
}

.ul_box_sel_item .selc_one_item:nth-child(even) {
    background: #f5f5f591;
    border-bottom: 1px dotted #f3f3f3;
    border-top: 1px solid #f3f3f3;
}

.selc_one_item .field-checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.selc_one_item .field-checkbox label {
    margin-bottom: 0;
    color: #6E6F6F;
    font-size: 12px;
    font-weight: bold;
}

.selc_one_item .p-checkbox .p-checkbox-box:not(.p-disabled) {
    border-radius: 50% !important;
    background: #CBD7E1;
    border-color: #CBD7E1 !important;
}

.selc_one_item .p-checkbox.p-checkbox-checked .p-checkbox-box {
    background: var(--background-menu) !important;
}

.selc_one_item .p-checkbox .p-checkbox-box:not(.p-disabled) .pi-check:before {
    color: #CBD7E1;
}

.selc_one_item .p-checkbox.p-checkbox-checked .p-checkbox-box .pi-check:before {
    color: #fff !important;
}

.total_no_selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #CCEAFD;
    border: 1px solid #C5EDFF;
    padding: 8px 10px;
    margin-top: 10px;
    border-radius: 10px;

}

.total_no_selected span {
    color: var(--background-menu);
}

.total_no_selected label {
    margin: 0;
    color: #000;
    font-weight: bold;
}

.stylegender .gender {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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

.new_search_next_plus .input_search_patient {
    flex: 2;
}

.new_search_next_plus .plus_style_add_new {
    background: var(--background-menu);
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 9px 10px;
    border-radius: 9px;
    margin-inline-start: 4px;
    cursor: pointer;
}

.style_box_radio_ss .style_div_radio {
    margin: 0px 0px 6px !important;
    justify-content: space-between !important;
}

.style_box_radio_ss .style_div_radio .select_span_radio {
    flex: 1;
    padding: 6px 4px !important;
    font-size: 13px;
    background: #f7f7f7;
    margin: 2px;
}

.style_box_radio_ss .style_div_radio .select_span_radio.selectedradio {
    border: 1px solid #D3F1FC !important;
    color: var(--background-menu) !important;
    font-weight: bold;
    background: #D3F1FC !important;
}

body .p-inputswitch .p-inputswitch-slider {
    background: #ebebeb;
}

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

.select_tab_all_new span {
    flex: 1;
    border: 1px solid #E1E1E1;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    cursor: pointer;
    margin-bottom: 8px;
}

.select_tab_all_new span:first-child {
    border-left: 0px solid #ccc !important;
    border-radius: 0 7px 7px 0;

}

.select_tab_all_new span:last-child {
    border-right: 0px solid #ccc !important;
    border-radius: 7px 0 0 7px;

}

.select_tab_all_new span.activeselss {
    background: var(--dark-green);
    color: #fff;
}

.backsyle_mainss .p-dialog-content {
    height: 88vh !important;
    max-height: 88vh !important;
}

.stylr_weerr span label {
    margin-bottom: 0;
}

.stylr_weerr span img {
    width: 17px;
}

.stylr_weerr span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.activeselsstab {
    border-bottom: 3px solid var(--background-menu);
    color: var(--background-menu) !important;
    font-weight: bold;
}

span.p_st_span {
    padding: 0 10px;
}

.style_new_sel_tabss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.style_new_sel_tabss span {
    flex: 1;
    text-align: center;
    padding: 0 10px 6px;
    color: #ADADAD;
}

.block_3_box {
    border: 1px solid #E2D8D8;
    border-radius: 10px;
}

/*========*/
.style_newborr .top_style_header {
    background: #E2ECF2 !important;
    border: 1px solid #ECE1E1 !important;
    border-bottom: 0 !important;
    padding: 2px 0px 3px !important;
}

.style_newborr .Today_Clinics,
.style_newborr .All_Clinics {
    background: #F1F8FD !important;
    border: 1px solid #ECE1E1 !important;
    padding: 4px !important;
}

.style_newborr .blockimgst_img {
    background: #0C6EF2 !important;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 8px #cdcdcd;
}

.style_newborr .titledocst {
    color: #000;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.style_newborr .blockimgst_img img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_newborr .active_select_doctor .blockimgst_img {
    background: var(--color-plan) !important;
}

.style_newborr .active_select_doctor .titledocst {
    color: var(--color-plan) !important;
}

.style_newborr .doctor_select_style:hover .blockimgst_img {
    background: var(--color-plan) !important;
}

.style_newborr .doctor_select_style:hover .titledocst {
    color: var(--color-plan) !important;
}

.style_newborr .p-inputgroup .p-button:last-child {
    top: 0 !important;
}

.style_newborr img.style_img_new {
    margin-inline-end: 9px !important;
}

.style_border_left .borderbottm_style {
    background: #E2ECF2 !important;
    border: 1px solid #E6E6E6 !important;
    padding: 0 10px;
    margin-bottom: 0px;
}

.style_border_left .borderbottm_style .style_tabs_doctors_schedule {
    padding: 5px !important;
}

.style_border_left .style_serch_data {
    padding: 9px 6px;
    border: 1px solid #D2D2D2;
    border-top: 0 solid #ccc !important;
}

.style_border_left .select_typeDoctor span {
    padding: 5px 5px !important;
    font-size: 12px !important;
    background: var(--background-menu) ;
    color: white;
}

.style_border_left .style_gender_schedule {
    margin: 0 3px !important;
}

.style_border_left .lkglkglkl .style_flex_dee {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.style_svg_nn {
    display: flex;
}

.style_border_left .lkglkglkl .style_flex_dee .typemal_famel span {
    height: 30px !important;
    line-height: 30px !important;
}

.style_border_left .lkglkglkl .style_flex_dee .typemal_famel i {
    line-height: 30px !important;
}

.style_border_left .margin_bottom_top {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.style_svg_nn span {
    display: flex;
    align-items: center;
    text-align: center;
    margin: auto;
    padding: 5px;
}

.style_border_left .style_flex_dee .typemal_famel {
    border: 1px solid #ebebeb;
    border-radius: 10px;
    overflow: hidden;
}

.amctivestyle {
    background: var(--color-plan) !important;
}

.amctivestyle img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_web_sttr .blockimgst_img img {
    width: 29px !important;
    height: 29px !important;
    margin-top: 0px !important;
}

.style_web_sttr .blockimgst_img {
    padding: 3px 3px !important;
    width: 49px !important;
    height: 49px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_image_sh {
    display: flex;
    border: 1px solid #CED2D6;
    border-radius: 8px;
    padding: 4px 7px;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
}

.style_image_sh img {
    margin-inline-end: 10px;
}

.style_image_sh .style_sh_new_ss label {
    display: block;
    margin-bottom: 0;
    color: var(--background-menu);
    font-size: 14px;
    line-height: 11px;
    font-weight: bold;
}

.select_div_doc .style_image_sh .style_sh_new_ss label {
    color: #fff !important;
}

.select_div_doc .style_image_sh img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.select_div_doc .style_image_sh {
    border: 1px solid #fff !important;
}

.new_width_doc_s {
    width: 100% !important;
}

.tabs_select_one_ss .select_tab_all_new {
    background: #D1E5F0;
    padding: 3px;
}

.tabs_select_one_ss .select_tab_all_new span {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.activeselss_doc {
    background: var(--background-menu);
    color: #fff !important;
}

.activeselss_doc img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_time_all_3 .style_span_schedule {
    flex: 1;
    margin: 0 2px;
    border-radius: 7px !important;
}

.style_time_all_3 .style_span_schedule label {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.style_time_all_3 .style_span_schedule.activetype_time {
    background: var(--color-plan) !important
}

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

.content_div_srr h4 {
    margin-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px;
}

.content_div_srr h4 img {
    width: 15px;
}

.content_div_srr h4 label {
    font-weight: bold;
    font-size: 14px;
    margin: 0 7px;
 
       color: var(--background-menu);
}

.content_div_srr {
    padding: 7px;
    border: 1px solid #dbdbdb;
}

.style_we_blocks .style_span_schedule {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-menu);
    color: white;
}

.style_we_blocks .style_span_schedule img {
    width: 22px;
}

.aerrrttf .select_div_doc {
    position: relative;
}

.aerrrttf .select_div_doc::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #06adf2;
}

.style_block_all_seldata {
    flex: 1;
    margin-inline-start: 10px;
}

.block_div_heart {
    background: #fff;
    margin-bottom: 6px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
    box-shadow: 0 0 10px #ededed;
}

.block_div_heart .image_span_wwe {
    display: flex;
    align-items: center;
}

.block_div_heart .image_span_wwe img {
    width: 35px;
    margin-inline-end: 10px;
}

.block_div_heart .image_span_wwe label {
    font-weight: bold;
    font-size: 13px;
}

.price_val_ss {
    font-size: 15px;
    font-weight: bold;
    color: var(--background-menu);
}

.style_time_all_3 .num_schedule {
    line-height: 1.6;
}

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

.style_flex_div_ss .style_div_dropdown_search {
    flex: 1;
}

.style_margin_1223 {
    margin-inline-end: 2px;
}

.style_margin_1223 label.stylelabel_search {
    color: #2D3C4D;
    font-weight: bold;
    font-size: 11px;
    margin: 0 10px;
}

.srrrllssfr {
    align-items: flex-end !important;
}

.srrrllssfr .plus_style_add_new {
    padding: 7px 10px !important;
}

.background_weqq11 {
    padding: 7px;
    background: #E1F4FF;
    border-radius: 10px;
    border: 1px solid #C9EAFD;
}

.color_span_dee {
    color: var(--background-menu);
    font-weight: bold;
}

.block_doctor_slots.aerrrttf {
    flex: 1;
}

.ijrijdfj .p-paginator-current {
    display: none !important;
}

.ijrijdfj .p-datatable .p-column-title {
    font-size: 11px !important;
    color: #000;
}

.style_slots_new_doc {
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-self: center;
    column-gap: 5px;
    row-gap: 5px;
    padding: 0;
}

.slot-time-doc {
    font-weight: bold;
    padding: 2px 0px;
    border-radius: 5px;
    min-width: 60px;
    text-align: center;
}

.style_time_nn {
    font-weight: bold;
    padding: 0px 5px;
    border-radius: 5px;
    min-width: 70px;
    text-align: center;
}

.style_time_nn span {
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 13px !important;
    color: #13B6B9;
    line-height: 18px;
}

.style_time_nn span:first-child {
    margin-bottom: -5px;
}

.Unavailable_doctor span {
    color: #fff !important;
}

.wait_doctor {
    background: var(--color-plan) !important;
    border: 1px solid var(--color-plan) !important;
}

.wait_doctor span {
    color: #fff !important;
}

.div_style_slider_sel {
    padding: 6px 3px;
    border: 1px solid #e7e7e7;
    background: #fff;
    margin-top: 10px;
}

.calender_style_slider {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 7px;
    padding-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.style_arrow_weer {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    background: #fff;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #D6D0D0;
    color: #D6D0D0;
    margin: 0px 3px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

span.style_arrow_weer:hover {
    background: var(--background-menu) !important;
    color: #fff !important;
}

span.style_arrow_weer.active_arrow_sty {
    background: var(--background-menu) !important;
    color: #fff !important;
}

.style_calender_wwe .p-calendar .p-inputtext {
    font-weight: bold;
    color: #000 !important;
    text-align: center;
    font-size: 14px !important;
    border: none !important;
    padding: 5px 0;
    cursor: pointer;
}

.style_calender_wwe .p-calendar .p-inputtext:focus {
    box-shadow: none !important;
    outline: none !important;
}

.style_calender_wwe {
    width: 120px !important;
}

.style_new_divs_ss .top-search-patient {
    margin-top: 0 !important;
    margin: 0 !important;
}

.style_new_divs_ss .tital-buildings {
    /* border-bottom: 1px solid #d3d3d3 !important; */
    background: #E2ECF2 !important;
    /* border: 1px solid #E6E6E6 !important; */
    padding: 0 10px;
    margin-bottom: 0px !important;

}

.style_new_divs_ss .search-patient-input {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;

}

.style_new_divs_ss .search-patient-input {
    padding: 9px 6px !important;
    border: 1px solid #D2D2D2 !important;
    border-top: 0 solid #ccc !important;
    border-radius: 0 !important;
    border-bottom: 0 !important;

}

.style_new_divs_ss .row.changebackground-none {
    padding: 0px 6px !important;
    border: 1px solid #D2D2D2 !important;
    border-top: 0 solid #ccc !important;
    border-radius: 0 !important;
    background: #b9e2fb9c !important;
}

.style_new_divs_ss .top-search-patient {
    width: 100% !important;
}

.style_new_divs_ss .changecolor-table .p-datatable .p-datatable-thead>tr>th .p-column-title {
    color: #000 !important;
    font-weight: bold;
    font-size: 13px !important;
}

.style_new_divs_ss .style_doc_color {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #D1F4FF;
    border-radius: 50%;
    font-weight: bold;
    color: #1B8CDF !important;

}

.style_new_divs_ss .name-image .item .image {

    width: 35px !important;
    height: 35px !important;
}

.style_new_divs_ss .activeRow {
    background-color: transparent !important;
    border: transparent !important;
    background-image: linear-gradient(to top, #0ea1db, #0250FF) !important;
    color: #fff !important;
}

.style_new_divs_ss .activeRow .gender i,
.style_new_divs_ss .activeRow .gender span {
    color: #fff !important;
}

.style_new_divs_ss .activeRow .style_image_wweq {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_vip_img {
    width: 22px !important;
}

.style_image_wweq {
    width: 29px !important;
}

.style_block_mf {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_vip_img1 {
    width: 30px !important;
}

.style_block_mf img {
    width: 30px !important;
    margin: 0 7px;
}

.style_block_mf img {
    width: 30px !important;
    margin: 0 7px;
}

.alert_style_box {
    background: #FFEAEA;
    border: 2px solid #FFA7A7;
    color: #000;
    padding: 6px 15px;
    margin: 12px 0px;
    border-radius: 10px;
    /*border-bottom: 1px solid #9f9f9f;
        */
    padding-bottom: 10px !important;
    box-shadow: 0 0 10px #cfcfcf;
    font-weight: bold;
}

.alert_style_box span {
    color: #000;
    font-size: 13px;
}

.alert_style_box span label {
    color: #FF0023 !important;
    font-weight: bold;
    margin: 0 10px;
    font-size: 15px;
}

.style_dddfk {
    justify-content: flex-start;
    margin-bottom: 3px !important;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 4px !important;
    font-weight: bold;
    border-bottom: 1px solid transparent !important;
    margin-bottom: 0 !important;
    padding-bottom: 2px !important;
}

.VisitOpening_style {
    padding: 9px 10px !important;
    border: 1px solid #D2D2D2 !important;
    border-top: 1px solid #ccc !important;
    border-radius: 0 !important;
    border-bottom: 1px !important;
    background: #d8edf9c7;
}

.VisitOpening_style .style-n-patient .block2width {
    margin-inline-end: 0px !important;
}

.style_multi_serv_style .ComplainsComp {
    padding: 0 !important;
}

.style_multi_serv_style .p-datatable .p-datatable-thead>tr>th {
    background-color: #E2ECF2 !important;
    padding: 7px !important;
    color: #000 !important;
}

.style_multi_serv_style .dark-green-span {
    padding: 9px 10px !important;
}

.style_multi_serv_style .style_title_headertable {
    display: none !important;
}

.style_multi_serv_style .style_search_eeww {
    display: block !important;
}

.style_multi_serv_style .p-inputgroup .p-inputtext {
    background: #F9F9F9 !important;

}

.style_search_eeww {
    width: 60%;
    margin-top: 9px;
}

.style_ddrrj img {
    width: 20px;
    margin: 0 0 0 10px;
}

.style_border_arround_q {
    padding: 9px 0px !important;
    border: 1px solid #D2D2D2 !important;
    border-top: 1px solid #D2D2D2 !important;
    border-radius: 0 !important;

}

.style_background_fff_style {
    padding: 4px 10px;
}

.style_arrows_33 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

.style_arrows_33 img {
    width: 16px !important;
}

.style_arrows_33 span {
    color: #F1AD24;
    font-size: 13px;
    font-weight: bold;
    margin: 0 7px;
}

.block_style_patient_sel {
    display: flex;
    background: #fff;
    padding: 7px 10px;
    border-radius: 10px;
    margin: 9px 0 12px;
    box-shadow: 0 0 10px #e9e9e9;
    align-items: center;
    justify-content: space-between;
}

.top_title_new_ee {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.top_title_new_ee img {
    width: 26px !important;
}

.top_title_new_ee span {
    font-size: 13px;
    font-weight: bold;
    margin: 0 10px;
}

.top_title_new_ee {
    margin-bottom: 6px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 6px;
}

.style_span_general_aa {
    padding: 2px 17px 5px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
}

.Emergency_background {
    background: #F94D4D;
}

.in_background {
    background: #FF912A;
}

.out_background {
    background: #15CCE6;
}

.style_doc_color_ssd {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 36px;
    height: 36px;
    background: #E8FCFF;
    border: 1px solid #C2F7FF;
    border-radius: 50%;
    font-weight: bold;
    color: #5c5b5b !important;
    padding: 3px;
    text-align: center;
    margin: auto;
    font-size: 13px;
}

.VisitOpening_style_srre {
    padding: 9px 10px !important;
    border: 0px solid #D2D2D2 !important;
    border-radius: 0 !important;
    background: #d8edf9c7;

}

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

.style_wedii_flex .col_style_22 {
    flex: 1;
    margin: 0 3px;
    display: flex;
    flex-direction: column;
}

.style_wedii_flex .col_style_22 .p-inputgroup .p-inputtext:not(:last-child) {
    height: 35px !important;
}

.style_div_two_buts {
    position: absolute;
    left: 40px;
    top: 7px;
    display: none;
    z-index: 2;
}

.activeRow .style_div_two_buts {
    display: flex !important;
    background-image: linear-gradient(to top, #0ea1db, #0250FF) !important;
}

.style_div_two_buts span {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 10px;
    margin: 0 5px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    z-index: 9;
}

.style_div_two_buts span img {
    width: 15px !important;
    margin-inline-end: 10px;
    border-radius: 0 !important;

}

.style_image_sercv_1 {
    width: 20px !important;
}

.Today_Clinics_2 .doctor_select_style {
    flex: 1;
}

.style_search_eeww .p-inputgroup {
    display: block !important;
}

.style_search_eeww .p-inputgroup .p-dropdown.p-component.p-unselectable-text {
    border-radius: 10px !important;

}

.style_search_eeww .p-inputgroup .p-dropdown.p-component.p-unselectable-text .pi-chevron-down:before {
    content: "\E908" !important;
    font-size: 17px;
}

.stykle_jhjh .activeRow .wewerrrtt {
    display: none !important;
}

.VisitOpening_style_22 {
    padding: 9px 10px !important;
    border: 1px solid #D2D2D2;
    border-top: 0px solid #D2D2D2 !important;
    border-radius: 0 !important;
    border-bottom: 1px !important;
    background: #d8edf9c7;
    margin-top: -15px;
}

.VisitOpening_style_22 .ComplainsComp {
    width: 100%;
}

.style_search_eeww .p-inputgroup .p-inputtext:not(:last-child) {
    height: 33px !important;
}

.style_search_table_ss {
    margin-top: 5px;
}

.style_search_table_ss .p-inputgroup .p-inputtext:not(:last-child) {
    height: 33px !important;
}

.changecolor_table_background .p-datatable .p-column-title {
    color: #fff !important;
}

.changecolor_table_background1 h4 {
    border-bottom: 0 !important;
}

.changecolor_table_background .p-button.p-button-icon-only .p-button-icon-left,
.changecolor_table_background .p-button.p-button-icon-only .p-button-icon-right {
    font-size: 14px !important;
}

.style_3_box_g {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.style_1_box_g {
    flex: 1;
    padding: 10px;
    border-radius: 10px;
    height: 145px !important;
}

.style_title_box_1,
.style_title_box_wq,
.style_display_f_new {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.style_title_box_1 {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.style_title_box_1 img {
    width: 25px;
    margin-inline-end: 10px;
}

.style_title_box_1 span {
    font-size: 13px;
}

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

.style_image_box_1_ee img {
    width: 25px;
    margin-inline-end: 10px;
}

.style_image_box_1_ee span {
    font-size: 13px;
}

.sarch_box_style_1 .p-inputgroup .p-inputtext:not(:last-child) {
    height: 34px !important;
    line-height: 27px !important;
    padding: 4px 16px 4px 30px !important;
    font-size: 12px !important;
    font-weight: bold;
    box-shadow: 0 0 10px #efefef;
}

.style_image_box_1 img {
    width: 25px;
    margin-inline-end: 10px;
}

.style_image_box_1 span {
    font-size: 13px;
}

.style_plus_box_g {
    padding: 4px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}

.style_style_sar_1 {
    padding: 7px 10px;
    box-shadow: 0 0 10px #e1e1e1;
    border-radius: 10px;
    margin-top: 7px;
}

.style_display_f_new .deleteicons_diagno {
    margin: 0 5px;
}

.background_1_box {
    background: #D0F2FD;
    border: 1px solid #99DAEF;
}

.background_1_box .style_plus_box_g {
    background: #0250FF;
}

.background_1_box .style_image_box_1 span {
    color: #0250FF;
}

.background_1_box .style_style_sar_1 {
    background: #eff8fb;
}

.background_2_box {
    background: #DAF2F3;
    border: 1px solid #71DDCF;
    margin: 0 10px;
}

.background_2_box .style_plus_box_g {
    background: #0BB8A1;
}

.background_2_box .style_image_box_1 span {
    color: #0BB8A1;
}

.background_2_box .style_style_sar_1 {
    background: #eff8fb;
}

.background_3_box {
    background: #FFF8E4;
    border: 1px solid #FDCE99;
}

.background_3_box .style_plus_box_g {
    background: #F6AD04;
}

.background_3_box .style_image_box_1 span {
    color: #F6AD04;
}

.background_3_box .style_style_sar_1 {
    background: #fffcf3;
}

.sarch_box_style_1 .p-button.p-button-icon-only .p-button-icon-left {
    font-size: 15px !important;
}

.padding_style_www .p-card-body {
    padding: 0 !important;
}

.padding_style_www .p-card-content {
    padding: 0 !important;
}

.new_style_tabs_content_all .tab-content {
    background: #fff !important;
    box-shadow: none !important;
}

.new_style_tabs_content_all .ul_class {
    background: #f7f7f7 !important;
    border-radius: 0 10px 10px 0;
    border: 1px solid #f3f3f3;
    box-shadow: 0 12px 10px #ebebeb;
}

.new_style_tabs_content_all .stylelabel {
    background: #ffffff;
    color: #0e0e0e;
}

.new_style_tabs_content_all .ul_class .nav-link:hover,
.new_style_tabs_content_all .ul_class .nav-link:focus {
    color: var(--background-menu) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.new_style_tabs_content_all .ul_class li a.active label {
    color: #fff !important;
}

.new_style_tabs_content_all .ul_class .nav-link.active,
.new_style_tabs_content_all .ul_class .nav-item.show .nav-link {
    background-color: transparent !important;
    border-color: transparent !important;
}

.new_style_tabs_content_all .ul_class>li a:after {
    background: #fff;
}

.new_style_tabs_content_all .p-card-content {
    padding: 10px 0 !important;
    box-shadow: none !important;
}

.new_style_tabs_content_all .hfontsize {
    font-size: 14px !important;
}

.style_flex_dis img {
    width: 23px;
    margin-inline-end: 9px;
}

.style_edit_nrr .p-card-content,
.style_edit_nrr .p-card-body {
    padding: 0;
}

.fdereete {
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.style_n_margin_0 {
    margin: 0 !important;
}

.style_margin_top_30 {
    margin-top: 25px;
}

.new_style_tabs_content_all .form-group {
    margin-bottom: 10px !important;
}

.new_style_tabs_content_all .form-group label,
.style_label_stt {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
}

.style_tab_title_label label {
    color: var(--background-menu) !important;
    font-weight: bold;
    font-size: 13px;
    margin: 0 10px;
}

.selc_one_item.style_nnn_check {
    border-bottom: 0px solid #f3f3f3 !important;
}

.dispaly_block_st_bb {
    margin-top: 22px;
    display: flex;
}

.style_tree_new_page .p-treenode-content.p-treenode-selectable {
    font-weight: bold;
    padding-right: 33px;
    border: none;
    font-size: 14px;
}

.style_tree_new_page .p-tree .p-treenode>div {
    background: #ffffff;
    color: #000 !important;
    border: 1px solid #f5f5f5 !important;
    box-shadow: 0 0 10px #ebebebbd;
    margin-bottom: 2px;
    padding: 3px 0 !important;
    font-size: 13px;
    border-radius: 6px !important;
    outline: none !important;
}

.style_tree_new_page .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background-color: #D0F2FD !important;
    color: #000 !important;
    outline: none !important;
}

.style_tree_new_page .p-tree .p-treenode>div:hover {
    font-weight: bold;
    border: none;
    background-color: var(--background-menu);
    color: #fff !important;
    font-size: 13px;
    outline: none !important;
}

.style_tree_new_page .p-treenode-content.p-treenode-selectable[aria-expanded="true"] {
    font-weight: bold;
    border: none;
    background-color: var(--background-menu);
    color: #fff !important;
    font-size: 14px;
}

.style_edit_nrr .p-tree {
    border: 1px solid #efefef !important;
    background-color: #f9f9f9;
    color: #333333;
    padding: 5px;
    /*box-shadow: 0 0 10px #ededed;
        */
    border-radius: 5px;
    min-height: 46vh;

}

.style_tree_new_page .p-tree .p-treenode-children {
    padding: 0 !important;
    background: #fff;
    padding: 6px !important;
    margin-top: 0px !important;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}

.style_tree_new_page .p-treenode-content.p-treenode-selectable[aria-expanded="true"] .pi-caret-down:before {
    content: "\E906";
    background: #fff !important;
    font-size: 12px;
    padding: 3px;
    border-radius: 50%;
    color: var(--background-menu) !important;
    margin-inline-end: 13px !important;

}

.style_tree_new_page .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight) .pi-caret-down:before {
    content: "\E906";
    background: #e7e7e7;
    font-size: 12px;
    padding: 3px;
    border-radius: 50%;
    color: #ccc;
    margin-inline-end: 13px !important;

}

.style_tree_new_page .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
    box-shadow: none !important;
}

.sarch_box_style_1 .style_search_eeww {
    width: 100% !important;
    margin-top: 0px !important;
}

.style_ddi_44 {
    display: inline-block;
    text-align: right;
    margin: 0 3px;
}

.style_search_nfff label {
    display: block;
}

.style_search_nfff .p-input-icon-left {
    width: 100%;
}

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

.style_m_title_new svg {
    width: 24px;
}

.style_m_title_new {
    font-size: 15px !important;
}

.style_width_100_b .style_wwewre {
    width: 100%;
}

.style_ffkfkfkf {
    border-bottom: 0 !important;
    padding: 0 !important;
}

/*==========*/
.width_100_style_ee {
    width: 100% !important;
}

.style_dir_rtl_style {
    direction: rtl !important;
    padding: 10px 10px !important;
}

.width_100_style_ee .p-carousel-item {
    padding: 0 3px;
    box-shadow: none !important;
    background: transparent;
}

.width_100_style_ee .doctor_all_div {
    box-shadow: 0 0 10px #f1f1f1 !important;
    cursor: pointer;
}

.width_100_style_ee .p-carousel .p-carousel-content .p-carousel-prev,
.width_100_style_ee .p-carousel .p-carousel-content .p-carousel-next {
    background-color: #ededed !important;
    border: 0 solid #8d8d8d !important;
    color: #B19494 !important;
    width: 23px !important;
    height: 23px !important;
    font-size: 10px;
    border-radius: 50% !important;

}

.width_100_style_ee .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.width_100_style_ee .p-carousel .p-carousel-content .p-carousel-next:enabled:hover,
.width_100_style_ee .p-carousel .p-carousel-content .p-carousel-next:enabled,
.width_100_style_ee .p-carousel .p-carousel-content .p-carousel-prev:enabled {
    background: #F09824 !important;
    color: #fff !important;
}

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

.style_flex_n_card .p-inputgroup {
    width: 25% !important;
}

.style_p_0 .p-card-body {
    padding: 0 !important;
}

.background_style_ssa {
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    border: 1px solid #f3f3f3;
}

.style_title_page_a .styleicons {
    vertical-align: middle;
}

.style_flex_ww {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_div_bbb {
    width: 30%;
}

.style_div_bbb .p-input-icon-left {
    width: 100%;
}

.clo_style_dd .p-datatable-header {
    background: transparent !important;
    padding: 0 !important;
    margin-top: 10px;
}

.style_bdddd {
    background: #d5f0fa42 !important;
    padding: 10px;
}

.style_wqqqqw .p-card-content {
    padding-top: 0px !important;
}

.vs__dropdown-toggle {
    border: 1px solid #f1f1f1 !important;
    border-radius: 8px;

}

.p-card .p-card-content {
    padding: 0.4rem 0;
}

.box_search_add_table {
    margin-bottom: 10px !important;
    background: var(--sec_color) !important;
    padding: 10px;
    box-shadow: 0 0 10px #f3f3f3;
    border-radius: 10px;
}

.search_in_table_box {
    background-color: #f3f3f3 !important;
    border: 1px solid #efefef !important;
    padding: 3px;
    border-radius: 10px 10px 0 0 !important;

}

.box_table_on {
    background: #fff;
    padding: 5px 7px 12px;
    border-radius: 0 0 10px 10px;

}

.stylrrrii {
    text-align: left;
}

.search_in_table_box .p-inputgroup .p-inputtext:not(:last-child) {
    height: 35px !important;
}

.style_block_header_table {
    border-radius: 10px !important;
}

.style_block_header_table .p-datatable-header {
    padding: 6px 6px 0px !important;
}

.stle_eeerj .p-card-title {
    margin-bottom: -2px !important;
}

.stle_eeerj .input-sty {
    padding-inline-end: 7px;
}

.but_add {
    background: var(--dark-green) !important;
    color: #ffffff !important;
    border: 1px solid var(--dark-green) !important;
    font-size: 13px !important;
    font-weight: bold;
    box-shadow: 0 0 10px #e9e9e9;
}

.styleeeew {
    font-size: 13px;
}

.style_hr {
    margin-top: 0rem !important;
    margin-bottom: 10px;
    background: white;
}

.style_items_ddd {
    padding: 15px 12px 12px !important;
}

.style_padding_pages {
    padding: 20px 15px;
}

.style_lable_top_input {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 13px;
}
body .p-datepicker .p-timepicker {
    padding: 5px;
}

body .p-checkbox .p-checkbox-box {
    border: 1px solid #e9e9e9;
}

.select_div_doc_active {
    background-image: linear-gradient(to right, #06AFF2, #0250FF);
}

.select_div_doc_active .item h4 {
    color: #fff !important;
}

.select_div_doc_active .doctor_sec i,
.select_div_doc_active .doctor_sec span {
    color: #fff !important;
}

.select_div_doc_active .name-image .item h4 {
    color: #fff !important;
}

.style_green_color {
    background: var(--dark-green) !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 13px;
}

.style_q {
    font-weight: bold;
}

.style_ssww {
    font-size: 14px;
    color: var(--background-menu) !important;
}

.style_svg_icons_new svg {
    width: 30px;
}

.style_svg_icons_new {
    font-size: 14px !important;
}

.style_padding_00 .p-card-body {
    padding: 0 !important;
}

.style_labl_block label {
    display: block;
    text-align: right;
    font-size: 12px;
}

.background_style_ba .p-datatable .p-datatable-header {
    background: #d5f0fa !important;
    padding: 10px;
    box-shadow: 0 0 10px #f3f3f3;
    border-radius: 10px;
}

.style_svg_icons_newaa svg {
    width: 23px;
}

.streeee {
    font-size: 13px !important;
    margin-bottom: 6px;
}

.margin_strrf {
    margin: 10px 0;
}

body .p-treetable .p-treetable-thead>tr>th {
    padding: 0.571em 0.857em;
    border: transparent !important;
    color: #333333;
    background-color: var(--background-menu) !important;
    text-align: right !important;
    color: #fff !important;
    font-size: 14px;
}

.p-treetable.p-treetable-sm .p-treetable-tbody>tr>td {
    padding: 5px 11px;
    border: transparent;
    border: 1px solid #f1f1f1;
    font-size: 15px;
    font-weight: bold;
}

.p-treetable .p-treetable-tbody>tr>td {
    text-align: right;
}

body .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
    color: #9f9f9f;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    font-size: 12px;
    float: right;
    transform: rotate(180deg);
    margin-top: 4px;
}

body .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler[style*="margin-left: 16px"] {
    margin-left: 3px !important;
    margin-right: 25px;
}

.style_eeeee {
    display: flex;
}

.styleewwele {
    font-size: 13px;
    margin-bottom: 3px;
}

.style_new_search_aa {
    margin-top: 0 !important;
    vertical-align: top !important;
    display: inline-block;
}

.style_new_search_aa .p-inputgroup .p-inputtext:not(:last-child) {
    height: 34px !important;
}

.style_search_but_new .style_flex_st {
    margin-top: 20px !important;
    min-width: 99px;
}

.style_search_but_new .style_flex_st .but-serchpatients {
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_search_but_new .style_flex_st .but-serchpatients i {
    margin: 0 5px !important;
}

.style_new_search_aa .p-inputgroup .p-inputtext:not(:last-child) {
    padding: 4px 10px !important;
}

.select_div_doc .doctor_sec img {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

.style_text_start {
    width: 100%;
    margin-bottom: 0 !important;
}

.new_style_ta .strreel {
    font-size: 11px !important;
}

.style_num_circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    background: #D1F4FF;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #1B8CDF !important;
}

.style_time_calender_s {
    display: inline-block;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3e3e3;
    background: #FAFAFA;
    color: #745B5B;
    font-size: 12px !important;
    padding: 3px 0px 3px 5px;
    border-radius: 10px;

}

.style_time_calender_s img {
    width: 16px !important;
    margin: 0 5px;
}

.style_but_new_table_res {
    padding: 2px 10px !important;
    border-radius: 7px !important;
}

.width_style_4 .search_patient_res .style_new_search_aa {
    max-width: 100% !important;
    margin-inline-start: 0;
}

.width_style_4 .style_search_but_new .style_flex_st {
    margin-top: 5px !important;
}

/*===============*/
.table-column-group .p-datatable table {
    border-spacing: 0 !important;
}

.table-column-group .p-datatable .p-datatable-thead>tr,
.table-column-group .p-datatable .p-datatable-tbody>tr {
    box-shadow: none;
}

.table-column-group .p-datatable .p-datatable-thead>tr>th {
    border: 1px solid #eee;
    font-weight: 700;
    line-height: 1.3;
    font-size: 13px !important;
}

.table-column-group .p-datatable .p-datatable-tbody>tr>td {
    border: 1px solid #dee2e6;
    border-radius: 0 !important;
}

.table-column-group .p-datatable .p-datatable-tbody>tr td:last-child,
.table-column-group .p-datatable .p-datatable-thead>tr>th:last-child {
    border-radius: 0 !important;
}

.table-column-group .p-datatable .p-datatable-tbody>tr td:first-child,
.table-column-group .p-datatable .p-datatable-thead>tr>th:first-child {
    border-radius: 0 !important;
}

.table-column-group .p-datatable .p-datatable-tbody>tr>td {
    border-left: 1px solid #dee2e6 !important;
    font-size: 14px;
    padding: 3px !important;
}

.table-column-group .p-datatable .p-datatable-tbody>tr:nth-child(odd) {
    background: #fbfbfb;
}

.table-column-group .p-datatable .p-datatable-tfoot>tr>td {
    color: #145082;
    font-weight: bold;
    background-color: #EEEEEE;
    padding: 0.371em 0.857em !important;
    border: 1px solid #ccc !important;
    border-width: 0 !important;
    border-top-width: 1px !important;
}

.table-column-group .p-datatable-thead tr th {
    border: 1px solid #ccc !important;
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    border-inline-end-width: 1px !important;
}

.table-column-group .p-datatable-thead tr:first-child th {
    /* background-color: #eee !important;
    color: #145082 !important; */
}

.table-column-group .p-datatable-thead tr:nth-child(2) th {
    background-color: #DADADA !important;
    color: #333 !important;
}

.table-column-group .p-datatable-thead tr:nth-child(3) th {
    background-color: rgba(238, 238, 238, 0.3) !important;
    color: #145082 !important;
}

.style_footer_background_fff .p-datatable .p-datatable-footer {
    background: #fff !important;
    border: 0 !important;
    text-align: left;
}

.style_background_input_fff label {
    font-size: 12px;
    font-weight: bold;
}

.style_background_input_fff input {
    font-size: 14px;
}

.style_center_ddd {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: auto;
}

.stylertyrty {
    padding: 0;
}

.stylertyrty label {
    font-weight: bold;
}

.stylertyrty input {
    font-weight: bold;
    font-size: 13px;
}

.d-blockqq {
    display: block;
    text-align: right;
}

.style_bkkkl .p-input-icon-left {
    width: 100%;
}

.new_tabs_prime_style {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_span_rq {
    cursor: pointer;
    background: #fff;
    margin: 0 5px;
    padding: 5px 15px;
    height: 61px;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
    margin-bottom: 10px;
    position: relative;
}

span.style_span_r {
    display: block;
    text-align: center;
    margin-inline-start: 10px;
}

.style_span_rq img {
    width: 30px;
}

.style_span_r span {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.style_span_r label {
    display: block;
    font-size: 12px;
}

.style_block_header_table .p-datatable .p-datatable-header {
    box-shadow: 0 0 10px #f1f1f1 !important;
    background: var(--sec_color) !important;
    padding: 14px 15px !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
}

.refuse_color .style_span_r span {
    color: #EE2A51 !important;
}

.wait_color .style_span_r span {
    color: #FF9D00 !important;
}

.accepts_color .style_span_r span {
    color: #00BC8B !important;
}

.true_color .style_span_r span {
    color: #0250FF !important;
}

.active_sel_n {
    background-image: linear-gradient(to top, #06AFF2, #0250FF);
    color: #fff !important;
}

.active_sel_n .style_span_r span {
    color: #fff !important;
}

.active_sel_n img {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

.active_sel_n::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #06adf2;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right: 49px solid transparent;
    border-right: 8px solid transparent;
}

.backsyle_mainss .tabs_style_pup .select_span_style {
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_date_end_ee .p-calendar.p-calendar-w-btn {
    width: 95px;
}

.scroll_div_ddd {
    flex: 2;
    overflow-x: auto;
    overflow-y: hidden;
    display: inline-block;
    width: 88%;
    vertical-align: middle;
}

.scroll_div_ddd .style_nurmal_s {
    display: inline-block;
}

.chronic__title {
    min-width: 160px;
}

.chronic___div .style_sel_buts_dd {
    display: inline-block !important;
    flex: 2;
}

.chronic___div .style_nurmal_s.add_but_new {
    display: inline-block !important;
}

.chronic___div .style_nurmal_s {
    padding: 2px 10px !important;
}

/**/
.style_nots_div .p-multiselect.p-component.p-unselectable-text {
    max-width: 125px;
    height: 35px;
    border-radius: 10px !important;
    position: relative;
    border: 1px solid #e9e9e9 !important;
    background: #F9F9F9 !important;
}

.style_nots_div .p-multiselect .p-multiselect-trigger {
    background-color: transparent !important;
    width: 2em;
    line-height: 2em;
    text-align: center;
    padding: 0;
    color: var(--background-menu);
    border-radius: 25px;
    font-size: 10px;
}

.table_style_box_11 .p-datatable .p-datatable-tbody>tr>td {
    padding: 3px 3px !important;
}

.table_style_box_11 .p-datatable .p-datatable-tbody>tr>td .sterrttrrr {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    color: #6e6e6e;
}

.styeweerrtt .p-inputtext.p-component.p-filled {
    min-width: 30px;
}

.ewewwewwww .p-dropdown.p-component.p-unselectable-text {
    max-width: 180px;
}

.ewewwewwww .p-dropdown .p-dropdown-label {
    text-overflow: ellipsis;
    overflow: hidden;
}

body .p-datepicker .p-datepicker-header .p-datepicker-title select {
    margin-top: -0.15em !important;
}

body .p-datepicker table {
    margin: 3px 0 0 0 !important;
}

body .p-datepicker table td {
    padding: 4px !important;
}

body .p-datepicker .p-datepicker-header {
    padding: 5px 1px !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 1rem !important;
    height: 1rem !important;
    font-size: 11px !important;
    color: var(--background-menu) !important;
    margin-top: 0.5rem;
}

.p-datepicker .p-datepicker-buttonbar,
.p-datepicker .p-datepicker-footer {
    padding: 4px !important;
}

.p-datepicker .p-button.p-button-text-only .p-button-text {
    padding: 4px 10px !important;
    font-size: 13px;
}

.p-datepicker .p-datepicker-buttonbar .p-button {
    border-radius: 5px !important;
}

/**/
body .p-dialog .p-datepicker table th {
    padding: 0 !important;
    font-size: 12px !important;
}

body .p-dialog .p-datepicker table td {
    padding: 0px 3px !important;
}

.no_allergy_st {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 0 10px;
}

.no_allergy_st label {
    font-size: 13px;
    font-weight: bold;
    color: var(--background-menu);
}

/*=====================*/
.style_block_nn_phar {
    border: 1px solid #70CFF5;
}

.style_block_nn_phar .two_box_search_st {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pharm_style_pop .two_box_search_st {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    width: 98%;
    margin: auto;
    margin-bottom: 8px;
}

.textarea_table_style {
    margin-bottom: 0 !important;
}

.textarea_table_style textarea {
    font-size: 13px;
}

.style_edite_la img {
    width: 45px !important;
}

.style_block_dddd {
    font-weight: bold;
    font-size: 13px;
}

.style_flex_dd_ne {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 2;
}

.style_pop_seeew {
    flex: 1;
    justify-content: flex-end;
    margin-top: 24px;
}

.style_block_nn_phar .two_box_search_st .style_icons_plus_new {
    position: relative;
}

.style_block_nn_phar .two_box_search_st .style_icons_plus_new .style_block_dddd {
    font-size: 14px;
    margin-bottom: 4px;
}

/* .style_block_nn_phar .two_box_search_st .style_icons_plus_new .p-button:last-child {
    left: calc(100% - 32px) !important;
    top: -12% !important;
} */
.style_wwq2 {
    position: absolute;
    right: 8px;
    color: #ccc;
    font-size: 16px !important;
    top: 13px;
    z-index: 2;
}

.flex_2_stt {
    flex: 2;
    margin-inline-end: 10px;
}

.flex_1_stt {
    flex: 1;
}

.style_s_style_nn {
    position: absolute;
    left: 0;
    color: #fff;
    padding: 10px;
    top: 0px;
    border-radius: 10px 0 0 10px;
    display: inline-block;
    height: 38px;
    width: 38px;
    z-index: 2;
    text-align: center;
    vertical-align: middle;
}

.style_s_style_nn i {
    line-height: 20px;
}

.background_blue_sss {
    background: var(--background-menu);
}

.background_green_sss {
    background: var(--dark-green);
}

.style_b_top_text_d {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E0E9F2;
    padding: 5px 10px;
    border-radius: 0px;
    margin-top: 7px;
    margin-bottom: 0px;
}

.style_b_image_text span {
    font-weight: bold;
    font-size: 14px;
}

.style_table_block_aa .p-datatable .p-datatable-tbody>tr td:first-child,
.style_table_block_aa .p-datatable .p-datatable-thead>tr>th:first-child {
    border-radius: 0 0px 0px 0 !important;
}

.style_bold122 {
    font-size: 13px;
    font-weight: bold;
}

.style_nurmal {
    font-size: 12px;
    font-weight: bold;
}

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

.box_edit_delet_st .style_edite_la {
    margin-inline-end: 7px;
    cursor: pointer;
}

.style_img_width_aaa {
    width: 30px;
}

.style_table_block_aa .p-dropdown.p-component.p-unselectable-text,
.style_table_block_aa .p-calendar.p-calendar-w-btn .p-inputtext {
    background: #f9f9f9 !important;
}

.alert_div_style_ne {
    background: #FFEEEE;
    padding: 6px 13px;
    border: 1px solid #EEB4B4;
    border-radius: 10px;
    margin-top: 10px;
}

.alert_div_style_ne img {
    width: 30px;
}

.alert_div_style_ne .text_alert_count {
    color: #EF4B56;
    font-size: 12px;
    font-weight: bold;
    margin: 0 20px;
}

.alert_div_style_ne .text_alert_count label {
    font-weight: bold;
    font-size: 20px;
    margin: 0 10px;
}

.btn_style_alerts {
    color: #EF4B56;
    cursor: pointer;
    padding: 4px 16px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border: 1px solid #EF4B56;
    border-radius: 8px;
}

.drugs_pop_style.p-dialog {
    top: 1%;
    width: 98%;
}

.drugs_pop_style.p-dialog .p-dialog-content {
    max-height: 88vh !important;
    height: 88vh !important;
}

.pharm_style_pop {
    padding: 0px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.display_flex_style_iv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.display_flex_3_box_n {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px 10px;
}

.style_flex_box_1_ss {
    position: relative;
    padding: 20px 12px;
    border: 1px solid #8FD9F6;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    margin: 0 5px;
    background: #fff;
}

.pot_abs {
    position: absolute;
    background: #D3F1FC;
    display: inline-block;
    padding: 3px 20px;
    border-radius: 10px;
    color: var(--background-menu);
    top: -13px;
    right: 20px;
    font-size: 12px;
    font-weight: bold;
}

.display_flex_iv_w {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.box_iv_flex_1 {
    margin: 0 10px;
    flex: 1;
    text-align: right;
}

.style_drop_input_flex11 .iv_input_dropdown_1_1>label {
    font-weight: bold;
    font-size: 12px;
}

.style_drop_input_flex11 {
    margin-bottom: 7px;
}

.title_in_text_st {
    font-size: 11px;
}

.flex_s_box_2 {
    flex: 2;
}

.flex_s_box_1 {
    flex: 1;
}

.title_top_iv img {
    width: 18px;
    margin-inline-end: 9px;
}

.title_top_iv label {
    font-size: 13px;
    font-weight: bold;
    color: var(--background-menu);
}

.drugs_pop_style .p-datatable .p-datatable-tbody>tr.p-datatable-row-expansion {
    background-color: #f9f9f900 !important;
}

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

.style_drop_input_flex11 .p-dropdown .p-dropdown-labe {
    background: #fff;
}

.drop_iv .p-dropdown .p-dropdown-label {
    background: #fff !important;
}

.style_flex_box_1_ss .p-dropdown.p-component.p-unselectable-text,
.style_flex_box_1_ss .p-calendar.p-calendar-w-btn .p-inputtext {
    background: #fff !important;
}

.tow_drop_text .p-inputtext {
    flex: 1;
    text-align: center;
}

.tow_drop_text .p-dropdown.p-component.p-unselectable-text {
    flex: 2;
    margin-inline-start: 8px;
}

.checkbox_style_pop_d {
    margin-top: 15px;
}

.checkbox_style_pop_d .field-checkbox {
    margin-bottom: 14px;
}

.checkbox_style_pop_d .p-checkbox+label {
    font-size: 13px;
    font-weight: bold;
}

.drugs_pop_style .p-dialog-header {
    border-radius: 10px 10px 0 0 !important;
}

.style_z_index_w {
    z-index: 1020 !important;
}

.style_z_index_w.p-dialog {
    top: 5% !important;
    width: 70% !important;
}

.n_s_hegi.p-dialog {
    top: 5% !important;
    width: 50% !important;
}

.style_z_index_w.p-dialog .p-dialog-content {
    max-height: 86vh !important;
    height: 86vh !important;
}

.n_s_hegi.p-dialog .p-dialog-content {
    max-height: 50vh !important;
    height: 50vh !important;
}

.style_z_index_w.p-dialog .p-dialog-header,
.alert_page_pop.p-dialog .p-dialog-header {
    border: 1px solid #D3F1FC !important;
    background-color: #D3F1FC !important;
}

.style_z_index_w.p-dialog .p-dialog-header .imgheadername span,
.alert_page_pop.p-dialog .p-dialog-header .imgheadername span {
    color: #000 !important;
}

.style_two_btn_tabs {
    padding: 10px;
    background: #E0E9F2;
    align-items: center;
    display: flex;
    justify-content: center;
}

.style_n_btn_st {
    background: #fff;
    padding: 7px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    border-radius: 10px;
    box-shadow: 0 0 10px #dfdfdf;
    transition: all .5s ease-in-out;
}

.style_n_btn_st label {
    font-size: 14px;
    margin: 0 8px;
}

.style_n_btn_st:hover {
    background: var(--color-plan) !important;
    color: #fff !important;

}

.style_n_btn_st:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.active_span_btn_qqq {
    background: var(--color-plan) !important;
    color: #fff !important;
    font-weight: bold;
}

.active_span_btn_qqq img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_div_pa {
    padding: 10px 20px !important;
}

.strreerrr {
    font-size: 12px;
    font-weight: bold;
}

.style_circle_ddd {
    background: #DFE7E9;
    width: 27px;
    height: 27px;
    display: inline-block;
    text-align: center;
    line-height: 27px;
    border-radius: 50%;
}

.click_style_btn {
    background: #EFEFF0;
    padding: 4px 9px;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
}

.click_style_btn i {
    vertical-align: middle;
    font-size: 18px;
    margin-inline-end: 2px;
    display: none;
}

.sty_img {
    width: 30px;
    margin-inline-end: 9px;
}

.active_btn_true {
    background: var(--dark-green) !important;
    color: #fff !important;
}

.active_btn_true i {
    display: inline-block;
}

.blocks_buttons_swwq {
    display: inline-block;
    align-items: center;
    justify-content: center;
    background: var(--dark-green);
    color: #fff;
    font-weight: bold;
    padding: 6px 14px;
    margin-top: 21px;
    font-size: 13px;
    border-radius: 6px;
}

.blocks_buttons_swwq i {
    vertical-align: middle;
    font-size: 16px;
    margin-inline-end: 6px;
}

.cont_filter_ssd {
    background: #d9e8f5d6;
    box-shadow: 0 0 10px #e7e7e7;
    border-radius: 10px;
    border: 1px solid #ebebeb;
}

.cont_filter_ssd h4 {
    background: #aecae1;
    padding: 9px 15px;
    border-radius: 10px 10px 0 0;
    font-size: 14px;
    font-weight: bold;
}

.cont_filter_ssd h4 img {
    width: 18px;
}

.cont_filter_ssd h4 span {
    margin: 0 10px;
}

.cont_filt_st {
    padding: 5px 15px;
}

.frddeerfdd {
    font-weight: bold;
    font-size: 14px !important;
    color: #000 !important;
}

.style_filter_blo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffffd6;
    margin-bottom: 9px;
    padding: 6px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: all .4s ease-in-out;

}

.block_count_1 .sewerrrrd {
    color: var(--background-menu);
}

.block_count_2 .sewerrrrd {
    color: var(--color-plan);
}

.block_count_3 .sewerrrrd {
    color: var(--dark-green);
}

.block_count_4 .sewerrrrd {
    color: var(--color-rad);
}

.block_count_5 .sewerrrrd {
    color: var(--color-lab);
}

.block_count_6 .sewerrrrd {
    color: var(--background-menu);
}

.style_filter_blo:hover {
    background: var(--background-menu) !important;
    color: #fff;
}

.style_filter_blo:hover .filt_cont span,
.style_filter_blo:hover .sewerrrrd {
    color: #fff !important;
}

.style_filter_blo:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.active_tab_filter {
    background: var(--background-menu) !important;
    color: #fff;
}

.active_tab_filter img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.active_tab_filter .filt_cont span {
    color: #fff !important;
}

.active_tab_filter .sewerrrrd {
    color: #fff !important;
}

.kdkkjj {
    width: 25%;
}

.filt_cont img {
    width: 30px;
}

.filt_cont span {
    margin: 0 9px;
    color: #686868;
    font-size: 14px;
}

.sewerrrrd {
    font-size: 18px;
    font-weight: bold;
}

.style_table_block_aa .p-datatable .p-column-title {
    line-height: 1;
    font-size: 12px !important;
}

.style_table_block_aa .p-datatable .p-datatable-thead>tr>th {
    padding: 5px !important;
}

.Alert_style_page .display_flex_style_iv {
    padding: 4px 15px !important;
    margin-top: -13px !important;
}

.style_deleledd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_deleledd .filt_cont {
    min-width: 35%;
}

.style_deleledd .filt_cont span {
    color: #000;
}

.style_deleledd .sewerrr_ss {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

.ph14 .sewerrr_ss {
    background: var(--color-plan);
}

.ph15 .sewerrr_ss {
    background: var(--dark-green);
}

.ph16 .sewerrr_ss {
    background: var(--color-rad);
}

.ph17 .sewerrr_ss {
    background: var(--color-lab);
}

.ph18 .sewerrr_ss {
    background: var(--background-menu);
}

.con_syle_b .p-accordion .p-accordionheader a>span {
    position: absolute;
    left: 10px;
    transform: rotate(180deg);
    top: 27%;
}

.con_syle_b .p-accordion .p-accordionheader a {
    position: relative;
    padding: 6px 12px;
}

.con_syle_b .p-accordion .p-accordioncontent-content {
    border-radius: 0px !important;
}

.con_syle_b .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a .filt_cont span {
    color: #fff !important;
}

.con_syle_b .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a .filt_cont span {
    color: #fff !important;
}
.con_syle_b .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a .filt_cont img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.con_syle_b .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a .filt_cont img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.table_cont_seww .p-datatable .p-datatable-thead>tr>th {
    background-color: #D3F1FC !important;
    padding: 7px !important;
}

.table_cont_seww .p-datatable .p-datatable-thead>tr>th .p-column-title {
    color: var(--background-menu) !important;
}

.table_cont_seww .p-datatable table,
.table_cont_seww table.table {
    border-collapse: inherit !important;
    border-spacing: 0 !important;
}

.table_cont_seww .p-datatable .p-datatable-thead>tr {
    border-radius: 0px !important;
    box-shadow: 0 0 0px #eaeaea;

}

.table_cont_seww .p-datatable .p-datatable-tbody>tr {
    box-shadow: 0 0 0px #eaeaea;
    overflow: hidden;
}

.table_cont_seww .p-datatable .p-datatable-tbody>tr td:first-child,
.table_cont_seww .p-datatable .p-datatable-thead>tr>th:first-child {
    border-radius: 0 0px 0px 0 !important;
}

.table_cont_seww .p-datatable .p-datatable-tbody>tr>td {}

.table_cont_seww .p-datatable .p-datatable-tbody>tr:nth-child(even) {
    background-color: #d3f1fc24 !important;
}

/*=====*/
.block_cont_1_st {
    background: #E2ECF2;
    border-radius: 10px;
    padding: 10px;
}

.title_top_dddd {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    margin: 0px 0 11px;

}

.block_cont_1_st .style_flex_box_1_ss {
    padding: 15px 0px 5px !important;
    border: 1px solid #fff !important;
    box-shadow: 0 0 10px #dfdfdf !important;
    margin: 0 0px 20px !important;
    background: #ffffff80 !important;
}

.width_100_srtylrr .style_drop_input_flex11 .checkbox_style_pop_d {
    margin-top: 5px !important;
}

.width_100_srtylrr .style_drop_input_flex11 .checkbox_style_pop_d {
    margin-top: 5px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uyuuuuuuu {
    justify-content: center !important;
}

.uyuuuuuuu .style_edite_la img {
    width: 26px !important;
}

.backstyl_ffc {
    background: #D1F4FF !important;
    color: var(--background-menu);
}

.stykle_vvv img {
    width: 26px;
}

.stykle_vvv label {
    font-weight: bold;
    font-size: 15px;
    color: #000;
    margin: 0 10px;
}

.styel_wssddww {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
}

.styel_wssddww .blocks_buttons_swwq {
    margin-top: 0 !important;
    margin-inline-start: 8px;
    cursor: pointer;
}

.block_cont_2_st .display_flex_style_iv {
    padding: 2px 5px !important;
    margin-bottom: 0px !important;
}

.srtlkuuuu {
    padding: 0px 0px !important;
    border-bottom: 0 solid #ccc !important;
}

.srtlkuuuu .p-checkbox .p-checkbox-box:not(.p-disabled) {
    background: #f9f9f9;
    border-color: #cfcfcf !important;
}
.chronic_diseases_title {
    padding: 3px 15px;
    margin-inline-end: 6px;
    background: var(--color-lab);
    color: #fff;
}
/*========*/
.style_lab_pop_new.p-dialog {
    width: 92% !important;
    top: 10px;
    height: calc(100vh - 20px);
}

.style_lab_pop_new.p-dialog .p-dialog-content {
    max-height: 100% !important;
    overflow-y: auto;
}

.style_lab_pop_new.p-dialog .p-dialog-header {
    background: #DEE5E7 !important;
}

.style_lab_pop_new.p-dialog .p-dialog-header .imgheadername span {
    font-weight: bold !important;
}

.style_lab_pop_new.p-dialog .p-dialog-header .imgheadername img {
    width: 23px !important;
}

.strrert {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    padding-inline-start: 10px;
}

.strrert .style_icons_plus_new {
    flex: 2;
}

.g_style {
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    background: #fff;
}

.style_lab_ready {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #dbe7f4ab;
    padding: 10px 13px;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.style_lab_ready img,
.style_lab_qq img {
    width: 25px;
    margin-inline-end: 10px;
}

.style_lab_ready span,
.style_lab_qq span {
    font-size: 16px;
    font-weight: bold;
}

.new_style_lab_ul .selc_one_item:nth-child(even) {
    background: #daf5ff73 !important;
    border-bottom: 1px dotted #e9f9ff80 !important;
    border-top: 1px solid #d8f0f959;
}

.new_style_lab_ul,
.style_cont_selected.style_selc_div {
    height: 57vh !important;
    margin-top: 0 !important;
    overflow-y: auto;
}

.style_ch img {
    width: 34px;
    margin-inline-end: 9px;
}

.style_ch label {
    font-size: 14px !important;
}

.top_data_sttt {
    display: flex;
    align-items: top;
    justify-content: space-between;
}

.data_box_1_st {
    flex: 1;
    margin-inline-end: 10px;
}

.data_box_2_st {
    flex: 2;
}

.style_cont_selected {
    padding: 20px;
}

.all_sel_check_box .textalertp_diagno {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_sel_check_box .selc_one_item {
    border-bottom: 0 !important;
    margin-bottom: 10px;
}

.all_sel_check_box .selc_one_item .field-checkbox {
    display: flex;
    align-items: center;
    justify-content: start !important;
}

.all_sel_check_box .selc_one_item .field-checkbox label {
    font-size: 14px !important;
    margin-inline-start: 10px;
}

.g_style .p-checkbox .p-checkbox-box {
    width: 25px !important;
    height: 25px !important;
}

.sreeer {
    margin-inline-end: 10px;
    font-size: 15px !important;
}

.padding_st_rr {
    padding: 6px 10px !important;
}

.medical_nots_style {
    background: #D9F5FF;
    margin-top: 13px;
    padding: 8px 20px 10px;
    border-radius: 10px;
    border: 1px solid #93D4EB;
}

.stlye_top_h5 {
    padding-bottom: 10px;
    margin-bottom: 11px;
    border-bottom: 1px solid #dbdbdb;
}

.stlye_top_h5 span {
    color: var(--background-menu);
    font-size: 14px;
    font-weight: bold;
    margin-inline-start: 10px;
}

.rextarea_style_d textarea {
    box-shadow: 0 0 10px #f1f1f17d !important;
}

.medical_o_style {
    background: #FFF8EE;
    margin-top: 13px;
    padding: 12px 20px;
    border-radius: 10px;
    border: 1px solid #FCC983;
}

.stlye_top_h5_or {
    border-bottom: 1px solid #f1dabc;
    padding-bottom: 8px;
}

.stlye_top_h5_or span {
    color: var(--color-plan);
    font-size: 14px;
    margin-inline-start: 10px;
}

.style_lab_o_det span {
    font-weight: bold;
}

.style_lab_qq {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #DBE7F4;
    padding: 10px 13px;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.style_back_ddsss {
    background: #FAFAFA !important;
}

.style_details_lab_d {
    padding: 12px;
    min-height: 90%;
}

.style_details_lab_d .details-block-diagno {
    box-shadow: 0 0 10px #ccc;
    padding: 6px 10px;
    border-radius: 10px;
    background: #fff;

}

.style_details_lab_d .style_new_text_bb span {
    color: #000 !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

.style_details_lab_d .style_date_new_a {
    font-size: 13px !important;
}

.style_nots_2_blocks {
    display: flex;
    align-items: top;
    justify-content: space-between;
}

.history_lab_sel {
    background: #D1FCFC !important;
    border: 1px solid #90CAD5 !important;
}

.history_lab_sel .stlye_top_h5 span {
    color: #17A8A3 !important;
}

.style_two_ddd,
.style_rad_sel_true,
.true_false {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.but_his_lab {
    display: inline-block;
    padding: 7px 9px;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    background: #17A8A3;
    border-radius: 10px;
}

.text_q_1 span {
    font-weight: bold;
}

.true_false .selc_one_item {
    border-bottom: 0 !important;
    margin-inline-start: 10px !important;
}

.style_rad_sel_true {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 3px;
    margin-bottom: 1px;
}

.style_rad_sel_true .selc_one_item .field-checkbox label {
    font-size: 14px !important;
}

.style_lab_pop_new_rad11.p-dialog {
    width: 96% !important;
    top: 10px;
    height: calc(100vh - 20px) !important;
}

.style_sssdd {
    flex: 2;
    margin-inline-end: 6px;
}

.history_lab_sel {
    flex: 1;
}

.style_two_ddd .stlye_top_h5 {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.style_two_ddd {
    margin-bottom: 10px;
}

.style_lab_pop_new_rad11.p-dialog .p-dialog-content {
    max-height: 100% !important;
    overflow-y: auto;
}

.style_gap_ww .all_sel_check_box {
    column-count: 4 !important;
}

.style_lab_pop_new_rad11.p-dialog .p-dialog-header,
.style_lab_pop_new.p-dialog .p-dialog-header {
    border-radius: 10px 10px 0 0 !important;
}

.style_flex_box_s {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px !important;
}

.style_flex_box_s .no_lable_st {
    padding: 6px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0 0 10px #bbb;
    cursor: pointer;
}

.style_flex_box_s .no_lable_st img {
    width: 20px !important;
    margin-inline-end: 0 !important;
}

.style_pop_sec_st.p-dialog {
    width: 85% !important;
    top: 30px;
    height: calc(100vh - 60px) !important;
}

.style_add_serv {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    column-gap: 3px;
}

.style_add_serv .blocks_buttons_swwq {
    margin-top: 0 !important;
    margin-inline-start: 10px !important;
    padding: 8px 20px !important;
    cursor: pointer;
}

.style_n_wqqq {
    background: #ffffff !important;
    margin-top: 20px !important;
    padding: 11px 20px 12px !important;
}

.style_add_serv .p-inputtext {
    background: #f5f5f5 !important;
    font-weight: bold;
    font-size: 14px !important;
    padding: 7px !important;
}

.style_color_tabs .style_text_ff {
    font-size: 13px !important;
    font-weight: bold;
}

.input-sty {
    display: inline-block;
    vertical-align: top;
    margin-inline-start: 10px;
}

.style_search_ewww {
    width: 30%;
}

.style_search_ewww .p-input-icon-left {
    width: 100%;
}

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

.style_eweeee {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tab_conts_1 {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
}

.style_lable_sssaaa .strrertt {
    margin-bottom: 6px !important;
}

.padding_00_st {
    padding: 0px !important;
}

.style_back_filter_1 {
    box-shadow: 0 0 10px #f1f1f1 !important;
    background: #D3F1FC !important;
    padding: 14px 15px !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
}

/*=================================*/
.flex_space_between {
    justify-content: space-between !important;
}

.style_plus_qqq {
    color: #fff;
    font-size: 15px;
    width: 25px;
    height: 25px;
    background: var(--background-menu);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 10px #f5f5f5;
    cursor: pointer;
}

.stle_add_delete_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border: 1px solid #e3e3e3; */
    border-radius: 10px;
    /* border-bottom: 1px solid #ccc !important; */
    margin-bottom: 15px !important;
    box-shadow: 0 0 10px #ebebeb;
    padding: 10px !important;
}

.style_colum_gap {
    column-gap: 15px !important;
}

.flex_space_between {
    position: relative;
}

.style_div_scearch_st {
    position: absolute;
    z-index: 8;
    top: 100%;
    width: 96%;
    right: calc(2%);
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

.style_marg_ddd {
    margin-top: 0px !important;
    padding: 7px !important;
    box-shadow: 0 0 10px #ccc;
}

.style_marg_ddd .p-inputtext {
    background: #ffffff !important;
    font-size: 13px !important;
}

.style_marg_ddd .stlye_top_h5 {
    padding-bottom: 4px !important;
    margin-bottom: 6px !important;
}

.style_marg_ddd .style_add_serv {
    width: 100% !important;
}

.style_marg_ddd .style_add_serv .blocks_buttons_swwq {
    padding: 8px 10px !important;
}

/*=====================*/
.style_dde_flex_33 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.style_block_box_1 {
    width: 80%;
    display: flex;
    align-items: center;
}

.but_print_style {
    padding: 10px;
    text-align: center;
    margin: auto;
    color: #fff;
    font-size: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    box-shadow: 0 0 10px #e5e5e5;
}

.width_sec_pop_70.p-dialog {
    width: 75%;
    top: 50px;
}

.width_sec_pop_70.p-dialog .p-dialog-content {
    background-color: #ffffff !important;
}

.style_all_btn_new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 4px !important;
}

.pop_style_attch_ww {
    flex: inherit;
    padding: 5px 18px;
}

.style_n_g_t {
    margin-bottom: 0;
    border-bottom: 0 !important;
}

.style_n_g_t span {
    font-size: 14px !important;
}

.but_state_style {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.style_span_but_q {
    padding: 9px 25px;
    background: #ebebeb;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.style_nurm {
    background: var(--dark-green);
    color: #fff !important;
}

.style_nurm_un {
    background: var(--background-menu);
    color: #fff !important;
}

.style_deng {
    background: var(--color-lab);
    color: #fff !important;
}

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

.enter_comment_style {
    background: #f6f6f6;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
}

.enter_comment_style label {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 4px;
}

.but_save_bb .but_print_style {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 25px;
    font-weight: bold;
    font-size: 14px;
}

.enter_comment_style textarea {
    font-weight: bold;
    font-size: 14px;
}

.style_serv_n_pop .but_print_style {
    margin-top: 0px;
    padding: 7px 25px;
    display: flex !important;
    align-items: center;
}

.but_save_bb {
    margin-top: 10px;
}

/*====================*/
.stors_new_tab_t .style_span_r {
    margin-inline-start: 0px !important;
}

.stors_new_tab_t .style_span_rq {
    height: 35px !important;
}

.icon_style_hover_div a {
    padding: 4px;
    display: block;
}

.icon_style_hover_div {
    position: relative;
}

.icon_style_hover_div .div-action {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    transform-origin: top right;
    inset-inline-end: 0;
    z-index: 2;
    background-color: #fff;
    display: flex;
    padding: 7px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);

    display: block;
}

.icon_style_hover_div .div-action a:hover ,body .left_corner .icon_style_hover_div .div-action a:hover {
    background-color: rgba(0, 102, 255, 0.1);
}

.icon_style_hover_div:hover .div-action ,body .left_corner .icon_style_hover_div:hover .div-action{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    display: block;
    min-width: 140px;
    background-image: linear-gradient(to bottom, #0d809f, #0d89aa, #08b0df);
    padding: 0 !important;
     inset-inline-start: auto;
}

.but-delete {
    background: var(--color-lab);
    color: #fff;
    padding: 7px 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    box-shadow: 0 0 10px #dfdfdf;
    cursor: pointer;
    gap:5px;
}

.style_flex_n_box_3 {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 !important;
    padding-inline-start: 14px !important;
    margin-inline-end: 0px !important;
    margin-top: 24px !important;
}

.style_flex_n_box_3 .style_icon_hov {
    font-size: 20px;
    margin: 0;
    padding: 3px 0;
}

.style_flex_n_box_3 .block2width label {
    margin-bottom: 0px !important;
    margin-inline-start: 5px !important;
}

.style_flex_n_box_3 .but-serchpatients {
    margin: 0 5px !important;
}

.style_flex_n_box_3 .but-serchpatients label {
    margin-bottom: 0 !important;
    margin-inline-start: 0 !important;
}

.style_pri {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 13px;
}

.style_flex_n_box_3 .but-serchpatients {
    flex: 1;
}

.styl_sp {
    font-size: 13px;
    font-weight: bold;
}

.cha_color {
    background: var(--background-menu) !important;
    cursor: pointer;
}

.style_pri a {
    background: #fff !important;
    display: flex;
    align-items: center;
}

.style_icons_lables_12 {
    padding-top: 12px !important;
}

.style_pri {
    cursor: pointer;
}

.style_pri label {
    font-size: 13px;
    font-weight: bold;
}

.no_background_fff_1 {
    background: #fff !important;
}

.style_n_wid_100 {
    width: 100% !important;
}

.style_n_wid_100 .p-inputtext {
    background: #fff !important;
}

.style_f_22 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    margin-top: 6px;
    border-top: 1px solid #e7e7e7;
}

.style_textarea_sss textarea {
    border: 1px solid #efefef !important;
    border-radius: 6px !important;
    position: relative;
    height: 35px;

}

.style_cent_w {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

.stl_block_1 {
    width: 24%;
}

.widddkdkdk img {
    width: 25px !important;
}

.style_table_block_aa_new .p-calendar.p-calendar-w-btn .p-inputtext,
.style_table_block_aa_new .styeweerrtt .p-inputtext,
.style_table_block_aa_new .stylrlrk.p-dropdown.p-component {
    background: #f9f9f9 !important;
}

.div_style_co .field-radiobutton {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
    color: #515151;
}

.style_div_qqq.p-dialog .p-dialog-content {
    background-color: #f9f9f9 !important;
}

.sjrjrriri span {
    font-size: 15px;
    font-weight: bold;
    color: var(--background-menu);
}

.style_two_box_down {
    min-width: 240px !important;
    padding: 10px 17px !important;
}

.style_two_box_down .style_pri {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
    padding: 6px 12px;
    transition: all .5s ease-in-out;
}

.style_two_box_down .style_pri:hover {
    background: var(--color-plan) !important;
}

.style_pri label {
    cursor: pointer;
    transition: all .4s ease-in-out;
    color: #fff;
}

.style_pri label:hover {
    color: var(--background-menu) !important;
    margin-inline-start: 10px !important;
}

.style_padding_12_12 {
    padding: 6px 16px !important;
}

.style_div_in label {
    font-weight: bold;
    font-size: 12px;
    margin-inline-start: 9px;
    margin-bottom: 2px;
}

.style_div_in textarea {
    width: 100% !important;
}

.no_style_header_1 .p-datatable-footer {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
}

.all_total_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.price_box_1_style {
    flex: 1;
    text-align: center;
    margin: 5px;
    border-radius: 10px 10px 0 0;

}

.price_box_1_style h5 {
    border-radius: 10px 10px 0 0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 7px !important;

}

.price_box_1_style span {
    font-size: 17px;
    margin-bottom: 10px;
    display: inline-block;
}

.style_color_back_1 {
    border: 1px solid #ffe6e69c;
}

.style_color_back_1 h5 {
    background: #ffe6e69c;
    padding: 4px;
}

.style_color_back_1 span {
    color: #F94B4B;
}

.style_color_back_2 {
    border: 1px solid #caecfe70;
}

.style_color_back_2 h5 {
    background: #caecfe70;
    padding: 4px;
}

.style_color_back_2 span {
    color: #1ED0F3;
}

.style_color_back_3 {
    border: 1px solid #FFF7E9;
}

.style_color_back_3 h5 {
    background: #FFF7E9;
    padding: 4px;
}

.style_color_back_3 span {
    color: #dca03b;
}

.style_color_back_4 {
    border: 1px solid #b4f7e55e;

}

.style_color_back_4 h5 {
    background: #b4f7e55e;
    padding: 4px;
}

.style_color_back_4 span {
    color: #00BC8B;
}

.style_color_back_5 {
    border: 1px solid #2da2d129;
}

.style_color_back_5 h5 {
    background: #2da2d129;
    padding: 4px;
}

.style_color_back_5 span {
    color: var(--background-menu);
}

.box_save_but {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    text-align: left;
    width: 100%;
    box-shadow: 0 0 10px #e5e5e5;
    padding: 5px 14px;
}

.no_background_fff_1 {
    margin-bottom: 30px;
}

.box_save_but span {
    display: inline-block;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: bold;
}

.n_p_10 {
    padding: 14px !important;
}

/*=========*/
.styl_plus_i {
    display: flex;
    width: 25px;
    height: 25px;
    background: var(--dark-green);
    color: #fff;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
}

.style_new_select_tabs .active_sel_n {
    background-image: linear-gradient(to top, #FF9335, #FF9335) !important;
}

.style_new_select_tabs .active_sel_n::after {
    border-top: 8px solid #FF9335 !important;
}

.style_new_select_tabs .stylepadiing_new .p-inputgroup .p-inputtext:not(:last-child) {
    height: 29px !important;
}

/*=================*/
.style_width_99 {
    width: 97%;
    margin: 0 auto;
}

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

.style_drop_search_ta {
    margin-bottom: -4px;
}

.two_span_textar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 2;
}

.style_bae {
    background: #ffe6e69c;
    text-align: center;
    color: #e13232;
    padding: 8px 15px;
    font-weight: bold;
    border-radius: 7px;
    margin-inline-end: 10px;
    font-size: 13px;
}

.style_n_but_o_m {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.style_text_stttt {
    width: 70%;
}

.style_text_stttt textarea {
    box-shadow: 0 0 10px #e9e9e9;
    padding: 5px 10px;
    height: 38px;
    width: 100%;
}

.style_table_v_nn .p-datatable-row-expansion {
    background: #f9f9f9 !important;
}

.style_but_noo {
    padding: 12px 3px;
}

.filter_search_block_border {
    padding: 8px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #b3e9e4;

}

.style_flex_55 {
    flex: .5 !important;
    margin-top: 13px !important;
}

.box_search_aaa .p-dropdown.p-component.p-unselectable-text,
.box_search_aaa .p-inputtext {
    width: 100%;
}

.box_search_aaa .stylelabel_search {
    font-size: 12px !important;
}

.flex_2_st {
    flex: 2 !important;
}

.but_order_basic {
    border: 1px solid var(--dark-green);
    background: #fff !important;
}

.but_order_basic label {
    color: var(--dark-green) !important;
}

.but_order_mon_basic label {
    color: var(--color-plan) !important;
}

.but_mon_basic label {
    color: var(--background-menu) !important;
}

.but_mon_basic {

    border: 1px solid var(--background-menu);
    background: #fff !important;
}

.but_order_mon_basic {

    border: 1px solid var(--color-plan);
    background: #fff !important;
}

.but_mon {
    background: var(--background-menu) !important;
    color: #fff !important;
}

.but_mon label,
.but_order label,
.but_order_mon label {
    color: #fff !important;
}

.but_order {
    background: var(--dark-green) !important;
    color: #fff !important;
}

.but_order_mon {
    background: var(--color-plan) !important;
    color: #fff !important;
}

.but_mon_basic img {
    filter: invert(14%) sepia(55%) saturate(4151%) hue-rotate(211deg) brightness(98%) contrast(96%);
}

.but_order_basic img {
    filter: invert(40%) sepia(98%) saturate(673%) hue-rotate(140deg) brightness(101%) contrast(92%);
}

.but_order_mon_basic img {
    filter: invert(67%) sepia(31%) saturate(971%) hue-rotate(338deg) brightness(100%) contrast(96%);
}

.but_mon img,
.but_order img,
.but_order_mon img {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

.box_search_aaa .p-inputtext {
    width: 91% !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.style_tit_nm .title_img_attach {
    margin-bottom: 4px !important;
    padding-bottom: 6px !important;
}

.style_drop_search_ta .style_serv_ggg {
    flex: 1;
}

.style_drop_search_ta .style_n_but_o_m {
    flex: 1;
}

.style_table_v_nn .p-datatable .p-datatable-thead>tr>th {
    font-size: 12px !important;
}

.style_table_v_nn .name-image .item h4 {
    font-size: 12px !important;
}

.style_table_v_nn .style_num_nnn {
    font-size: 12px !important;
    font-weight: bold;
    display: block;
}

.style_table_v_nn .style_num_nurmal {
    font-size: 12px !important;
    font-weight: normal;
    display: block;
}

.style_table_v_nn span.p_st_span {
    padding: 0 2px !important;
    font-size: 13px !important;
}

.style_back_input_drop {
    background: #f9f9f9 !important;
    text-align: center;
}

.style_back_input_drop .p-inputtext {
    background: #f9f9f9 !important;
    text-align: center;

}

.styeweerrtt.style_back_input_drop {
    width: 55px;
}

.style_n_wid_aa {
    width: 25px;
}

.style_table_v_nn .p-row-toggler {
    width: 1.4rem !important;
    height: 1.4rem !important;
    background: var(--background-menu) !important;
    font-size: 14px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_table_v_nn .p-row-toggler .pi-chevron-right:before {
    content: "\E90F" !important;
}

.style_table_v_nn .p-row-toggler .pi-chevron-down:before {
    content: "\E90D" !important;
}

.cash_active {
    background-color: #CFF2FF !important;
    border: #0EB2F2 !important;
}

.order_active {
    background-color: #2be8b726 !important;
    border: #2be8b726 !important;
}

.cash_order_active {
    background-color: #f7e6cd !important;
    border: #f7e6cd !important;
}

.top_search_box_2 {
    background: #D0F2FD;
    padding: 4px;
    border-radius: 10px;
    margin-bottom: 7px;
    border: 1px solid #99DAEF;
}

.title_icon_ser {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 4px;
    margin-bottom: 3px;
}

.title_icon_ser img {
    width: 25px;
}

.title_icon_ser span {
    font-weight: bold;
    color: var(--background-menu);
    margin-inline-start: 6px;
}

.box_ser_st label {
    font-size: 12px;
    font-weight: bold;
    color: var(--background-menu);
    margin-bottom: 2px;
}

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

.style_size_sss {
    font-size: 12px;
    font-weight: bold;
}

.Medical_r {
    margin: 0 2px;
}

.Medical_r img {
    width: 27px !important;
    cursor: pointer;
}

.style_width_24 {
    width: 27px !important;
}

.box_ser_st .styleinput-div .p-inputgroup .p-inputtext:not(:last-child) {
    height: 34px !important;
    border-radius: 6px !important;

}

.style_save_but_a {
    margin-top: 18px;
}

.box_tabs_com .style_flex_content span {
    font-size: 13px !important;
    height: 38px !important;
    line-height: 30px !important;
    background: #F0F0F0 !important;
    border: 1px solid #e7e7e7 !important;
    color: #8c8c8c !important;
    display: inline-block !important;
    text-align: center;
    min-width: 200px !important;
}

.box_tabs_com .style_flex_content {
    display: inline-block !important;
    width: 100%;
}

.box_tabs_com .style_flex_content .active_tab_selected {
    background: var(--dark-green) !important;
    color: #fff !important;
}

.box_tabs_com .select_span_style {
    margin: 0 !important;
    margin-inline-end: 7px !important;
}

.box_cont_tabs {
    background: #fff;
    padding: 10px;
    border: 1px solid #ececec;
}

.tp_title {
    background: #E2ECF2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 10px 4px 10px;
    border: 1px solid #E6E6E6;
}

.img_tet_st img {
    width: 25px;
}

.img_tet_st span {
    font-weight: bold;
    margin-inline-start: 8px;
    color: #000;
}

.tp_title .img_tet_st {
    flex: 1;
}

.box_style_ser_nn {
    flex: 1;
}

.box_cont_table_st {
    flex: 2;
}

.box_cont_table_st {
    border: 1px solid #DDDADA;
}

.style_serv_qq {
    background: #F3FAFF;
    padding: 0 10px;
}

.tabs_s_new_4 {
    background: #E2ECF2;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab_o_style {
    flex: 1;
    background: #fff;
    border: 1px solid #DFDFDF;
    border-radius: 7px;
    text-align: center;
    padding: 7px;
    position: relative;
    margin: 3px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 0 10px #f7f7f7;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab_o_style span {
    color: #767676;
}

.tab_o_style label {
    width: 18px;
    display: inline-block;
    height: 18px;
    text-align: center;
    background: #E9F1F6;
    border-radius: 50%;
    line-height: 18px;
    box-shadow: 0 0 10px #e5e5e5;

}

.box_style_ser_nn .styleinput-div .p-inputgroup .p-inputtext:not(:last-child) {
    height: 33px !important;
}

.box_style_but_nn_st {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.box_style_but_nn_st span {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    margin: 0px 3px;
    min-width: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;

}

.box_style_but_nn_st span img {
    width: 15px !important;
    margin-inline-end: 7px;
}

.strkrkrk {
    width: 22px !important;
}

.style_send {
    background: var(--background-menu);
}

.style_accept {
    background: var(--dark-green);
}

.style_refuse {
    background: var(--background-cancel);
}

.general_st {
    font-size: 11px;
    font-weight: bold;
    background: white;
    border: 1px solid #ebebeb;
    display: flex;
    border-radius: 6px;
    padding: 3px 7px;
    justify-content: center;
    align-items: center;
}

.general_ststt {
    font-size: 12px;
    font-weight: bold;
    background: white;
    border: 1px solid #ebebeb;
    display: inline-block;
    border-radius: 6px;
    padding: 5px 10px;

}

.approve_stt {
    background: var(--color-plan);
    color: #fff !important;
}

.style_table_no_back .p-datatable .p-datatable-thead>tr>th,
.style_table_no_back .p-datatable .p-datatable-thead>tr>th .p-sortable-column-icon {
    font-size: 12px !important;
    padding: 1px 4px !important;
}

.activeTab_11 {
    background: var(--color-plan) !important;
}

.activeTab_11 label {
    background: #fff !important;
    color: var(--color-plan) !important;
}

.activeTab_11 span {
    color: #fff !important;
}

span.style_p {
    font-size: 12px;
    color: #8f8f8f;
    font-weight: bold;
}

.style_sttttt {
    font-weight: bold;
    font-size: 12px !important;
    color: #8f8f8f;
}

.chat_active_sen {
    position: relative;
}

.chat_active_sen img {
    width: 28px !important;
    cursor: pointer;
}

.chat_active_sen span {
    position: absolute;
    right: 0px;
    width: 14px;
    height: 14px;
    background: var(--color-lab);
    color: #fff;
    text-align: center;
    font-size: 10px;
    top: -4px;
    border-radius: 50%;

}

.style_i_icons img {
    width: 18px !important;
    cursor: pointer;
}

.style_table_no_back .name-image .item h4 {
    font-size: 12px !important;
}

.chat_comp {
    position: fixed;
    left: -100%;
    z-index: 2;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    background: #fff;
    border: 1px solid #ccc;
    width: 340px;
    transition: all .6s ease-in-out;

}

.showchat {
    left: 40px !important;
}

.chat_top_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 15px;
    background: var(--color-rad);
    border-radius: 10px 10px 0 0;

}

.chat_top_header .style_div_ico img {
    margin-inline-end: 10px;
}

.close_i_n {
    color: #fff;
    cursor: pointer;
}

.style_n_22 {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.cont_send_chat {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 10px;
}

.cont_send_chat img {
    margin-inline-end: 10px;
    width: 30px;
}

.cont_send_chat .style_massege {
    background: #F7F8F8;
    border: 1px solid #F6F6F6;
    width: 76%;
    padding: 4px 7px 1px;
    position: relative;
    border-radius: 7px;
}

.cont_send_chat .style_massege h5 {
    color: #6B58CA;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0;
}

.cont_send_chat .send_massege {
    display: block;
    font-weight: bold;
    font-size: 12px;
}

.style_cont_chat {
    padding: 10px;
    height: 233px;
    overflow-y: auto;
}

.chat_time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 11px;
    color: #9D9C9C;
}

.style_input_chat_send {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 95%;
    margin: 5px auto;
    border-top: 1px solid #dedede;
    padding: 3px 13px 3px;
}

.style_input_chat_send .p-inputtext {
    flex: 2;
    background: #F6F6F6;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 4px 14px;
    box-shadow: 0 0 8px #f0f0f0;
}

.style_icon_chat_send {
    background: var(--color-rad);
    padding: 5px 7px;
    margin-right: -12px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 8px #f0f0f0;
}

.style_ser_aaaaa span {
    font-weight: bold;
}

.syle_in_t .style_search_s .p-inputtext {
    background: #fff !important;
}

.syle_in_t label {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 12px;
}

.syle_in_t {
    margin-bottom: 10px;
}

.style_upload_stt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 6px 10px;
    border: 1px dotted #ccc;
    border-radius: 7px;
}

.style_up_ppp {
    position: relative;
}

.style_p_up {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.style_box_uploud {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_box_uploud img {
    width: 29px !important;
}

.styleww_qq {
    margin-inline-start: 10px;
}

.styleww_qq h5 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 2px;
}

.styleww_qq span {
    color: #7C7373;
    font-size: 12px;
}

.btn_st_uploud_s {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0EB2F2;
    color: #0EB2F2;
    border-radius: 6px;
    padding: 4px 13px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.btn_st_uploud_s img {
    width: 17px !important;
    margin-inline-end: 7px;
}

.styl_text_area textarea {
    display: block;
    width: 100%;
    border: 1px solid #f0f0f0;
    padding: 5px 10px;
    border-radius: 7px;
}

.syle_in_t .p-dropdown.p-component.p-unselectable-text {
    height: 34px !important;
}

.style_img_eee {
    padding: 4px 20px 9px !important;
}

.style_img_eee img {
    width: 17px !important;
}

.serve_com .p-checkbox .p-checkbox-box {
    border: 1px solid #cacaca !important;
    width: 16px !important;
    height: 16px !important;
}

.serve_com .p-checkbox .p-checkbox-box .p-checkbox-icon {
    font-size: 13px !important;
}

.style_width_100_aa .style_wwewre {
    width: 100% !important;
}

.style_flex_2_st .p-dropdown.p-component.p-unselectable-text {
    flex: 2;
}

.style_flex_2_st .style_wwewre {
    flex: 2;
}

/*==============*/
.style_wid_font_ss span.p_st_span {
    padding: 0 5px !important;
    font-size: 13px;
    display: block;
}

.style_wid_font_ss .blocks_buttons_st span {
    padding: 4px 5px 3px 10px !important;
}

.style_two_t_aaa {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wait_style {
    color: var(--color-plan) !important;
}

.style_flex_2222 {
    flex: 2 !important;
}

.style_flex_2222 textarea {
    width: 100% !important;
}

.sty_nu_end {
    justify-content: space-between !important;
}

.style_back_st_next {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.style_back_st_next span {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 6px;
    display: inline-block;
    cursor: pointer;
}

.style_t_back {
    background: #fff;
    color: var(--background-menu);
    border-radius: 6px;
    /* color: #000; */
    padding: 7px;
    border: 1px solid var(--background-menu);
}

.style_t_next {
    background: #fff;
    color: var(--background-menu);
    border-radius: 6px;
    /* color: #000; */
    padding: 7px;
    border: 1px solid var(--background-menu);
}

.style_div_pr {
    position: relative;
}

.style_tabs_lab_www .select_span_style {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.style_recive_lab_search {
    background: var(--sec_color) !important;
    padding: 6px 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.style_he_m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 4px;
}

.style_he_m .style_h_new span {
    font-size: 14px;
    font-weight: bold;
    margin-inline-start: 7px;
}

.style_receive_lab .style_emergency_new {
    padding: 7px;
    background: #fff;
    border-radius: 6px;
    min-height: 60vh;
}

.two_btn_st_lab .style_emergency_new5 .changecolor-table .stykrkrk {
    background-color: transparent !important;
}

.stylefleee {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 0px;
    padding-bottom: 6px;
}

.stylefleee .top_title_new_ee {
    border-bottom: 0px solid #e1e1e1 !important;
    margin-bottom: 0px !important;
    padding-bottom: 6px !important;
}

.style_but_2_stt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.two_btn_st_lab .p-card .p-card-body {
    padding: 11px !important;
}

.style_but_2_stt span {
    padding: 4px 7px;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #f9f9f9;
    border-radius: 7px;
    margin: 0 1px !important;
    cursor: pointer;
}

.style_new_ssaa {
    background: var(--background-menu);
    color: #fff;
}

.style_new_ssaa_1 {
    background: var(--dark-green);
    color: #fff;
}

.style_s_nbb {
    font-weight: bold;
    font-size: 13px;
}

.out_style_bt {
    display: inline-block;
    background: #fff;
    border: 1px solid var(--background-menu);
    padding: 3px 7px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 10px;
    color: var(--background-menu);
}

.style_print_barcode {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

span.bar_c_st {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    background: var(--dark-green);
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;
}

.stye_withdr {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    background: var(--background-menu);
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;
    margin-inline-end: 7px;
}

.style_w_n_60_pop.p-dialog {
    width: 40% !important;
}

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

.style_count_stt .p-inputtext {
    flex: 1 !important;
    margin-inline-end: 5px;
    text-align: center;
}

.style_count_stt .p-dropdown.p-component.p-unselectable-text {
    flex: 1 !important;
    text-align: center;
}

.style_text_pop_aa {
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.style_text_pop_aa .style_aaa .style_code_111 {
    color: #080808;
    font-size: 13px !important;
    /* margin-inline-start: 8px; */
    font-weight: bold;
}

.style_text_pop_aa .style_aaa .style_num_00 {
    color: var(--background-menu);
    font-size: 14px !important;
    margin-inline-start: 8px;
}

.style_wwww_pop {
    margin-bottom: 14px;
}

.style_table_but_state {
    font-size: 10px !important;
    display: inline-block !important;
    padding: 6px !important;
    min-width: 64px !important;
}

.style_table_but_state span img {
    width: 12px !important;
    margin-inline-end: 2px !important;
}

.cont_send_chat2 {
    direction: ltr;
}

.style_icons_plus_new .p-inputtext {
    height: 37px !important;
}

.style_icons_plus_new .style_wwq2 {
    display: none;
}

.tabs_two_sl_but {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.tabs_two_sl_but .style_span_labs_l {
    font-size: 13px !important;
    height: 38px !important;
    line-height: 30px !important;
    background: #F0F0F0 !important;
    border: 1px solid #e7e7e7 !important;
    color: #8c8c8c !important;
    text-align: center;
    margin-inline-end: 7px;
    border-radius: 8px;
    padding: 9px 20px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
}

.tabs_two_sl_but .style_span_labs_l img {
    width: 22px;
    margin: 2px 5px;
    height: 20px !important;
}

.style_lab_r_st_q .active_lab_tabs_1 {
    background: var(--color-plan) !important;
    color: #fff !important;
}

.style_lab_r_st_q .active_lab_tabs_1 img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_lab_r_st_q .active_lab_tabs_1 label {
    color: #fff !important;
}

.p_style_all .tabs_sel_rows {
    margin-top: 0px !important;
}

.p_style_all .filter_search_block_new {
    padding: 0px 3px !important;
}

.p_style_all .input_drop_style {
    margin-top: 8px !important;
}

.p_style_all .tabs_sel_rows {
    align-items: baseline !important;
}

.ready_style_templete .style_top_header_orders {
    padding-top: 5px !important;
    padding-bottom: 4px !important;
}

.ready_style_templete .back_st_nn {
    padding: 0px !important;
    background: transparent !important;
    margin-top: 6px !important;
}

.ready_style_templete .block_style_first_checkbox {
    border-radius: 7px !important;
}

.prive_st_box_ss .filter_search_block_new {
    padding: 3px !important;
}

.prive_st_box_ss .style_top_header_orders {}

.style_img_gu img {
    cursor: pointer;
}

.style_cdeerrrj {
    font-weight: bold;
}

.style_b_b_nn {
    border-bottom: 1px solid #f1f1f1 !important;
    margin: 5px 0 !important;
    padding: 1px 14px !important;
}

.style_b_b_nn .title_img_attach {
    border-bottom: 0 !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.third_tabs_2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.third_tabs_2 .one_tab_style_1 {
    color: #063d92;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 0px;
    padding: 8px 30px;
    background: #fff;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #f9f9f9;
    position: relative;
    height: 40px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.third_tabs_2 .one_tab_style_1 span {
    display: flex;
    vertical-align: middle;
    margin: 0 10px;
    width: 17px;
    height: 17px;
    background: #D8E5F1;
    align-items: center;
    justify-content: center;
    color: #063d92;
    border-radius: 50%;
    font-weight: bold;

}

.third_tabs_2 .one_tab_style_1::before {
    border-bottom: 17px solid rgba(0, 0, 0, 0);
    border-right: 17px solid #fff;
    border-top: 17px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: -16px;
    top: 0px;
    z-index: 2;
    height: 100%;
}

.third_tabs_2 .one_tab_style_1::after {
    border-bottom: 19px solid rgba(0, 0, 0, 0);
    border-right: 19px solid #eee;
    border-top: 19px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: -20px;
    top: 0px;
    z-index: 1;
    height: 100%;
}

.third_tabs_2 .one_tab_style_1.active_steps_tab::after {
    border-bottom: 19px solid rgba(0, 0, 0, 0);
    border-right: 19px solid var(--color-plan);
    border-top: 19px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: -18px;
    top: 0px;
    z-index: 2;
}

/* .third_tabs_2 .one_tab_style_1:last-child::after,
.third_tabs_2 .one_tab_style_1:last-child::before {
    display: none !important;
} */
.third_tabs_2 .one_tab_style_1.active_steps_tab {
    background: var(--color-plan) !important;
    color: #fff !important;
}

.third_tabs_2 .one_tab_style_1.active_steps_tab span {
    color: #fff !important;
    background: var(--color-plan) !important;
    cursor: pointer;
}

.style_follow_stt {
    background: var(--dark-green) !important;
    padding: 6px 10px;
    margin-inline-start: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;

}

.style_save_but_a_style_ss {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_save_but_a_style_ss .cha_color {
    font-size: 12px;
    font-weight: bold;
}

.style_sa_nnn {
    margin: 10px 0 !important;
}

.style_sa_nnn .box_ser_st .styleinput-div .p-inputgroup .p-inputtext:not(:last-child) {
    height: 30px !important;
}

.style_hide_border_div .tabs_s_new_4 {
    display: none;
}

.style_divs_pra .box_cont_table_st,
.style_hide_border_div .style_serv_qq {
    background: #F8F8F8 !important;
}

.style_hide_border_div .style_serv_qq thead.p-datatable-thead {
    background: var(--background-menu) !important;
    color: #fff !important;
    padding: 7px 5px !important;
    border-radius: 0 !important;
}

.style_hide_border_div .style_serv_qq .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--background-menu) !important;
    color: #fff !important;
    padding: 7px 5px !important;
    border-radius: 0 !important;

}

.style_hide_border_div {
    border-right: 1px solid #ccc;
}

.style_hide_border_div .tp_title {
    padding: 7px !important;
}

.style_two_box_p_serv {
    margin-top: 11px;
}

.style_in_boxs {
    background: #e8e8e891;
    padding: 10px;
    border-radius: 8px;
}

.top_img_tex_dd {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 3px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e3e3e3;
}

.top_img_tex_dd img {
    margin-inline-end: 10px;
}

.top_img_tex_dd span {
    font-weight: bold;
}

.box_ser_inputs .box_ser_st .seeeiriri {
    font-size: 11px;
    font-weight: bold;
    color: #0B2F5A;
    margin-bottom: 5px !important;
    margin-inline-start: 9px;
}

.box_ser_inputs .p-inputtext {
    font-size: 12px !important;
    color: #333333 !important;
    border-radius: 6px !important;
}

.box_ser_inputs .box_ser_st textarea {
    width: 100%;
    font-size: 12px !important;
    color: #333333 !important;
    border: 1px solid #f1f1f1 !important;
    border-radius: 6px !important;

}

.style_t_but_s_p {
    margin-top: 10px;
}

.style_t_but_s_p .style_save_but_a_style_ss {
    justify-content: center !important;
}

.style_t_but_s_p .style_follow_stt {
    background: var(--color-plan) !important;
}

.style_tab_2_str .style_serv_qq {
    background: #FFFFFF !important;
}

.style_tab_2_str .name-image .item {
    justify-content: start !important;
}

.style_tab_2_str .name-image .item .stylegender {
    text-align: right !important;
}

.style_tab_2_str .p-datatable .p-datatable-tfoot>tr>td {
    border: 0px solid #c8c8c8 !important;
    background-color: transparent !important;
    text-align: center;
}

.stylecalender_sttt {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #747474;
    font-size: 12px;
    font-weight: bold;
}

.stylecalender_sttt i {
    margin-inline-end: 8px;
}

.style_input_te_x .p-inputtext {
    background: #F5F5F5 !important;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;

}

.style_mon_stt {
    padding: 6px;
    text-align: center;
    box-shadow: 0 0 10px #e9e9e9;
    border-radius: 10px;

}

.style_mon_stt span {
    color: #000;
    display: block;
    font-size: 12px;
}

.style_mon_stt label {
    color: var(--background-menu);
    display: block;
    font-size: 16px;
}

.style_storr_eee .style_deeekkf_0 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--background-menu);
    padding: 2px 10px;
    border-radius: 6px;
    cursor: pointer;
}

.style_storr_eee .style_deeekkf_0 img {
    width: 15px !important;
    margin-inline-end: 5px;
}

.style_storr_eee .style_deeekkf_0 label {
    font-size: 11px;
    font-weight: bold;
    color: var(--background-menu);
}

.box_stor_strr {
    margin-top: 7px;
}

.style_height_nnn {
    height: 77vh;
}

.style_baeeee {
    background: #F8F8F8 !important;
}

.but_fixed_dtt {
    padding: 2px 20px;
}

.person_div_box_ss {
    background: #D8E5F1;
    padding: 10px;
}

.style_n_new_color {
    color: #000 !important;
}

.person_div_box_ss .tp_title {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e9e9e9 !important;
}

.stykle_box_flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.stykle_box_flex .but_add_dtyyy {
    display: flex;
    align-items: center;
    background: var(--dark-green);
    padding: 6px 15px;
    font-weight: bold;
    font-size: 13px;
    margin-inline-start: 8px;
    border-radius: 8px;
    color: #fff;
}

.stykle_box_flex i {
    font-size: 13px;
    margin-inline-end: 10px;
}

.content_table_style_box {
    background: #F4F9FD;
    border-radius: 9px;
    height: 80vh;
    padding: 7px;
}

.state_box_aa .tp_title {
    padding: 6px 10px 5px 10px !important;
}

.style_arrow_open_222 i {
    line-height: 33px;
}

.style_arrow_open_222 {
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 1;
    background: var(--dark-green);
    text-align: center;
    line-height: 27px;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 10px #9f9f9f;
    cursor: pointer;

}

.StatusBTN {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 5px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0 0 10px #ccc;
}

.StatusBTN i {
    margin-inline-end: 1px;
    cursor: pointer;
}

.StatusBTN label {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

.ArrivedClass {
    background: var(--color-yallow);
    color: #fff !important;
}

.CheckInClass {
    background: var(--dark-green);
    color: #fff !important;
}

.CheckOutClass {
    background: var(--background-menu);
    color: #fff !important;
}

.PendingClass {
    background: var(--color-plan);
    color: #fff !important;
}

.CancelledClass {
    background: var(--color-lab);
    color: #fff !important;
}

.style_span_la_nnn {
    color: #fff !important;
    border-radius: 2px !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

.notPAied {
    -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}

.style_postion_ssss .div-action {
    inset-inline-start: -200px !important;
}

.stylw_w_nnnn {
    min-width: 95px;
}

/*==============تعديلات د/ مصطفي==============*/
body .p-inputtext {
    color: #191919 !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.style_new_divs_ss .changecolor-table .p-datatable .p-datatable-thead>tr>th .p-column-title {
    color: #fff !important;
}

.changecolor-table .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--background-menu) !important;
    color: #fff !important;
}

.style_table_no_back .p-datatable .p-datatable-thead>tr>th {
    padding: 6px 4px !important;
}

.header {
    background-image: url(../image/bg-main.png);
    background-size: cover;
    background-color: var(--background-menu) !important;
}

.menu-new .first-menu {
    background-image: url(../image/his-icons/backG1.png);
    background-size: auto;
    background-color: var(--background-menu) !important;
}

.imagefav span {
    color: #fff !important;
}

.imagefav i {
    color: #fff !important;
}

.header .settings-website li a {
    color: #fff !important;
    cursor: pointer;
}

.header a:hover:not(.navbar-brand) {
    background-color: #dcebff4d;
}

.header .settings-website li a {
    padding: 8px !important;
}

.header .settings-website li ul li a {
    color: #000 !important;
}

.header .icon-action a {
    width: 112px;
}

.header .navbar-brand {
    padding: 4px !important;
}

body {
    background-color: #D9E8F7 !important;
}

.top_search_box_2 {
    background: var(--sec_color) !important;
    padding: 7px !important;
    border: 1px solid #CDE6F0 !important;
}

.patient_style_slee .search_patient_res {
    background: var(--sec_color) !important;
}

.style_content_doctor_desk {
    background: #f5faff !important;
}

.title_icon_ser span {
    color: #000000 !important;
}

/*============== انهاء تعديلات د/ مصطفي==============*/

.new_patient_managment_22 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.new_patient_managment_22 .box_doctor_screens {
    width: 100%;
}

.box_doctor_menu {
    height: 90vh;
}

.style_flex_dddd {
    display: flex;
}

.vital_style_block .displayNoNE {
    display: none !important;
}

.style_search_plus_btn .serach_diagnosis {
    padding: 0px 0px !important;
    margin-bottom: 0 !important;
}

.style_search_plus_btn .serach_diagnosis .p-dropdown-label.p-placeholder {
    height: 31px;
    line-height: 29px;
    padding-inline-end: 20px !important;
    color: #0c0c0c !important;
    font-weight: bold;
    font-size: 13px !important;
    padding-inline-start: 15px !important;
    border: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.style_search_plus_btn .serach_diagnosis .style_wwewre {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.style_search_plus_btn .serach_diagnosis .style_wwewre .style_but_plus {
    position: relative !important;
    background: var(--color-plan) !important;
    margin-inline-start: 15px !important;
    border-radius: 5px !important;

}

.style_search_plus_btn .serach_diagnosis .p-dropdown-label.p-inputtext {
    padding-inline-start: 15px !important;
}

.style_h_nnn .stylenew_diagn {
    padding: 0px 0px !important;
    height: 24vh;
    overflow-x: hidden;
}

.style_h_nnn .diagnosis_div {
    margin-bottom: 1px !important;
}

.style_h_nnn .top-search-patient {
    width: 99% !important;
    margin-bottom: 0px !important;
}

.style_h_nnn .p-dropdown.p-component.p-unselectable-text {
    border: 1px solid #efefef !important;
    position: relative;
}

.style_search_plus_btn .p-dropdown .p-dropdown-trigger {}

.style_search_plus_btn .p-dropdown .pi-chevron-down:before {
    content: "\E908";
    color: var(--background-menu) !important;
}

.style_search_plus_btn .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-size: 17px !important;
}

.style_star_favorate {
    color: #ccc;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.actvie_favorate i {
    color: var(--color-plan) !important;
}

.style_h_nnn .texticon_diagno .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: var(--background-menu) !important;
    background-color: #ffffff !important;
    color: var(--background-menu) !important;
}

.style_h_nnn .texticon_diagno .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: var(--background-menu) !important;
}

.style_h_nnn .textalertp_diagno {
    font-weight: bold;
}

.style_color_back_qq span {
    /* color: var(--background-menu) !important; */
}

.style_star_favorate:hover {
    /*animation: rubberband 800ms alternate ease-out;
        */
    animation: heartbeat 800ms alternate ease-out;
    -webkit-animation: heartbeat 800ms alternate ease-out;
}

.style_star_favorate:hover i {
    color: var(--color-plan) !important;
}

@keyframes heartbeat {
    0% {
        transform: scale(.75);
    }

    20% {
        transform: scale(1);
    }

    40% {
        transform: scale(.75);
    }

    60% {
        transform: scale(1);
    }

    80% {
        transform: scale(.75);
    }

    100% {
        transform: scale(.75);
    }
}

@keyframes rubberband {
    0% {
        transform: scaleX(1);
    }

    40% {
        transform: scaleX(1.12) scaleY(0.75);
    }

    55% {
        transform: scaleX(0.85) scaleY(1);
    }

    65% {
        transform: scaleX(1.09) scaleY(0.85);
    }

    75% {
        transform: scaleX(0.9) scaleY(1);
    }

    90% {
        transform: scaleX(1.05) scaleY(0.95);
    }

    100% {
        transform: scaleX(1) scaleY(1);
    }
}

.box_doctor_menu .select_span_style label {
    font-size: 13px !important;
    font-weight: bold;
}

.scroll_div_ddd .style_nurmal_s {
    min-width: 145px;
    text-align: center;
}

.data-space label {
    color: #190373 !important;
}

.style_colo_nnn .text-dd {
    color: var(--color-plan) !important;
}

.style_colo_nnn img {
    width: 35px !important;
}

.top_tabs_lab_rad_drags {
    align-items: center;
    justify-content: space-between;
}

.style_back_tabs {
    flex: 1;
    text-align: center;
    background: #e0e0e0;
    padding: 6px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.activetab_styles_1 {
    background: var(--color-plan);
    color: #fff !important;
}

.cont_menu_doctor_style {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.box_doctor_menu_style {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    background: #fff;
    box-shadow: 0 0 10px #ececec;
    border-radius: 6px;
    padding: 5px;
    min-height: 75vh;
}

span.style_tab_box_11 {
    margin: 10px 0;
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    cursor: pointer;
}

.style_doctordesk_top_content .title_top_img {
    padding: 3px 10px !important;
}

.style_content_doctor_desk {
    margin-inline-start: 10px;
    background: #deeaf5;
    box-shadow: 0 0 10px #efefef;
    border-radius: 10px;
    width: 100%;
}

.style_content_doctor_desk .ComplainsComp {
    padding: 0px 5px 5px 5px !important;
}

.style_content_doctor_desk .vital_style_block .details_div_diagnosis {
    padding: 3px 5px !important;
}

.style_content_doctor_desk .DiagnosisComp {
    padding: 0px 5px 5px 5px !important;
}

.box_cont_image_doc {
    width: 30px;
    height: 30px;
    margin: auto;
    background: var(--background-menu);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    transition: all .4s ease-in-out;

}

.active_tab_selected_doc .box_cont_image_doc,
.style_tab_box_11:hover .box_cont_image_doc {
    background: var(--color-plan) !important;
    color: var(--color-plan) !important;
}

.active_tab_selected_doc .text-nowrap,
.style_tab_box_11:hover .text-nowrap {
    color: var(--color-plan) !important;
}

.active_tab_selected_doc .box_cont_image_doc i,
.style_tab_box_11:hover .box_cont_image_doc i {
    color: #fff !important;
}

.style_flex_1_saa_all {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.style_flex_1_saa {
    flex: 1;
}

.style_search_inP {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 2;
}

.style_search_inP .input_search_patient {
    width: 60% !important;
}

.width_exam .input_search_patient {
    width: 40% !important;
}

.style_search_inP .p-inputgroup .p-inputtext:not(:last-child) {
    border-radius: 6px !important;
}

.style_pppp {
    position: absolute;
    left: 3px;
    top: 6px;
    font-size: 16px !important;
    color: var(--background-menu);
    z-index: 1;
}

.style_Plus_aqq {
    background: var(--color-plan);
    height: 29px;
    width: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin: 0 5px;
    cursor: pointer;
}

.style_sttt_qq img {
    margin-inline-end: 0px !important;
    cursor: pointer;
}

.style_img_banner_aa {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 !important;
}

.style_img_banner_aa img {
    width: 36px !important;
    margin-inline-end: 4px;
}

.all_amb_nn {
    flex: 2;
}

.style_blood_all .style_eeeew_n {
    color: var(--background-cancel) !important;
}

.style_blood_all .style-new-p {
    color: #000 !important;
}

.style_vi {
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
}

.style_vi label {
    display: block;
    color: var(--background-cancel) !important;
}

.style_visit-all .style_eeeew_n {
    color: var(--background-menu) !important;
}

.style_visit-all .style-new-p {
    color: #000 !important;
}

.stl_qqwawwd {
    display: flex;
}

.stl_qqwawwd img {
    width: 24px !important;
    margin-inline-end: 7px;
}

.active_sel_n_tabs {
    background: var(--color-plan) !important;
    color: #fff !important;
}

.active_sel_n_tabs img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.active_sel_n_tabs::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #06adf2;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right: 49px solid transparent;
    border-right: 8px solid transparent;
}

.active_sel_n_tabs::after {
    border-top: 8px solid var(--color-plan) !important;
}

.style_flex_lab_r_s {
    display: flex;
    align-items: unset;
    justify-content: space-between;
}

.managment_lab_rad {
    padding: 10px;
}

.style_background_qq_ll {
    background: var(--background-menu) !important;
}

.style_background_qq_ll .width_icons_nnn,
.style_m_filter img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.lab_r_medic .style_span_r {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lab_r_medic .style_span_r img {
    width: 20px;
    margin-inline-end: 8px;
}

.style_color_la_ra label {
    color: #fff !important;
}

.style_sel_lab_r_all .all_sel_check_box {
    column-count: 2 !important;
    column-gap: 10px !important;
}

.style_sel_lab_r_all .all_sel_check_box .textalertp_diagno {
    display: flex;
    align-items: self-start !important;
    justify-content: space-between;
    font-size: 13px !important;
    color: #313131 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    padding-top: 2px;
    margin-bottom: 0 !important;
    padding-bottom: 1px !important;
}

.style_sel_lab_r_all .style_cont_selected {
    padding: 11px !important;
    max-height: 160px;
    overflow: hidden;
    overflow-y: auto;
}

.style_sel_lab_r_all .style_lab_ready {
    background: var(--dark-green) !important;
}

.style_sel_lab_r_all .style_Plus_aqq i {
    color: #fff !important;
}

.no_lable_st {

    box-shadow: 0 0 10px #888787 !important;
}

.style_select_fav_lab_r .style_b_b_nn {
    border-top: 1px solid #f1f1f1 !important;
    margin: 8px 0 0 !important;
    padding: 10px 2px 0px !important;
    border-bottom: 0 !important;
}

.Analyzes_laboratories_rad .srew span {
    color: #fff !important;
    font-weight: bold;
    font-size: 14px !important;
}

.style_sel_lab_r_all {
    flex: 2;
}

.Analyzes_laboratories_rad .style_flex_box_s {
    padding: 2px 10px !important;
}

.style_select_fav_lab_r .style_tit_nm .title_img_attach span {
    font-weight: bold;
    color: #000 !important;
    font-size: 13px !important;
}

.style_sel_lab_r_all .data_box_2_st .selc_one_item .p-checkbox.p-checkbox-checked .p-checkbox-box {
    background: var(--color-rad) !important;
}

.lab_saaa_ww .selc_one_item .p-checkbox.p-checkbox-checked .p-checkbox-box {
    background: #517199 !important;
}

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

.alert_box_style_table {
    flex: 1;
    margin: 0 5px 0;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-radius: 10px;

}

.alert_box_style_table h4 {
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px !important;
}

.alert_box_style_table .box_xcontent_waring ul {
    padding: 0 14px 0 0;
    margin: 0;
    list-style: disc;
    outline: 0;
}

.alert_box_style_table .box_xcontent_waring ul li {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
    border-bottom: 1px solid #f2f2f278;
    padding-bottom: 2px;
}

.waring_style_background .atyle_v_gg {
    background: var(--color-plan);
    color: #fff;
}

.waring_style_background .box_xcontent_waring ul li {
    color: var(--color-plan);
}

.aler_style_background .atyle_v_gg {
    background: var(--dark-green);
    color: #fff;
}

.aler_style_background .box_xcontent_waring ul li {
    color: var(--dark-green);
}

.new_style_lab_ul .p-accordion .p-accordionheader a {
    border: 0 !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px !important;
    direction: ltr;
}

.new_style_lab_ul .p-accordion .p-accordion-tab {
    margin-bottom: 0 !important;
}

.new_style_lab_ul .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a {
    background-color: var(--background-menu) !important;
}

.new_style_lab_ul .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a {
    color: #fff !important;
}

.content_data_collapse_st .new_style_check_com {
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
}

.content_data_collapse_st .new_style_check_com .styl_lsw_q {
    font-weight: bold;
    font-size: 13px;
    margin-inline-start: 6px;
}

.style_check_mmm {
    direction: rtl !important;
}

.style_check_mmm .style_ch label {
    margin-inline-start: 10px;
}

.new_style_lab_ul .p-checkbox .p-checkbox-box {
    width: 20px !important;
    height: 20px !important;
}

.new_style_lab_ul .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: var(--background-menu) !important;
    background-color: #fff !important;
    color: var(--background-menu) !important;
}

.new_style_lab_ul .p-checkbox.p-checkbox-checked .p-checkbox-box .pi-check:before {
    color: var(--background-menu) !important;
}

.new_style_lab_ul .p-accordion .p-accordioncontent-content {
    border: 0 !important;
    border-radius: 0px !important;
    background: #E7F8FF;

}

.new_style_lab_ul .p-accordion .p-accordion-tab:nth-child(even) {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.new_style_lab_ul .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    width: 18px;
    height: 18px;
    background: #fff;
    color: var(--background-menu);
    border-radius: 50%;
    border: 1px solid var(--background-menu);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.new_style_lab_ul .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a .p-accordion-toggle-icon {
    color: var(--background-menu) !important;
}

.atyle_v_gg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0 2px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 12px;

}

.box_xcontent_waring {
    padding: 5px 10px 0;

}

.sdsdsssdss {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #000 !important;
}

.data_box_1_st {
    box-shadow: 0 0 10px #e0e0e0;
}

/*======*/
.style_finding_stt {
    margin-inline-end: 10px;
}

.style_finding_stt .style_span_but_q {
    padding: 4px 10px !important;
    font-size: 11px !important;
}

.stylr_eeee_aaa .selected_medical .texticon_diagno .textalertp_diagno label {
    color: var(--background-menu) !important;

}

.stylr_eeee_aaa .texticon_diagno .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: var(--background-menu) !important;
    background-color: var(--background-menu) !important;
    color: #fff !important;
}

.stylr_eeee_aaa .texticon_diagno .p-checkbox .p-checkbox-box,
.stykrre_eritii .texticon_diagno .p-checkbox .p-checkbox-box,
.diagnosisdiv .texticon_diagno .p-checkbox .p-checkbox-box {
    border-radius: 50% !important;
    background: #e5e5e5;
    border: 1px solid #c4c4c4;
}

.stykrre_eritii .selected_medical .textalertp_diagno label {
    color: var(--color-rad) !important;
}

.stykrre_eritii .texticon_diagno .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: var(--color-rad) !important;
    background-color: var(--color-rad) !important;
    color: #fff !important;
}

.diagnosisdiv .selected_medical .textalertp_diagno label {
    color: var(--dark-green) !important;
}

.diagnosisdiv .texticon_diagno .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: var(--dark-green) !important;
    background-color: var(--dark-green) !important;
    color: #fff !important;
}

.selected_medical {
    background: #cbf1ff33;
}

.stylr_eeee_aaa .selected_medical .texticon_diagno .p-checkbox .p-checkbox-box .p-checkbox-icon,
.stykrre_eritii .selected_medical .texticon_diagno .p-checkbox .p-checkbox-box .p-checkbox-icon,
.diagnosisdiv .selected_medical .texticon_diagno .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: #fff !important;
}

/*=====*/
.style_box_swwww {
    box-shadow: 0 0 10px #ededed;
    border-radius: 7px;
    padding: 4px 10px;
    margin-bottom: 7px !important;
}

.style_box_swwww .field-checkbox {
    justify-content: space-between !important;
}
.p-datatable-row-toggle-button {
    transform: rotate(180deg);
}
.style_box_swwww .field-checkbox label {
    margin-inline-start: 0px !important;
}

.style_gap_wid {
    column-count: 2 !important;
}

.drop_div_dt .style_n_wqqq {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.style_vh_60 {
    min-height: 60vh;
}

.style_vh_60 .tabs_1_ul_height {
    min-height: 35vh;
}

.style_vh_60 .style_cont_selected {
    min-height: 25vh;
}

.style_save_but_pop {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin: 14px 0 0;
}

.style_save_but_pop .savestyle {
    padding: 5px 20px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
}

.style_save_but_pop .savestyle i {
    margin-inline-end: 10px;
}

.drop_div_dt {
    flex: 2;
}

.drop_div_dt .block2width.style_search_s.flex_2_st {
    margin-bottom: 0 !important;
}

.drop_div_dt .style_add_serv {
    width: 60% !important;
}

.style_width_qaqaa {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.style_width_qaqaa .style_finding_stt {
    margin-inline-end: 14px;
}

.style_no_verr img {
    filter: invert(45%) sepia(95%) saturate(1938%) hue-rotate(162deg) brightness(95%) contrast(101%);
}

.style_no_verr label {
    color: var(--dark-green) !important;
}

.style_color_bc {
    background: var(--color-plan) !important;
}

.style_flex_111_box {
    flex: .6 !important;
}

.style_back_st_all {
    background: #fff !important;
}

.style_back_st_all .style_select_fav_lab_r .style_b_b_nn {
    padding: 0 !important;
    margin: 0 !important;
}

.style_back_st_all .style_select_fav_lab_r {
    padding: 10px;
    box-shadow: 0 0 10px #e7e7e7;
}

.style_new_bak {
    background: var(--color-lab) !important;
}

.style_flex_st_q {
    border-top: 0 !important;
}

.style_flex_st_q .style_n_but_o_m {
    justify-content: flex-start !important;
}

.style_back_st_all .blocks_buttons_st span label {
    font-size: 12px !important;
}

.style_selc_div {
    padding: 9px !important;
}

.style_selc_div .textalertp_diagno {
    margin-bottom: 15px !important;
}

.style_selc_div .selc_one_item {
    margin-bottom: 0 !important;
}

.style_table_doct .stykrkrk .p-card-title {
    margin-bottom: 0 !important;
}

.style_drop_multi .style_wwewre {
    width: 100% !important;
}

.style_drop_multi .style_but_plus {
    display: none;
}

.style_new_doc_t .p-inputgroup .p-inputtext:not(:last-child) {
    height: 32px !important;
}

.icons_flag_style {
    position: relative;
}

.icons_flag_style i {
    position: absolute;
    top: -4px;
    right: 0;
    transition: all .4s ease-in-out;
    color: #979797;
    font-size: 15px;
    cursor: pointer;
    z-index: 1;
}

.active_alert i {
    color: var(--color-lab);
    animation-name: anime_color;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
}

@keyframes anime_color {
    from {
        color: var(--color-plan);
        font-size: 15px;
    }

    to {
        color: var(--color-lab) !important;
        font-size: 18px;
    }
}

.style_just {
    justify-content: center !important;
}

.chec_st_alll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.content_check_strr {
    background: #E7F8FF;
    ;
    padding: 7px 8px;
    cursor: pointer;
}

.content_check_strr .field-checkbox {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.style_arrow_alle i {
    color: var(--dark-green);
}

.content_check_strr .style_ch label {
    font-weight: bold;
}

.style_div_colla:nth-child(even) .chec_st_alll {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;

}

.active_check_st,
.chec_st_alll:hover {
    background: var(--background-menu) !important;
    color: #fff !important;
}

.style_arrow_alle {
    transition: all .5s ease-in-out;

}

.active_check_st .style_arrow_alle,
.chec_st_alll:hover .style_arrow_alle {
    transform: rotate(-90deg);

}

.active_check_st .style_ch label,
.chec_st_alll:hover .style_ch label {
    color: #fff !important;
}

.active_check_st .style_arrow_alle i,
.chec_st_alll:hover .style_arrow_alle i {
    color: #fff !important;
}

.PatientVitals_boxs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    margin-bottom: 3px;
    margin-top: 4px !important;
}

.style_prev_box {
    background: #EEEEEE;
    border-radius: 6px;

    flex: 1;
}

.box_vitals_patient {
    margin: 3px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px #e9e9e9;
    background: #fff;
    border-radius: 7px;
    padding: 7px 4px;
    text-align: center;
    flex: 1;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.style_prev_box .p-inputtext {
    border: 0 solid #ccc !important;
    text-align: center;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: bold;
    font-size: 18px !important;
}

.style_vitals_pa {
    color: var(--background-menu);
    font-weight: bold;
    font-size: 15px;
    margin-inline-end: 4px;
}

.style_div_fixed .div_current_box .p-inputtext,
.style_div_fixed .style_prev_box .p-inputtext {
    height: 25px !important;
    text-align: center;
    color: var(--background-menu) !important;
    width: 30px !important;
    padding: 3px 1px;
    font-size: 13px !important;
}

.div_current_box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    flex: 1;
}

.div_current_box .p-inputtext {
    flex: 2;
    margin-inline-end: 2px;
}

span.style_val_new {
    font-weight: bold;
    margin-inline-end: 4px;
    font-size: 12px;
}

.div_current_box label,
.style_prev_box label {
    font-size: 10px;
}

.style_div_fixed {
    display: flex;
    flex: 2;
    align-items: center;
    justify-content: flex-end;
}

.icons_arrow_vitals {
    width: 20px;
}

.icons_arrow_vitals img {
    width: 100%;
}

.style_no_tem .style_val_new {
    margin-inline-end: 0px;
    font-size: 10px;
}

.style_no_tem {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 3px;
}

/*====*/
/* .colorbackground1.eweerrrtttt {
    background-image: url(../image/his-icons/r1.svg) !important;
    background-size: auto;
    background-color: var(--background-menu) !important;
    background-position: 0 -50px;
}

.colorbackground2.eweerrrtttt {
    background-image: url(../image/his-icons/r2.svg) !important;
    background-size: auto;
    background-color: var(--dark-green) !important;
    background-position: 0 -50px;
}

.colorbackground3.eweerrrtttt {
    background-image: url(../image/his-icons/r3.svg) !important;
    background-size: auto;
    background-color: var(--color-plan) !important;
    background-position: 0 -50px;
} */
.style_filter_search_icon {
    cursor: pointer;
}

.style_filter_search_icon i {
    color: #fff;
    cursor: pointer;
}

.show_box_search_filter {
    margin-bottom: 6px !important;
}

.show_box_search_filter .p-inputgroup .p-inputtext:not(:last-child) {
    box-shadow: 0 0 10px #eaeaea;
}

.save_and_print .but_mon {
    font-size: 13px;
    padding: 5px 7px;
    color: #fff;
    border-radius: 5px;
    margin: 0 5px;

}

.save_and_print .but_mon img {
    width: 21px !important;
    margin-inline-end: 6px !important;
}

.style_print_col {
    background: var(--color-plan) !important;
    cursor: pointer;
}

.style_dro_dow {
    color: var(--background-cancel) !important;
}

.style_box_lab_wwq {
    font-size: 13px !important;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: var(--background-menu) !important;
}

.style_ap .style_pri {
    color: #fff !important;
    border-radius: 6px;
    padding: 4px 10px;
}

.style_ap .style_pri label {
    color: #fff !important;
}

.style_dis_inline {
    display: inline-block;
}

.style_dis_inline .style_dro_dow {
    font-size: 12px;
    padding: 4px;
}

.style_box_all_alert .style_bae {
    padding: 9px 5px !important;
    margin-inline-end: 6px !important;
    font-size: 13px !important;
}

.blocks_buttons_st span {
    /* padding: 5px 2px !important; */
}

.style_box_all_alert .box_xcontent_waring {
    text-align: right !important;
}

.style_box_all_alert .atyle_v_gg {
    padding: 4px 0 0px !important;
}

.style_box_all_alert .n_display_ss {
    align-items: unset !important;
}

/*===*/
.background_no_space_table {
    margin-top: 10px;
}

.style_box_lab_wwq {
    padding: 6px;
}

.style_box_all_alert {
    padding: 0;
    display: flex;
    align-items: unset;
    justify-content: space-between;
}

.style_box_all_alert .style_drop_search_ta {
    flex: 1;
}

.style_box_all_alert .alert_div_att {
    flex: 2;
}

.style_no_alert_divsss {
    display: block;
}

.style_no_alert_divsss .style_n_but_o_m {
    margin-top: 2px;
    justify-content: flex-start;
}

.background_no_space_table .p-component.p-paginator {
    border-top: 1px solid #efefef !important;
}

body .background_no_space_table .p-datatable-tbody>tr.p-datatable-row-expansion {
    background-color: #e1f1fa !important;
    background: #e1f1fa !important;
}

/*======*/
span.style_num_circle.style_span_la_nnn.CheckInClass {
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid var(--dark-green) !important;
    color: var(--dark-green) !important;
}

span.style_num_circle.style_span_la_nnn.PendingClass {
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid var(--color-plan) !important;
    color: var(--color-plan) !important;
}

span.style_num_circle.style_span_la_nnn.CheckOutClass {
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid var(--background-menu) !important;
    color: var(--background-menu) !important;
}

.style_no_padding_table .activeRow td {
    border-bottom: 2px solid var(--color-plan) !important;
}

span.style_num_circle.style_span_la_nnn.ArrivedClass {
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid var(--color-yallow) !important;
    color: var(--color-yallow) !important;
}

/* .activeRow {
    background-color: var(--sec_color) !important;
    background: var(--sec_color) !important;
}
.activeRow td{
    border-bottom: 2px solid var(--color-plan) !important;
} */

.style_box_all_alert .style_no_alert_divsss .style_bae {
    padding: 3px 5px !important;
    margin-inline-end: 5px !important;
    font-size: 12px !important;
}

.style_box_all_alert .search_drop {
    margin-bottom: 5px !important;
}

.alert_div_att .style_but_noo {
    padding: 0px 3px !important;
}

/**/
.style_aller_all_flex {
    flex: 1.7 !important;
}

.flex_box_pat_11 {
    flex: 1.2 !important;
}

.styl_find_allergis {
    display: inline-block;
}

.styl_find_allergis .box_allergis_d img {
    width: 16px !important;
}

.styl_find_allergis .box_allergis_d label {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.box_allergis_d {
    display: inline-flex;
    margin-inline-end: 7px;
    width: 46%;
    cursor: pointer;
}

.stlye_in_paa {
    display: inline-block;
}

.style_MRN {
    margin-inline-end: 20px;
    display: block;
}

.style_MRN label {
    font-weight: bold;
    font-size: 14px;
    color: var(--blue);
}

.style_MRN span {
    font-weight: bold;
    font-size: 11px;
}

/*====*/
body .p-selectbutton .p-button.p-highlight {
    background-color: var(--color-plan) !important;
    border-color: var(--color-plan) !important;
    color: #fff !important;
    font-weight: bold;
}

body .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover,
.butexport:hover {
    background-color: var(--color-plan) !important;
    border-color: var(--color-plan) !important;
    color: #fff !important;
    font-weight: bold;
}

body .p-selectbutton .p-button {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    font-weight: bold;
    margin: 0 5px;
}

/*==========*/
.Choose_RX_Type {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 7px;
    background: #CFE1F2;
    padding: 3px;
    border-radius: 10px;
}

.RX_comp {
    padding: 10px;
    margin-bottom: 30px;
}

.style_choose_RX {
    padding: 4px 10px;
    margin: 0 5px;
    background: #F9F9F9;
    border-radius: 7px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.style_choose_RX img {
    width: 13px !important;
    margin-inline-end: 7px;
    margin-inline-start: 7px;
}

.style_choose_RX label {
    font-weight: bold;
    font-size: 12px;
}

.box_templates_rx {
    width: 260px;
}

.box_templates_rx .style_lab_ready span {
    font-size: 14px;
    font-weight: bold;
    color: #fff !important;
}

.RX_all_content {
    width: calc(100% - 260px) !important;
}

.Choose_RX {
    font-weight: bold;
    margin-inline-end: 10px;
    margin-inline-start: 5px;
    font-size: 14px;
}

.stylw_wid_full.p-dialog {
    width: 80% !important;
}

.box_templates_rx .style_lab_ready img {
    width: 19px;
}

.active_span_class,
.style_choose_RX:hover {
    color: #fff !important;
    background: #0072E5 !important;
}

.active_span_class label,
.style_choose_RX:hover label {
    color: #fff !important;
}

.active_span_class img,
.style_choose_RX:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_head_22 span {
    color: #fff !important;

}

.alert_div_style_ne {
    padding: 2px 10px !important;
    width: 74%;
    margin: 0px !important;
}

.alert_div_style_ne img {
    width: 24px !important;
}

.btn_style_alerts {
    padding: 1px 16px !important;
}

.RX_STYLE {
    background: var(--blue) !important;
}

.style_print_RX {
    background: var(--color-rad) !important;
    cursor: pointer;
}

.save_style_RX {
    background: var(--background-menu) !important;
    cursor: pointer;
}

.save_style_RX .p-dropdown.p-component.p-unselectable-text {
    height: 29px !important;
}

.save_style_RX .p-inputgroup .p-button:last-child {
    top: -47% !important;
}

.template_RX_check {
    background: var(--blue) !important;
}

.ShortList_RX_check {
    background: var(--dark-green) !important;
}

.box_templates_rx .style_flex_box_s {
    padding: 9px 10px !important;
}

.active_border {
    border-radius: 8px !important;

}

.active_border .ar_arrow img {
    transform: rotate(90deg);
}

.box_templates_rx .data_box_1_st {
    margin-bottom: 10px !important;
}

.previous_RX_check {
    background: var(--background-menu) !important;
}

.box_templates_rx .new_style_lab_ul,
.box_templates_rx .style_cont_selected.style_selc_div {
    height: 40vh !important;
}

.style_width_2_img .style_edite_la img {
    width: 27px !important;
}

.style_width_2_img .style_edite_la {
    width: 25px !important;
}

.d_style_inputs_all {
    display: inline-block;
    width: 48%;
    margin: 0 1% 6px;
    vertical-align: top;
}

.d_style_inputs_all>label {
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    display: block;
    margin: 0 3px 3px;
}

.change_style_t .p-datatable .p-datatable-tbody>tr:nth-child(even) {
    background-color: #d9ecf4;
}

.box_templates_rx .style_selc_div .textalertp_diagno {
    margin-bottom: 7px !important;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 6px !important;
}

.d_style_inputs_all textarea {
    padding: 5px !important;
    background: #fff !important;
}

.more_input_enter {
    padding: 2px 0px 7px;
}

/*===*/
.two_style_panal {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.panal_style_table {
    flex: 1;
    padding: 7px;
    background: var(--sec_color);
    margin: 10px;
    box-shadow: 0 0 10px #cfcfcf;
}

.new_width_style_remarks {
    width: 98% !important;
}

.style_table_flex_222 {
    flex: 2;
}

.style_width_100_st {
    width: 120px;
}

.style_w_annn {
    font-size: 13px !important;
}

.style_table_flex_222 .activeRow {
    position: relative;
}

.style_table_flex_222 .activeRow::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #06adf2;
}

/*===*/
.style_new_dropd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_new_dropd .strreerrr {
    margin-inline-end: 10px;
}

.style_new_dropd .p-dropdown.p-component.p-unselectable-text {
    flex: 2;
}

/*===*/
.new_padding_sttt {
    padding: 0 !important;
}

.new_padding_sttt .padding_20Px_stt {
    padding: 0 12px !important;
}

.background_menu_rad,
.background_rad_la,
.background_lab_rrr, .background_menu_rad_4, .background_menu_rad_5 {
    padding: 4px 11px;
    border-radius: 10px 10px 0 0;

}

.background_menu_rad {
    background: var(--color-rad) !important;
}

.background_rad_la {
    background: var(--background-menu) !important;
}

.background_lab_rrr {
    background: var(--dark-green) !important;
}

.background_menu_rad img,
.background_rad_la img,
.background_lab_rrr img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.background_menu_rad span,
.background_rad_la span,
.background_lab_rrr span, .background_menu_rad_4 span, .background_menu_rad_5 span {
    color: #fff !important;
}

.style_n_plus_aa {
    color: #fff !important;
    background: var(--dark-green) !important;
    border: 1px solid var(--dark-green) !important;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 0 5px 5px 0 !important;
    cursor: pointer;

}

.style_add_plus_box {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.width_98_stt {
    width: 98%;
    margin: 10px auto !important;
    padding: 5px 10px !important;
}

.style_box_show_check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px !important;
    text-align: center;
}

.style_padding_eee {
    padding: 7px 0px !important;
}

.new_back_stt_chec .field-checkbox {
    background: var(--sec_color) !important;
    padding: 6px;
}

.new_back_stt_chec .field-checkbox label {
    color: #000 !important;
    font-weight: bold;
}

.style_flex_1_dropdown {
    width: 80px !important;
    margin: 0 1px !important;
}

.style_box_show_check span.sterrttrrr {
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}

.style_box_show_check .style_dropdoun_new-ss {
    /* width: 100%; */
}

.stl_aller .activeselss {
    background: var(--color-rad) !important;
}

.stl_aller_current .activeselss {
    background: var(--background-menu) !important;
}

.style_arr_check_box .selc_one_item .p-checkbox.p-checkbox-checked .p-checkbox-box {
    background: var(--color-rad) !important;
}

.style_arr_check_box1 .selc_one_item .p-checkbox.p-checkbox-checked .p-checkbox-box {
    background: var(--dark-green) !important;
}

.style_arr_check_box .ul_box_sel_item {
    height: 54vh !important;
}

.current_dis_box .ul_box_sel_item {
    height: 46vh !important;
}

.style_arr_check_box1 .ul_box_sel_item {
    height: 61vh !important;
}

.details_div_diagnosis .list-group.down-sub {
    max-height: 270px;
    overflow-x: hidden;
    overflow-y: auto;
}

.style_i_new_icon span i {
    color: var(--background-cancel) !important;
}

/*=====*/
.save_alert_temp .temp_save_box {
    position: relative;
    width: 40%;
}

.save_alert_temp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 0 15px;
    margin: 4px 0 -5px;
}

.save_alert_temp .style_div_scearch_st {
    width: 100% !important;
}

.but_temp_a {
    background: var(--background-menu);
    padding: 5px 13px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.sty_text_dir {
    text-align: left;
}

.style_no_margin {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.day_sel_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.styl_day_span {
    position: relative;
    color: #000;
    font-weight: bold;
    flex: 1;
    margin: 0 2px;
    text-align: center;
    padding: 6px 2px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 4px;
    font-size: 13px;
    background: #ffffffc4;
    transition: all .4s ease-in-out;

    cursor: pointer;
}

.styl_day_span .p-checkbox {
    position: absolute;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.styl_day_span:hover,
.dayActive_style {
    background: var(--background-menu) !important;
    color: #fff !important;
}

/*==============================*/
.accordion_style_back .p-accordion .p-accordion-tab:nth-child(1) .p-accordionheader a {
    background-color: var(--color-plan) !important;
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordionheader a .filt_cont img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.accordion_style_back .p-accordion .p-accordionheader a .filt_cont span {
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a {
    background-color: #dbdbdb !important;
}

.accordion_style_back .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a .filt_cont img {
    filter: none !important;
    -webkit-filter: none !important;
}

.accordion_style_back .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a .filt_cont span {
    color: #000 !important;
}

.accordion_style_back .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a .p-accordion-toggle-icon {
    color: #000 !important;
}

.accordion_style_back .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a .sewerrr_ss {
    color: #000 !important;
}

.accordion_style_back .p-accordion .p-accordion-tab:nth-child(2) .p-accordionheader a {
    background-color: var(--dark-green) !important;
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordion-tab:nth-child(3) .p-accordionheader a {
    background-color: var(--background-menu) !important;
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordion-tab:nth-child(4) .p-accordionheader a {
    background-color: var(--color-lab) !important;
    color: #fff !important;
}

.accordion_style_back .sewerrr_ss {
    background: transparent !important;
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordion-tab:nth-child(5) .p-accordionheader a {
    background-color: var(--color-pharmacy) !important;
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordion-tab:nth-child(6) .p-accordionheader a {
    background-color: var(--blue) !important;
    color: #fff !important;
}

.accordion_style_back .p-accordion .p-accordion-tab:nth-child(7) .p-accordionheader a {
    background-color: var(--color-rad) !important;
    color: #fff !important;
}

.width_st_70.p-dialog {
    width: 65% !important;
}

.style_box_w_divs {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.style_box_w_divs .box_1_finding,
.style_box_w_divs .box_2_finding {
    flex: 1;
    margin: 0 3px;
}

.box_1_finding,
.box_2_finding {
    border-left: 1px solid #e7e7e7;
    padding-left: 7px;
}

.box_search_top_finding {
    margin-bottom: 7px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 4px;
}

.input_search_n_st {
    flex: 2;
    margin-inline-start: 6px;
}

.box_search_top_finding .style_search_inP .style_Plus_aqq i {
    color: #fff !important;
}

.aty_lable_eg {
    font-weight: bold;
}

.padding_10_st_all {
    padding: 6px 10px !important;
}

span.style_i_icons {
    margin: 0 4px;
}

.table_without_space .p-datatable .p-datatable-tbody>tr:nth-child(even)>td {
    border-bottom: 1px solid #f2f2f2cf !important;
    border-top: 1px solid #f2f2f2cf !important;
}

/*=====*/
.block1style1.stylwb .image {
    background-color: transparent !important;
}

.block1style1.stylwb .image img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_flex_bo,
.display_flex_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.style_flex_bo .two_action_but .but_one_style {
    background: #fff;
}

.style_flex_bo .two_action_but .but_one_style:hover {
    background: var(--blue) !important;
}

.all_setting_style_tabs .style_span_rq {
    height: 36px !important;
}

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

.no_background_table_search .p-datatable .p-datatable-header {
    box-shadow: none !important;
    background: transparent !important;
    padding: 3px 8px !important;
    border-radius: 10px !important;
    margin-top: 1px !important;
}

.no_background_table_search .p-datatable .p-datatable-header .p-input-icon-left {
    width: 35% !important;
}

.back_ground_fff {
    background: #fff;
    padding: 0 11px;
    box-shadow: 0 0 10px #ededed;
    border-radius: 7px;
}

.style_new_w_tabs_2 .select_span_style {
    min-width: 150px !important;
}

.style_new_w_tabs_2 {
    width: 40%;
}

.style_tab_with_img .style_span_rq {
    flex: 1;
}

.style_tab_with_img .style_span_rq .style_span_r label {
    font-size: 11px !important;
    font-weight: bold;
}

.prev_but_slider,
.next_but_slider {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin: 0 10px;
    cursor: pointer;
    color: #ffffff;
    border: 1px solid #e7e7e7;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px;
    box-shadow: 0 0 10px #e9e9e9;
    cursor: pointer;
}

.prev_but_slider i,
.next_but_slider i {
    font-size: 14px;
    cursor: pointer;
}

.prev_but_slider label,
.prev_but_slider label {
    cursor: pointer;
}

.prev_but_slider {
    background: #747474;
}

.next_but_slider {
    background: var(--dark-green);
}

.style_postion_all_st {
    position: relative;
}

.style_postion_all_st .style_div_scearch_st {
    position: absolute;
    z-index: 8;
    top: 100%;
    width: 45% !important;
    right: calc(55%) !important;
}

.style_dlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.style_flx_chec_b .style_flex_1_c {
    flex: 1;
    text-align: right;

}

.two_style_panal .p-datatable .p-datatable-tbody>tr>td:first-child {
    text-align: right !important;
}

.content_tab_one_st .p-datatable .p-datatable-tbody>tr>td:first-child {
    text-align: right !important;
}

.style_dlex .field-checkbox {
    display: flex;
    align-items: center;
}

.style_flx_chec_b .stylw_n_width_30px {
    width: 35px !important;
}

.style_flx_chec_b .stylw_n_width_30px input,
.style_dropdoun_new-ss .styeweerrtt input {
    text-align: center !important;
}

.style_dropdoun_new-ss .styeweerrtt {
    width: 35px !important;
}

.block_style_form .stylr_weerr span label {
    margin: 0 3px;
    font-weight: bold;
    font-size: 14px;
}

/*============*/
.style_box_search_all .active_tab_selected {
    position: relative;
}

.style_box_search_all .active_tab_selected::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid var(--color-plan);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right: 49px solid transparent;
    border-right: 8px solid transparent;
}

.style_lab_patient .p-card {
    background-color: transparent !important;
    box-shadow: none !important;
}

.style_lab_patient .p-card .p-card-body {
    padding-top: 0 !important;
}

.edite_style_box {
    padding: 0px !important;
    background: transparent !important;
    margin-top: 0px !important;
}

.style_recv_lab_1 .style_doctor_ddd {
    top: calc(30vh - 12px) !important;
}

/*====*/
.new_v_lab .top-search-patient {
    margin-top: 10px;
}

.new_v_lab .VisitOpening_style {
    padding: 11px 17px !important;
    border-radius: 10px !important;
    border: 0 !important;
    background: var(--sec_color);
}

.new_v_lab .towdivinput {
    display: block !important;
    width: 100%;
}

.new_v_lab .block2width {
    margin-bottom: 7px !important;
}

.new_v_lab .towdivinput .row .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.style_all_lab_order .stylenew-color .styletop-header {
    color: var(--background-menu) !important;
}

.style_width_ic .style_edite_la img {
    width: 25px !important;
}

.serv_box_order_lab {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.serv_box_order_lab .new_v_lab {
    flex: .6;
}

.new_v_lab>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.serv_box_order_lab .lab_serv_box {
    flex: 2;
}

.serv_box_order_lab .lab_serv_box .tital-buildings {
    margin-bottom: 4px !important;
    margin-top: 10px;
    padding: 0 10px;
}

.chan_colr {
    background: var(--dark-green) !important;
}

.col-lg-4.width_style_4 .p-datatable-wrapper {
    zoom: 94%;
}

.changebackground-none.margin_b_50 .new_style_comp.style_margin_top_patient .style_two_box_down {
    inset-inline-start: auto;
    left: 0;
}

.style_emergency_new5 .icon_style_hover_div .div-action {
    inset-inline-start: auto;
    left: 0;
}
.custom_overview .icon_style_hover_div .div-action {
    inset-inline-start: 0 !important;
}
/*====doctor_operations=====*/
.operations_comp {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.box_operations {
    flex: 0.8;
}

.selected_operations_box {
    flex: 1.3;
    padding: 0 7px;
}

.selected_operations_box .style_flex_box_s {
    background: var(--dark-green) !important;
}

.style_table_operation {
    background: #fff;
    padding: 10px;
    position: relative;
}

.style_next_bb {
    background: var(--blue) !important;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}

.name_operations h4 {
    font-size: 14px;
    font-weight: bold;
    color: var(--blue);
    margin-bottom: 0px;
}

.name_operations span {
    font-size: 12px;
    color: #818181;
}

.name_operations span label {
    font-weight: bold;
    font-size: 13px;
}

.Operations_drop .style_search_eeww {
    width: 100% !important;
    margin-top: 0 !important;
}

/* .selected_operations_box .style_lab_ready img,
.selected_operations_box .style_lab_qq img, .operation_history .style_lab_ready img,
.operation_history .style_lab_qq img {
    width: 20px !important;
} */
.selected_operations_box .style_lab_ready span,
.selected_operations_box .style_lab_qq span,
.operation_history .style_lab_ready span,
.operation_history .style_lab_qq span {
    color: #fff !important;
}

.selected_operations_box .p-inputgroup .p-inputtext:not(:last-child) {
    height: 28px !important;
}

.selected_operations_box .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-size: 20px !important;
    color: var(--blue) !important;
}

.selected_operations_box .p-inputgroup .p-dropdown.p-component.p-unselectable-text .pi-chevron-down:before {
    content: "\E908" !important;
    font-size: 13px !important;
}

.selected_operations_box .p-calendar.p-calendar-w-btn .p-inputtext,
.selected_operations_box .p-inputgroup .p-dropdown.p-component.p-unselectable-text,
.selected_operations_box .p-inputgroup,
.selected_operations_box .style_bac_input_color .p-calendar .p-inputtext,
.selected_operations_box input.p-autocomplete-input.p-inputtext {
    background: #e8f4ff !important;
    border-radius: 10px;
}

.selected_operations_box .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--blue) !important;
}

.selected_operations_box .style_edite_la img {
    width: 23px !important;
}

.operation_history {
    flex: .7;
}

.operations_comp .ComplainsComp {
    padding: 0px 0px 0px 0px !important;
}

.style_operation_d h5 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0 !important;
}

.operation_history .style_flex_box_s {
    background: var(--background-menu) !important;
}

.operation_history .style_cont_selected {
    background: #fff !important;
    border-radius: 0 0 10px 10px;
}

.style_date_operation {
    font-size: 11px;
    color: #7d7d7d;
    font-weight: bold;
}

.style_date_operation i {
    margin-inline-end: 7px;
}

.style_delet_operation {
    display: flex;
    background: var(--color-plan);
    color: #fff;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.style_box_history .details-block-diagno {
    margin-bottom: 0 !important;
    padding: 5px 0px !important;
}

.style_box_history .details-block-diagno:nth-child(even) {
    background: #e0f0f663;
    border-radius: 8px;
}

.style_operations_select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.tabs_doctor_oprtations {
    flex: 1;
    background: #E5EDF5;
    display: flex;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px;
    height: 28px;
    box-shadow: 0 0 3px #e0e0e0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tabs_doctor_oprtations img {
    width: 17px;
    margin-inline-end: 5px;
    cursor: pointer;
}

.box_operations .details_div_diagnosis {
    padding: 5px 5px 0 !important;
}

.activeOperation {
    background: var(--background-menu) !important;
    color: #fff !important;
}

.background_operations {
    background: var(--dark-green) !important;
}

.style_table_operation,
.operation_history .style_cont_selected,
.box_operations .details_div_diagnosis {
    min-height: 57vh !important;
    box-shadow: 0 0 10px #ebebeb;
}

.operation_history .details-block-diagno {
    align-items: center;
}

.box_operations .stylenew_diagn {
    height: auto !important;
}

.OperationAfter_SaveComp .type_of_RX .style_choose_RX {
    display: block !important;
    background: #ffffffe0;
    text-align: right;
    padding: 8px 10px !important;
    margin-bottom: 7px;
    position: relative;
}

.OperationAfter_SaveComp {
    display: flex;
    width: 100%;
    align-items: self-start;
    justify-content: space-between;
}

.style_op span {
    font-size: 14px;
    font-weight: bold;
}

.OperationAfter_SaveComp .Choose_RX_Type {
    padding: 10px 0 !important;
    min-height: 65vh;
    align-items: self-start;
    background: var(--sec_color) !important;
}

.operationAftersave .style_flex_box_s {
    background: var(--background-menu) !important;
}

.style_operation_sl {
    flex: 2;
}

.style_op_width .p-inputtext {
    width: 50px !important;
    text-align: center;
}

.style_operation_sl .p-dropdown .p-dropdown-label,
.style_op_width .p-inputtext {
    background: #ECF6FF !important;
    border: 1px solid #ECF6FF !important;
}

.style_operation_sl .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-size: 14px !important;
}

.active_operation_class {
    background: var(--background-menu) !important;
    color: #fff !important;
}

.active_operation_class img,
.activeOperation img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.active_operation_class::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid var(--background-menu);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;

}

.width_98_pop.p-dialog {
    width: 97% !important;
}

.style_date_end_ee_operations {
    width: 130px;
}

.style_req_lab_new {
    background: #ffffff8f;
    padding: 0px 10px 10px;
}

.style_req_lab_new .data_box_1_st {
    margin-inline-end: 5px !important;
}

/*========*/
.style_setting_lab_stt {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.box_sett_div {
    flex: 2;
    margin-inline-end: 10px;
    background: #F0F7FD;
    border: 1px solid #efefef;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 17px #f1f1f1;
    min-height: 82vh;
}

.box_setting_res {
    flex: 1;
    background: #ffffffe8;
    border: 1px solid #efefef;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 17px #f1f1f1;
    min-height: 82vh;
}

.style_lab_device_all .p-datatable-header {
    padding: 0 !important;
}

.style_lab_device_all .box_ser_st label {
    text-align: right !important;
}

.style_lab_device_all .style_save_but_a {
    margin-top: 0px !important;
    margin-right: 5px !important;
}

.style_lab_device_all .style_setting_lab_stt .style_device_box .activeRow::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #06adf2;
}

.width_input_num_style .p-inputtext {
    width: 50px !important;
    text-align: center !important;
}

.style_lab_device_all .style_recive_lab_search {
    padding: 6px 8px !important;
    margin-bottom: 0px !important;
}

.style_lab_device_all .style_h_new img {
    width: 25px !important;
}

.width_image_lab_res img {
    width: 25px !important;
}

.input_width_name_lab .p-inputtext {
    width: 160px !important;
}

.reslt_new_style_lab .p-multiselect.p-component.p-unselectable-text {
    border-radius: 6px !important;
    margin: 0px 0px !important;
    font-weight: bold;
}

.reslt_new_style_lab .p-multiselect .p-multiselect-label.p-placeholder {
    font-weight: bold;
}

.footer_postion_fixed {
    position: fixed;
    bottom: 20px;
    left: 19px;

}

.style_lab_tabs_sss .select_span_style {
    display: flex;
    justify-content: center;
    height: 36px;
    font-size: 13px;
    font-weight: bold;
    align-items: center;
    position: relative;
}

.style_lab_tabs_sss .styledatadiv_res {
    filter: invert(66%) sepia(8%) saturate(0%) hue-rotate(222deg) brightness(77%) contrast(86%);
}

.style_lab_tabs_sss .active_tab_selected .styledatadiv_res {
    filter: invert(98%) sepia(4%) saturate(456%) hue-rotate(340deg) brightness(112%) contrast(100%) !important;
}

.style_lab_tabs_sss .active_tab_selected::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid var(--color-plan);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right: 49px solid transparent;
    border-right: 8px solid transparent;
}

/*============*/
.selected_operations_box .type_of_RX .style_choose_RX {
    background: #ffffffe0;
    text-align: right;
    padding: 4px 5px !important;
    margin-bottom: 6px;
    position: relative;
    flex: 1;
    text-align: center;
}

.box_operations .title_top_img {
    padding: 6px 10px !important;
}

.selected_operations_box .Choose_RX_Type {
    padding: 4px 0 !important;
    background: #D9E7F4 !important;
    margin-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;
}

.style_selected_operations_e .style_box_history .details-block-diagno {
    margin-bottom: 0 !important;
    padding: 5px 3px !important;
    border-bottom: 1px solid #ededed;
    align-items: center;
}

.style_selected_operations_e .selc_one_item .p-checkbox.p-checkbox-checked .p-checkbox-box {
    background: var(--dark-green) !important;
}

.selected_operations_box .style_choose_RX img {
    width: 12px !important;
    margin-inline-end: 3px !important;
}

.selected_operations_box .style_choose_RX {
    margin: 0px 2px !important;
}

.selected_operations_box .type_of_RX {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.two_dropdown_operation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    flex: 2 1 0%;
    margin: 4px;
    border-bottom: 1px solid rgb(241, 241, 241);
    flex: 1;
}

.two_dropdown_operation .p-multiselect-trigger {
    display: none;
}

.two_dropdown_operation .p-multiselect .p-multiselect-label.p-placeholder {
    background: #f5f5f5;
    color: #3d3e3e;
    color: #434749;
    font-size: 13px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
}

.two_dropdown_operation .p-multiselect.p-component.p-unselectable-text {
    margin: 0;
}

.two_dropdown_operation .multiselected {
    flex: 1;
    margin: 0 2px;
}

.style_code_operation span {
    font-size: 12px;
    color: #5e5e5e;
    font-weight: bold;
}

.style_code_operation label {
    font-size: 13px;
    color: var(--background-menu);
    font-weight: bold;
    margin-inline-start: 7px;
}

.main_data_operation {
    /* height: 57vh !important; */
    margin-top: 0 !important;
    /* overflow-y: auto; */
    box-shadow: 0 0 10px #ebebeb;
    background: #fff !important;
    padding: 10px;
    border-radius: 0 0 10px 10px !important;
}

.style_fixed_operations_but .style_print_col {
    color: #fff !important;
}

.style_fixed_operations_but {
    left: 35px !important;
    /* position: absolute !important;
    bottom: inherit !important;
    top: -10px !important; */
}

.content_data_select_tab {
    /* position: relative; */
}

.style_fixed_operations_but .p-button.p-button-text-icon-left .p-button-text {
    /* padding: 0.129em 1em 0.129em 2.25em !important; */
}

/*===============*/
.more_input_enter_main {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-self: center;
    column-gap: 5px;
    row-gap: 5px;
    padding: 0;
}

.more_input_enter_main .p-dropdown .p-dropdown-label {
    background: #e8f4ff !important;
}

.more_input_enter_main .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-size: 13px !important;
}

.more_input_enter_main .main_data_inputs>label {
    font-weight: bold;
}

.style_operations_span {
    font-weight: bold;
    margin-inline-end: 15px;
}

.style_check_label {
    font-weight: bold;
}

.checkbox_remark_style {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 10px;
}

.box_ckeck_style_grid {
    flex: 1;
    margin-inline-end: 20px;
}

.new_width_style_remarks {
    font-weight: bold;
}

.box_ckeck_style_grid .style_bac_input_color {
    margin-top: 5px;
}

.checkbox_remark_style .new_width_style_remarks {
    flex: 2;
}

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

.style_select_radio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-radius: 7px;
    flex: 2;
}

.style_select_radio .field-radiobutton {
    background: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    font-weight: bold;
    box-shadow: 0 0 10px #eaeaea;
}

.box_ckeck_style_grid .main_data_inputs {
    margin-bottom: 7px;
}

.style_bac_input_color .p-dropdown .p-dropdown-label {
    background: #e8f4ff !important;
}

.new_width_style_remarks .textareastyle textarea {
    background: #e8f4ff !important;
}

.style_new_arrow_suite .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-size: 13px !important;
}

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

.search_flex_box_btn .p-input-icon-left {
    width: 300px;
}

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

.style_two_search_boxs .styleinput-div .p-inputgroup .p-inputtext:not(:last-child) {
    height: 32px !important;
}

.style_two_search_boxs .input_search_patient {
    width: 300px;
    margin-inline-end: 8px;
}

.title_top_img {
    padding: 3px 10px !important;
}

.style_btn_click {
    margin-inline-end: 5px;
}

.background_complains_new {
    background: var(--blue) !important;
}

.style_width_new_D {
    width: 180px;
    margin-inline-end: 7px;
}

.style_flex_box_dev {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.style_flex_box_dev_flex2 {
    flex: 2;
    margin-inline-end: 5px;
}

.style_flex_box_dev_flex1 {
    flex: 1;
}

.style_new_w_serch {
    width: 150px !important;
    margin-inline-end: 5px !important;
}

.style_btn_click .but-add {
    padding: 6px 10px !important;
}

/*==========*/
.style_new_card_a .p-card-body {
    padding: 0 !important;
}

.style_new_card_a .stye_head_n {
    width: 100%;
    padding: 10px 10px;
    color: #fff !important;
    background: var(--blue-600);
    border-radius: 8px 8px 0 0;
}

.style_new_card_a .stye_head_n h4 {
    margin-bottom: 0 !important;
}

.style_border_right {
    border-right: 1px solid #c9c9ca !important;
}

.style_background_sec {
    background-color: var(--sec_color) !important;
    padding: 10px;
    border-radius: 10px;
}

.style_flex_topTitle .but-add {
    box-shadow: none !important;
}

/*=====*/
.style_select_radio .p-radiobutton .p-radiobutton-box {
    border: 1px solid #d8d8d8;
    background-color: var(--sec_color);
}

.admission_approv_req {
    border-radius: 10px;
    box-shadow: 0 0 10px #eaeaea;
    margin-top: 13px;
    margin-bottom: 10px;
}

.admission_approv_req h4 {
    background: var(--background-menu);
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding: 6px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
}

.content_admission_req {
    padding: 10px;
}

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

.doctor_req_approv {
    display: flex;
    align-items: center;
    justify-content: start;
}

.doctor_requst .doctor_req_approv {
    flex: 2;
}

.doctor_requst .doctor_req_approv .btn_approval_req {
    flex: 1;
}

.btn_approval_req {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.style_width_approv {
    /* flex: 1; */
    margin-inline-end: 10px;
    min-width: 55px;
    font-size: 13px;
    font-weight: bold;
}

.drop_select_doctor {
    flex: 2;
}

.doctor_approv_remarks {
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: flex-start;
}

.doctor_approv_remarks .textareastyle textarea,
.doctor_req_approv .p-dropdown .p-dropdown-label {
    background: #e8f4ff !important;
}

.doctor_req_approv .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-size: 13px !important;
    color: var(--blue) !important;
}

.selected_operations_box .style_choose_RX:hover {
    background: var(--background-menu) !important;
}

/*=========*/
.setting_farms_style .p-card .p-card-body {
    padding: 0 !important;
}

.setting_farms_style .title_top_img {
    padding: 5px 10px !important;
}

.setting_farms_style .p-datatable-header {
    padding: 0 !important;
}

.setting_farms_style .p-datatable-header .p-input-icon-left {
    width: 32% !important;
}

.setting_farms_style .p-datatable-header .p-input-icon-left>.p-inputtext {
    border: 1px solid var(--blue);
}

.setting_farms_style .p-datatable-header .p-input-icon-left>i:first-of-type {
    color: var(--blue);
}

.style_background_sec {
    background: var(--sec_color);
    padding: 7px;
}

.style_background_farms {
    background: var(--blue-50);
    padding-top: 11px;
    border-radius: 10px;
}

.style_background_farms_2 {
    background: var(--blue-50);
    padding: 11px;
    border-radius: 10px;

}

.style_comment_aqq,
.style_Services_aqq {
    padding: 7px;
}

/*====*/
.custom_new_design_p .tital-buildings {
    background: none !important;
    padding: 5px 10px 0 !important;
    margin-bottom: 0px !important;
}

.custom_new_design_p .search-patient-input {
    border: 0px solid #D2D2D2 !important;
    border-top: 0 solid #ccc !important;
    box-shadow: none !important;

}

.custom_new_design_p .top-search-patient {
    background: var(--sec_color) !important;
    border-radius: 10px;
    margin-bottom: 9px !important;
}

.custom_new_design_p .row.changebackground-none {
    border: 0px solid #D2D2D2 !important;
    background: transparent !important;
    /* background: #b9e2fb9c !important; */
    padding: 0 !important;
}

.custom_new_design_p .newstyle_toptitle {
    justify-content: flex-start;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #f1f1f1 !important;
    padding-bottom: 0px !important;
    font-weight: bold;
    gap: 6px;
}

.custom_new_design_p .changebackground-none .col-lg-7 {
    background: #fdfdfdab;
    border-radius: 10px;
    box-shadow: 0 0 10px #f4f4f482;
}

.custom_new_design_p .changebackground-none .VisitOpening_style_srre {
    background: #fdfdfdab !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px #f4f4f482 !important;
}

.custom_new_design_p .changebackground-none .col-lg-7 .stykle_jhjh .activeRow::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #06adf2;
}

.activeRow .style_pri label {
    color: #000
}

.no_data_table_aqq .style_nodata {
    display: block;
    width: 70px;
    margin: auto;
}

.nodata_span {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin: 10px;
}

.no_data_table_aqq .background-patient {
    display: inline-block;
    margin-bottom: 9px;
}

.style_header_q {
    background: #fff;
    border-radius: 10px;
}

.style_header_q .style_table_flex_222 {
    padding: 0 8px 10px;
}

.style_b_comments {
    background: var(--blue);
    border-radius: 10px 10px 0 0;
    padding: 4px 5px 5px;
}

.style_b_comments h4 {
    color: #fff !important;
    font-size: 17px;
    margin-bottom: 0 !important;
}

.style_b_comments h4 svg {
    fill: #fff;
    filter: brightness(0) invert(1);
    margin-inline-end: 10px;
    width: 23px;
}

.new_btn_comments_st .cancelstyle {
    min-height: auto !important;
}

.margin_top_20_p {
    margin-top: 20px;
}

.padding_col_4_3 {
    padding: 0 3px;
}

.padding_col_4_3 .text-nowrap {
    font-size: 13px;
}

/*===*/
.style_w_akk .p-multiselect.p-component.p-unselectable-text {
    background: #e8f4ff !important;
}

.style_w_akk {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_w_akk .p-multiselect-trigger {
    border-radius: 50% !important;
    font-size: 11px;
    width: 24px !important;
    height: 24px !important;
}

.flex_2_dropd {
    flex: 2;
}

.style_w_akk .stylepp {
    margin-bottom: 0 !important;
}

.style_w_akk_style .p-dropdown .p-dropdown-label {
    background: #e8f4ff !important;
}

.overveiw_style .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon,
.selected_operations_box .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-size: 13px !important;
}

.activeStyleC {
    background: var(--sec_color) !important;
    border-radius: 7px;
    position: relative;
}

.activeStyleC::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #06adf2;
}

.no_overhidden {
    overflow-x: hidden;
}

.style_state_btn {
    border-radius: 7px;
    padding: 1px 6px;
    font-size: 12px;
    cursor: pointer;
    min-width: 55px;
}

.style_state_btn {
    box-shadow: 0 0 10px #FAFAFA;
    /* transform: scale(1);
    animation: mymoveaaa 1s infinite; */
}

/* @keyframes mymoveaaa {
    from {   
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
} */
.def_style {
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 6px;
    font-weight: bold;
    font-size: 12px;
    margin: 0 2px;
    cursor: pointer;
    box-shadow: 0 0 10px #f9f9f9;
}

.style_g {
    border: 1px solid var(--background-menu);
    color: var(--background-menu);
}

.style_e {
    border: 1px solid var(--dark-green);
    color: var(--dark-green);
}

.style_c {
    border: 1px solid var(--background-cancel);
    color: var(--background-cancel);
}

.ge_style {
    font-size: 13px;
    font-weight: bold;
}

.g_style_1 {
    color: var(--background-cancel);
}

.g_style_2 {
    color: var(--background-menu);
}

.g_style_3 {
    color: var(--color-lab);
}

.g_style_4 {
    color: var(--color-pharmacy);
}

.style_hed {
    font-size: 15px !important;
    font-weight: bold;
    color: var(--background-save);
}

.style_pm {
    margin-inline-end: 5px !important;
}

.box_edit_show .style_operation_boxs {
    padding: 0 !important;
}

.box_edit_show .lab_r_medic,
.box_edit_show .operation_history {
    display: none;
}

.selected_operations_box {
    flex: 2 !important;
}

.box_edit_show .footer_postion_fixed.style_fixed_operations_but {
    background: #f7f7f7;
    width: 100%;
    left: 0 !important;
    text-align: left;
    bottom: 0;
    padding: 7px 30px;
    box-shadow: 0 0 10px #f9f9f9cc;
}

.box_edit_show .style_operation_boxs {
    margin-bottom: 30px !important;
}

/*====*/
.Operation_scheduler {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.scheduler_search .header_style_ee {
    padding: 5px 20px;
    display: inline-flex;
}

.scheduler_search .header_style_ee .style_ser_nn .text_st_mm {
    line-height: inherit !important;
}

.new_sch_style {
    margin-bottom: 10px;
}

.new_sch_style .p-calendar.p-calendar-w-btn .p-inputtext,
.new_sch_style .p-dropdown.p-component.p-unselectable-text {
    background: #F5F6F9 !important;
}

.style_box_beds_all .select-typebeds {
    border-radius: 0 0 10px 10px !important;
    margin-top: 0px !important;
    padding: 6px 5px !important;
    margin-bottom: 12px !important;
}

.style_box_beds_all .select-typebeds {}

.style_box_beds_all .select-typebeds>div {
    margin: 0 5px !important;
    padding: 4px 8px 2px !important;
    width: auto;
    border-radius: 4px;
    /* flex: 1; */
    width: 160px;
}

.style_box_beds_all .stylecenter {
    text-align: center;
    margin-top: 3px !important;
    margin-bottom: 0px !important;
}

.stylecenter img {
    margin-bottom: 0px !important;
}

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

.slots_t_style {
    background: var(--background-menu);
    color: #fff;
    padding: 4px 10px;
    font-weight: bold;
    font-size: 13px;
    flex: 1;
    text-align: center;
    border: 1px solid #fff;
}

.custom_slots_style {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 2;
}

.custom_slots_style span {
    background: var(--dark-green);
    color: #fff;
    padding: 4px 10px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    flex: 1;
    border: 1px solid #fff;
    cursor: pointer;
}

.apologise_div {
    background: #b5b2ac29;
    border: 1px solid #b7b6b454;
    border-bottom: 5px solid #a7a7a7;
}

.apologise_div .icondrop i {
    color: #a7a7a7 !important;
}

.apologise_div .style-b {
    color: #7d7c7c;
    font-weight: bold;
    font-size: 13px;
}

.apologise_div .stylecenter img {
    filter: invert(75%) sepia(9%) saturate(18%) hue-rotate(320deg) brightness(88%) contrast(91%);
}

.apologise_div .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #7d7c7c;
}

.booked_up {
    background: #17a1e430;
    border: 1px solid #69a6e454;
    border-bottom: 5px solid #81b8f1;
}

.booked_up .icondrop i {
    color: #81b8f1 !important;
}

.booked_up .stylecenter img {
    filter: invert(36%) sepia(97%) saturate(4916%) hue-rotate(198deg) brightness(101%) contrast(103%);
}

.booked_up .style-b {
    color: #1777da;
    font-weight: bold;
    font-size: 13px;
}

.booked_up .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #1777da;
}

.Did_not_attend {
    background: #c2762524;
    border: 1px solid #c08e5954;
    border-bottom: 5px solid #edb385;
}

.Did_not_attend .icondrop i {
    color: #edb385 !important;
}

.Did_not_attend .stylecenter img {
    filter: invert(95%) sepia(33%) saturate(7193%) hue-rotate(301deg) brightness(102%) contrast(86%);
}

.Did_not_attend .style-b {
    color: #f78e3c;
    font-weight: bold;
    font-size: 13px;
}

.Did_not_attend .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #f78e3c;
}

.Proposal_bed {
    background: #0dff2f14;
    border: 1px solid #4dd52d54;
    border-bottom: 5px solid #89e279;
}

.Proposal_bed .icondrop i {
    color: #89e279 !important;
}

.Proposal_bed .stylecenter img {
    filter: invert(74%) sepia(38%) saturate(373%) hue-rotate(342deg) brightness(93%) contrast(100%);
}

.Proposal_bed .style-b {
    color: #50d238;
    font-weight: bold;
    font-size: 13px;
}

.Proposal_bed .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #50d238;
}

.Emergency_bed {
    background: #ff71712e;
    border: 1px solid #ffb1b1;
    border-bottom: 5px solid #f55050;
}

.Emergency_bed .icondrop i {
    color: #f55050 !important;
}

.Emergency_bed .stylecenter img {
    filter: invert(48%) sepia(71%) saturate(2332%) hue-rotate(330deg) brightness(98%) contrast(95%);
}

.Emergency_bed .style-b {
    color: #f55050;
    font-weight: bold;
    font-size: 13px;
}

.Emergency_bed .text-bed {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #f55050;
}

/*=======*/
.style_box_design_r_all {
    padding: 9px 18px;
    border-radius: 0 0 7px 7px;
    margin-bottom: 10px !important;
}

.style_box_design_r {
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.style_tyle_drop_design .text-nowrap {
    margin-inline-end: 10px;
}

.style_tyle_drop_design {
    flex: 1;
}

.style_tyle_drop_design .p-dropdown.p-component.p-unselectable-text {
    width: 65%;
}

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

.style_top_code {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.style_top_code .but-top-header {
    color: #000;
    padding: 1px 5px;
}

.style_top_code .but-top-header span {
    font-size: 12px !important;
    margin: 0 4px !important;
}

.style_top_code .but-top-header img {
    width: 17px !important;
}

.style_flex_code {
    padding: 3px 10px !important;
}

.styl_code_span {
    font-weight: bold;
    color: var(--background-menu);
}

.box_r_designc_1 .p-card,
.box_r_designc_2 .p-card,
.box_r_designc_3 .p-card {
    box-shadow: none !important;
}

.box_r_designc_1 .content-add,
.box_r_designc_2 .content-add,
.box_r_designc_3 .content-add {
    padding: 5px 10px !important;
    margin-top: 1px !important;
}

.box_r_designc_1 .p-datatable-header,
.box_r_designc_2 .p-datatable-header,
.box_r_designc_3 .p-datatable-header {
    padding: 0 !important;
}

.box_r_designc_1 .p-datatable-header .p-input-icon-left,
.box_r_designc_2 .p-datatable-header .p-input-icon-left,
.box_r_designc_3 .p-datatable-header .p-input-icon-left {
    /* border: 1px solid var(--blue) !important;
   border-radius: 10px !important; */
    overflow: hidden;
    width: 400px;
}

.box_r_designc_1 .p-datatable-header .p-input-icon-left .pi-search,
.box_r_designc_2 .p-datatable-header .p-input-icon-left .pi-search,
.box_r_designc_3 .p-datatable-header .p-input-icon-left .pi-search {
    color: var(--blue) !important;
}

.box_r_designc_1 .details_div_diagnosis,
.box_r_designc_2 .details_div_diagnosis,
.box_r_designc_3 .details_div_diagnosis {
    padding: 10px 1px 0 !important;
}

.box_r_designc_1 .p-button.p-button-success,
.box_r_designc_2 .p-button.p-button-success,
.box_r_designc_3 .p-button.p-button-success {
    padding: 0px 10px !important;
}

.style_arrow_boxs {
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    background: var(--color-plan);
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 17px;
}

.style_a_code_label {
    margin-inline-end: 10px;
}

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

.active_Row {
    background-image: linear-gradient(to right, #06AFF2, #0250FF);
    border-radius: 5px;
    color: #fff !important;
    position: relative;
}

.active_Row::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #06adf2;
}

.new_box_result_ser .style_row_full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #f4f4f4;
}

.c_span_style {
    font-weight: bold;
}

.style_inpput_width {
    align-items: center;
    display: flex;
    text-align: center;
}

.style_inpput_width .p-inputtext {
    text-align: center;
}

.box_age_from {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #dfdfdf;
}

.age_in .p-inputtext {
    border-radius: 0px 10px 10px 0px !important;
    flex: 1;
}

.age_in,
.age_mn {
    flex: 1;
}

.age_mn .p-dropdown.p-component.p-unselectable-text {
    border-radius: 10px 0 0 10px;
    position: relative;
    flex: 1;
}

.margin_t_00 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.style_width_num_in {
    width: 50px !important;
    text-align: center;
}

.wqweerrr {
    padding: 0 3px !important;
}

.style_tyle_drop_design .p-dropdown .p-dropdown-label {
    background: #fafafa !important;
}

/*========*/
.div_flex_sty,
.flex_21_boxs_1,
.flex_21_boxs_2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_lab_services_1 {
    font-weight: bold;
    margin-inline-end: 10px;
}

.flex_21_boxs_1 {
    flex: 1;
    margin-inline-end: 20px;
}

.flex_21_boxs_2 {
    flex: 2;
}

.style_auto_complete {
    width: 80% !important;
}

.flex_23_boxs_3 {
    flex: 1;
}

.flex_23_boxs_3 .newstyledivbut {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.flex_23_boxs_3 .newstyledivbut i {
    margin-inline-end: 10px;
}

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

.box_image_price_lab {
    width: 88px;
    height: 57px;
}

.box_image_price_lab img {
    width: 100%;
    height: 100%;
}

.box_price_labs_all {
    background: #fff;
    padding: 9px;
    border-radius: 10px;
    margin-bottom: 8px;
    box-shadow: 0 0 10px #f2f2f2;
}

.box_name_price_lab {
    text-align: right;
    margin-inline-start: 15px;
    flex: 1;
}

.box_name_price_lab h4 {
    font-weight: bold;
    font-size: 16px;
    color: var(--background-menu);
}

.price_lab_span {
    text-align: right;
}

.price_lab_span span {
    font-weight: bold;
    font-size: 20px;
    color: var(--color-plan);
    margin-inline-end: 4px;
}

.price_lab_span label {
    font-weight: bold;
    font-size: 15px;
}

.active_price_lab {
    background: var(--sec_color) !important;
}

.active_price_lab .p-checkbox.p-checkbox-checked .p-checkbox-box {
    border-color: var(--dark-green) !important;
    background-color: var(--dark-green) !important;
    color: #fff !important;
}

.active_price_lab .p-checkbox.p-checkbox-checked .p-checkbox-box .pi-check:before {
    color: #fff !important;
}

.style_box_all_temp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.style_box_all_temp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ededed;
    margin-bottom: 10px;
}

.style_conf_sty .style_but_noo {
    padding: 0px 3px !important;
    align-items: flex-start;
}

.style_conf_sty {
    flex: 2;
}

.style_conf_sty .box_xcontent_waring {
    box-shadow: 0 0 10px #ececec !important;
}

.text_price_compp {
    flex: .3;
    font-weight: bold;
    font-size: 17px;
}

/*=======*/
.sidebar_lab_main .p-sidebar-right {
    width: 27em !important;
    background-color: #D8E8F7 !important;
}

.cour_patient {
    border: 1px solid #DEB5B9;
    padding: 4px 7px;
    border-radius: 5px;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 13px;
    background: #fff1f0;
}

.cour_patient span {
    color: #CB3038;
    font-size: 15px;
}

.style_upload_mains {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
    height: 75px;
    position: relative;
    margin-top: 6px;
    cursor: pointer;
}

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

.style_upload_mains img {
    width: 38px;
    display: block;
    margin: auto;
    margin-bottom: 6px;
}

.sidebar_lab_main .style_new_tabs {
    margin: 0px 0px 4px !important;
}

.sidebar_lab_main .styletop-header {
    font-size: 14px !important;
    color: var(--background-menu);
}

.sidebar_lab_main .image_name {
    font-size: 14px !important;
    color: var(--background-menu);
    margin-top: 7px !important;
    margin-bottom: 8px !important;
}

.sidebar_lab_main .p-sidebar .p-sidebar-close {
    color: #fff !important;
    width: 25px;
    height: 25px;
    text-align: center;
    background: var(--background-cancel);
    border-radius: 50%;
    box-shadow: 0 0 10px #fa8d8d;
    position: absolute;
    left: 14px;
    top: 10px;
}

.style_visit_vis {
    position: fixed;
    top: 59px;
    background: var(--background-menu);
    font-weight: bold;
    font-size: 15px;
    border-radius: 20px 0 0 20px;
    padding: 8px 10px;
    right: var(--menu-width);
    z-index: 1;
    color: #fff;
    cursor: pointer;
}

.style_visit_vis label {
    margin-inline-end: 10px;
}

.Proposal_class {
    background: var(--color-plan) !important;
}
.Busy_class {
    background: #ee2a51  !important;
}
.booked_up_class {
    background: #ccc !important;
}

.box_edit_show .box_operations {
    flex: 1 !important;
}

.sched_boxs .style_top_code {
    justify-content: flex-start !important;
}

.sched_boxs .style_top_code .but-top-header {
    padding: 5px 5px !important;
}

.sched_boxs .search-patient-input {
    padding: 6px 6px !important;
    margin-bottom: 9px !important;
    margin-top: 10px !important;
}

.style_top_code .but-top-header {
    min-width: 200px;
    justify-content: flex-start !important;
}

.active_slots_class {
    background: var(--blue) !important;
}

.style_n_reception_k .style_bac_input_color .p-dropdown .p-dropdown-label {
    background: #fff !important;
}

.show_search_bar .style-n-patient .block2width label {
    margin-inline-start: 0 !important;
}

.activeB {
    color: var(--blue);
    display: inline-block;
    margin: 0 4px;
    border-bottom: 2px solid;
    font-weight: bold;
    font-size: 14px;
}

.style_P_H span {
    margin: 0 5px;
    cursor: pointer;
}

.style_flex_lab_t .select_span_style {
    display: flex;
    align-items: center;
    justify-content: center;
}

.style_flex_lab_t .styledatadiv_res {
    width: 17px !important;
    margin: 2px 4px !important;
}

/*===========*/
.two_b_crate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.two_b_crate .style_tab_create {
    display: inline-block;
    background: #f3f3f3;
    padding: 8px 15px;
    border-radius: 10px 10px 0 0;
    margin-inline-end: 4px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.createShowActive {
    background: #D3F1FC !important;
    color: var(--background-menu) !important;
}

.btn_p_create .style_print_col {
    margin-inline-start: 7px;
}

.Samplewithdraw_pop.p-dialog .p-dialog-content {
    max-height: inherit !important;
    overflow-y: inherit !important;
}

.Samplewithdraw_pop .style_wwww_pop {
    margin-top: 15px;
}

.style_true_check i {
    font-weight: bold;
    font-size: 22px !important;
    color: var(--dark-green);
}

.notPAied_check i {
    font-weight: bold;
    font-size: 21px;
    color: var(--color-lab) !important;
}

.notPAied_check i:before {
    content: "\E90B" !important;
}

/*=======================*/
.background_trans_color2 {
    background: var(--blue-200);
    border: 1px solid #5dcbef;
    margin: 0 10px 7px;
}

.background_trans_color1 {
    background: var(--blue-200);
    border: 1px solid #5dcbef;
    margin-bottom: 7px;
}

.background_trans_color3 {
    background: var(--blue-200);
    border: 1px solid #5dcbef;
    margin-bottom: 7px;
}

.style_n_box33 .p-inputgroup {
    width: 245px;
}

.style_n_box33 .style_image_box_1 span {
    font-weight: bold;
    font-size: 15px;
    color: #013e6e;
}

.new_flex_st_bx {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_auto_comple .p-autocomplete {
    flex: 1;
}

.style_width_in .p-inputtext {
    width: 130px !important;
    text-align: center;
}

.sty_w_tttt {
    margin-inline-end: 10px !important;
}

.d_flx {
    display: flex !important;
}

.next_box_sy .p-button-srrrr {
    background: var(--dark-green) !important;
    background-color: var(--dark-green) !important;
    padding: 2px 16px;
    font-weight: bold;
    border: none;
}

.back_box_sy .p-button-icon-left {
    left: inherit !important;
    right: -4px !important;

}

.back_box_sy .p-button.p-button-text-icon-left .p-button-text {
    padding: 0.429em 1.3em 0.429em 0.25em !important;
}

.style_new_col {
    margin-bottom: 5px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.style_sp_bold {
    color: var(--background-menu);
    font-weight: bold;
}

.box_flex_alww {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.box_flex_alww .form-control {
    width: 80px !important;
}

.box_flex_alww .p-inputtext {
    width: 80px !important;
}

.box_flex_alww .p-dropdown.p-component.p-unselectable-text {
    flex: 1 !important;
    margin: 0 5px;
}

.style_n_sigifacnce {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 80%;
}

.style_n_sigifacnce_drop {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 2;
}

.style_n_sigifacnce_drop .p-multiselect.p-component.p-unselectable-text {
    flex: 2;
}

.style_n_sigifacnce_btn .p-button.p-button-icon-only {
    width: 45px !important;
    background: var(--dark-green) !important;
}

.style_n_sigifacnce_drop>label {
    font-weight: bold;
}

.temp_btn {
    margin-top: 30px;
}

/*==*/
.p-multiselect .p-multiselect-label-container {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.p-multiselect.p-component.p-unselectable-text {
    width: 100%;
}

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

.f_d_style .stylescan-div {
    height: auto !important;
}

.f_d_style .p-inputtext {
    width: 60px !important;
}

.style_lab_stack .active_tab_selected {
    background-image: linear-gradient(to right, #06a75e, #0ab586, #07c585) !important;
}

.Receive_LabRequests.patient-all .third_tabs_2 .one_tab_style_1.active_steps_tab {
    background-image: linear-gradient(to right, #05b264, #09cc97, #08df96) !important;
}

.Receive_LabRequests.patient-all .third_tabs_2 .one_tab_style_1.active_steps_tab::after {
    border-right: 19px solid #05b264;
}

.style_serve_padding_p {
    padding: 6px 10px !important;
}

/*===*/
.style_ico_all i {
    margin-inline-start: 10px;
    font-size: 23px !important;
}

.title-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 175px !important;
}

.style_arrow_pat .title-icons {
    /* justify-content: space-between !important; */
}

.style_100_sample {
    width: 100% !important;
}

.stylw_redeisgn_col6 .col-6 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 0 2px;
}

.margin_btm_35 {
    margin-bottom: 55px;
}

.margin_btm_35 .alert_style_box {
    padding: 4px 15px !important;
    margin: 6px 0px !important;
    padding-bottom: 5px !important;
}

.scan_box_file {
    width: 100%;
}

.scan_box_file .image-card-style {
    padding: 5px !important;
    margin: 0px !important;
    margin-top: 1px !important;
    margin-bottom: 6px !important;
    height: 70px;
}

.scan_box_file .empty-span-up i {
    margin-top: 16px !important;
    font-size: 17px !important;
}

.margin_btm_35 .tital-buildings {
    margin-bottom: 3px !important;
}

.margin_btm_35 .alert_style_box span {
    line-height: 1.2;
}

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

.New_inputs .new_name_input_1 {
    margin-inline-end: 5px;
}

.new_name_input_1 {
    flex: 2;
}

.new_name_input {
    flex: 1;
    text-align: center;
}

/*====*/
.all_style_samples {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: inline-flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 0 10px #ccc;
}

.status_box_styles {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    margin: 10px 0;
}

.status_box_styles .box_real_time {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 10px;
    margin: 0 5px;
    text-align: center;
    height: 71px;
      cursor: pointer;
}

.Pending_back {
    background-image: linear-gradient(to right, #2098b8, #16a2c8, #08b0df);
}

.onroad_back {
    background-image: linear-gradient(to right, #096ab5, #077fdd, #0986e9);
}

.ontime_back {
    background-image: linear-gradient(to right, #05b264, #09cc97, #08df96);
}

.delayed_back {
    background-image: linear-gradient(to right, #e71d46, #f4375c, #fa5273);
}

.notstarted_back {
    background-image: linear-gradient(to right, #e98a0d, #f59f2c, #fdb451);
}

.total_back {
    background-image: linear-gradient(to right, #7561dc, #917df9, #9e8bff);
}

.atClass_style img,
.withClass_style img,
.PendingClass_style img,
.PendingClass_style img,
.waitingClass_style img,
.RClass_style img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.style_but_live {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    padding: 4px;
    color: #fff;
    font-weight: bold;
}

.style_but_live img {
    width: 20px;
    margin-inline-end: 7px;
}

.atClass_style label {
    font-weight: bold;
    color: #fff;
}

.atClass_style {
    background-image: linear-gradient(to right, #16a2c8, #08b0df);
}

.withClass_style {
    background-image: linear-gradient(to right, #077fdd, #0986e9);
}

.PendingClass_style {
    background-image: linear-gradient(to right, #f59f2c, #fdb451);
}

.waitingClass_style {
    background-image: linear-gradient(to right, #09cc97, #08df96);
}

.RClass_style {
    background-image: linear-gradient(to right, #917df9, #9e8bff);
}

.flex_2_center {
    font-weight: bolder;
    font-size: 23px;
    width: 300px !important;
    display: inline-block !important;
    flex: none !important;
    text-align: center;
    color: #fff;
}

.real_time_style {
    flex: 2;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.real_time_style p {
    color: #fff;
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 23px;
}

.real_time_style h4 {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.real_time_img {
    width: 100%;
    flex: 1;
}

.real_time_img img {
    width: 55px;
    height: 100%;
}

.progresspar_time {
    text-align: center;
    background: var(--vs-disabled-bg);
}

.progresspar_time .counter_box_style {
    width: 75%;
    margin: auto;
}

.progresspar_time .counter_box_style .hour_box h5 {
    font-size: 13px !important;
}

.progresspar_time .counter_box_style .HOURS_count span {
    background: #ffffff !important;
}

.progresspar_time .counter_box_style .HOURS_count span {
    margin: 0 2px !important;
}

.styl_live_rt .style-n-patient .block2width {
    margin-inline-end: 5px !important;
    flex: none;
    width: 8%;
}

.styl_live_rt .Batch_Data {
    background: var(--blue-900);
    border-radius: 10px;
}

.styl_live_rt .Batch_Data .block2width_labe {
    color: #fff !important;
}

.color_main_f {
    color: var(--background-menu) !important;
}

.style_state_mon {
    font-size: 13px;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 10px;
    display: inline-block;
}

.style_confirm_btn {
    background: var(--dark-green);
    color: #fff;
    padding: 5px 30px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    border-radius: 10px;
}

.style_btn_show_check {
    display: flex;
    align-items: center;
    justify-content: end;
}

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

.style_pop_sec_st_width.p-dialog {
    width: 40% !important;
}

.style_checkde_pop {
    padding: 6px 15px;
}

.style_pop_sec_st_width .save-delete-style .savedivstyle {
    padding: 8px 19px 8px !important;
}

.deletdivstyle {
    padding: 8px 19px !important;
}

.style_checkde_pop .imgheadername {
    font-weight: bold;
}

/*=======*/
.Design_new_search {
    padding: 0 !important;
    display: flex;
    width: 100%;
}

.Design_new_search .style_he_m {
    margin-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    background: var(--background-menu) !important;
    color: #fff;
    padding: 0px 15px;
    border-radius: 0px 10px 10px 0;
}

.Design_new_search .style_he_m .style_h_new span {
    font-size: 17px !important;
    margin-inline-start: 0px !important;
}

.Design_new_search .style_inputs_st {
    flex: 2;
    padding: 5px 10px 5px;
}

.margin_end_10_sa {
    margin-inline-start: 15px !important;
    margin-top: 20px;
}

/*===*/
span.style_toggle_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 7px;
    margin: auto 5px;
    font-size: 21px;
    color: var(--color-plan);
    cursor: pointer;
}

.AddRemoveMenu .menu-new {
    display: none;
}

.AddRemoveMenu .page-height {
    width: 100% !important;
    margin-right: 0 !important;
    overflow-x: hidden;
}
/*=====treeeee=====*/
.setting_lab .p-tree .p-tree-container .p-treenode>.p-treenode-content {
    background: var(--background-menu);
    color: #fff;
    padding: px;
    font-weight: bold;
    font-size: 15px;
}

.setting_lab .p-tree .p-treenode-children {
    background: #fff;

    box-shadow: 0 0 10px #e9e9e9;
}

.setting_lab .p-tree .p-tree-container .p-treenode .p-treenode-children .p-treenode-content {
    background: var(--cyan-500) !important;
    color: #fff;
}

.setting_lab .p-tree .p-tree-container .p-treenode .p-treenode-children .p-treenode-leaf .p-treenode-content {
    /* background: none !important; */
}

.setting_lab .p-tree {
    background: #f0f0f0;
    border: none;
    border-radius: 5px;
    height: 76vh;
}

.setting_lab .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
    box-shadow: none !important;
}

.setting_lab .p-tree .p-treenode-children .p-treenode-children {
    background: var(--cyan-50);
    box-shadow: none;
}
.setting_lab .p-tree .p-treenode-children .p-treenode-children .p-checkbox+label {
   color: #000 !important;
}
.setting_lab .p-tree .p-tree-toggler .p-tree-toggler-icon {
    color: var(--background-menu);
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px #ccc;
}

.setting_lab .p-tree .p-tree-container .p-treenode {
    margin-bottom: 4px;
}

.setting_lab .p-tree {
    width: 100% !important;
    padding: 5px;
}

.tree_box_new_style {
    background: #f0f0f0;
    border: none;
    box-shadow: 0 0 10px #eee;
    border-radius: 5px;
    padding-top: 9px;
}

/*====*/
.style_new_orders_p {
    width: 100% !important;
    margin-bottom: 7px !important;
}

.restyle_title {
    margin-top: 0px !important;
    padding: 0 0px !important;
}

.padding_but_add {
    padding: 3px 10px !important;
}

.new_but_st_alll input {
    margin-top: 18px;
}

.flex_label_dropdown {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

.flex_label_dropdown .p-dropdown.p-component.p-unselectable-text {
    flex: 2;
    margin: 0 10px;
}

/*====*/
body .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
    color: #848484;
    vertical-align: middle;
    background: var(--background-menu);
    width: 20px;
    height: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 20px;
    color: #fff !important;
    display: inline-flex;
}

body .p-paginator {
    border-bottom: none !important;
}

.style_he_dropdown .form-control {
    height: 34px !important;
}

.style_pri label {
    color: #fff !important;
}

/*====*/
.new_patient_order {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_patient_order .btn_newoder {
    display: flex;
    overflow: hidden;
    justify-content: center;
    border-radius: 5px;
    margin-inline-end: 10px;
    cursor: pointer;
}

.new_patient_order .btn_newpatient {
    display: flex;
    overflow: hidden;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
}

.new_patient_order .btn_newoder label {
    padding: 6px;
 
    color: #ffffff;
 
    display: flex;
    align-items: center;
    cursor: pointer;
}

.new_patient_order .btn_newpatient label {
    display: flex;
    align-items: center;
    padding: 6px;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

.new_patient_order .btn_newoder span {
    padding: 7px;
    color: #fff;
 
}

.new_patient_order .btn_newpatient span {
    padding: 7px;
    color: #fff;
    background: #3B82F6;
    border: 1px solid #3B82F6;
}

/*=====core lab=======*/
h4.title_page_top {
    position: fixed;
    top: 12px;
    z-index: 999;
    right: 21%;
    color: #ffd091;
    font-size: 19px;
    font-weight: bold;
}

.new_flex_box_03 {
    flex: .2 !important;
    justify-content: center !important;
    padding: 1px !important;
    position: relative;
}

.new_flex_box_03 .style_pi_cog {
    font-size: 29px;
    color: var(--color-plan);
    cursor: pointer;
}
.new_flex_box_03 .style_pi_cog i{
    font-size: 29px;
}
.block_tab_lab_1 {
    padding: 10px;
    background-color: #F2F6FF;
}

.tabs_change_select .one_tab_style_1.active_steps_tab {
    background-image: linear-gradient(to right, #05b264, #0dbc8c, #08df96) !important;
}

.tabs_change_select .one_tab_style_1.active_steps_tab::after {
    border-right: 19px solid #08df96;
}

.dashboard_core_lab .status_box_styles {
    margin: 0px 0 10px !important;
}

body .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    top: 25% !important;
    color: var(--background-cancel);
}

body .p-multiselect .p-multiselect-trigger {
    border-radius: 7px !important;
}

.p-multiselect .p-multiselect-trigger .p-multiselect-trigger-icon {
    font-size: 14px;
    color: var(--background-menu);
}

.total_back_box {
    background-image: linear-gradient(to right, #0750c0, #0657d4, #9e8bff);
}

.stiper_style_tabs .third_tabs_2 .one_tab_style_1 {
    padding: 8px 0 !important;
}

.box_setting_style {
    top: 100%;
    background-image: linear-gradient(to bottom, #0d809f, #0d89aa, #08b0df);
    inset-inline-end: 8px;
    position: absolute;
    z-index: 99;
    padding: 9px 4px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    min-width: 280px;
    text-align: left;
}

.box_setting_style .check_st_1 {
    color: #fff !important;
}

.check_st_1 {
    color: #3e3e3e;
    font-size: 15px;
    margin: 5px;
    font-weight: bold;
}

.style_two_box_down_22 {
    min-width: 300px !important;
}

.number_patient_style {
    font-size: 14px;
    font-weight: bold;
}

.y_m_d {
    font-size: 14px;
    font-weight: bold;
    color: var(--background-menu);
}

.style_btn_show_check_scan {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_btn_show_check_scan .stylescan-div {
    cursor: pointer;
}

.style_btn_show_check_scan .style_confirm_btn {
    cursor: pointer;
}

.box_mlit_scan {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.box_mlit_scan input {
    width: 200px;
    border: 1px solid #e5e5e5;
    padding: 6px 15px;
    border-radius: 10px;
    text-align: center;
}

.box_mlit_scan .stylescan-div {
    margin: 0 10px;
}

.style_pop_sec_st_width_70.p-dialog {
    width: 80% !important;
}

.style_type_male_f i {
    color: var(--background-menu);
    font-size: 22px;
}

.recip_tyle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    margin: 0 20px;
}

.slt_reci {
    font-weight: bold;
    font-size: 13px;
}

.recip_tyle .p-dropdown.p-component.p-unselectable-text {
    width: 60%;
    margin: 0 10px;
}

.recip_tyle textarea {
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    width: 100%;
    padding: 6px 14px;
    margin: 0 10px;
}

/*======style_tabs_stor===*/
.block_t_style {
    box-shadow: 0 0 10px #efefef;
    padding: 10px 10px 10px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 25px;
}

.block_t_style .stylabel {
    margin-bottom: 10px !important;
}

.block_t_style .p-inputtext,
.block_t_style .p-dropdown.p-component.p-unselectable-text {
    background: #F5F6F9 !important;
}

.abs_title {
    background: var(--background-menu);
    color: #fff;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    min-width: 135px;
    display: inline-block;
    text-align: center;
}

.style_title_abs {
    margin-top: -20px;
    margin-bottom: 10px;
}

.custom_card_style .style_la_new {
    font-weight: bold;
    margin-bottom: 4px;
}

.custom_card_style .p-card-body {
    padding: 10px 15px !important;
    background: #F9F9F9 !important;
}

.style_header_table_c .p-datatable .p-datatable-header {
    background: transparent !important;
}

.style_padding_01 .p-card-body {
    padding: 5px 10px !important;
}

.style_picklist .p-picklist-source-controls,
.style_picklist .p-picklist-target-controls {
    display: none;
}

.style_picklist .p-picklist-list-wrapper {
    width: 45%;
}

.style_picklist .style_head_pick {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.style_picklist .product-category {
    font-weight: bold;
    color: var(--background-menu);
    font-size: 14px;
}

.style_count_ssa {
    font-weight: bold;
    background: var(--dark-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.style_picklist .p-picklist .p-picklist-list li {
    padding: 3px 0 !important;
}

.style_picklist .p-picklist .p-picklist-list li:nth-child(even) {
    background-color: #effcfd;
    background: #ecf6f7a8;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}

.style_picklist .p-picklist .p-picklist-list .p-picklist-item.p-highlight .style_head_pick,
.style_picklist .p-picklist .p-picklist-list .p-picklist-item.p-highlight .product-category {
    color: #fff !important;
}

.style_picklist .p-picklist .p-picklist-list {
    border: 1px solid #ededed !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 10px #efefef;
}

.style_no_backg .p-datatable .p-datatable-header {
    background: none !important;
    padding: 0 !important;
}

.box_search_add_table_style .streeee {
    margin-bottom: 2px !important;
}

.box_search_add_table_style {
    margin: 5px 7px 0;
}

.style_padding_01 .p-card .p-card-content {
    padding: 0 !important;
}

.new_style_profile {
    background: #fff;
    padding: 15px 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f2f2f2b8;
}

.style_b_bolder {
    font-weight: bold;
    font-size: 15px;
}

.style_ne_padding {
    padding: 2px 10px;
}

/*=====*/
.style_available_select {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.style_available_select .style_avil {
    width: 45%;
}

.style_available_select .style_avil .sty_av {
    background: var(--background-menu);
    color: #fff;
    border: 1px solid var(--background-menu);
    padding: 5px 10px;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.search_available_sel {
    flex: 1;
    margin-inline-start: 10px;
}

.style_available_select .style_avil .sty_av .search_available_sel .p-inputgroup .p-inputtext:not(:last-child) {
    height: 35px !important;
}

/*======*/
.style_header_table_q .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 6px 10px !important;
    border: none;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0px;
}

.style_header_table_q .style_eeeee .style_search_nfff {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_header_table_q .style_eeeee .style_search_nfff .st_all_label {
    margin-inline-end: 10px;
    font-size: 14px;
}

.style_header_table_q .style_eeeee .style_search_nfff .p-dropdown.p-component.p-unselectable-text {
    flex: 1;
}

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

.new_style_groups .style_eeeee {
    display: inline-block !important;
}

.new_style_groups .style_eeeee .style_search_nfff {
    vertical-align: top;
}

.style_a_import {
    display: inline-block;
    border-radius: 10px;
    padding: 4px 15px !important;
    font-size: 15px !important;
    vertical-align: bottom;
}

.st_pading_st .p-datatable-wrapper {
    background: #fff !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px #efefef !important;
}

.padding_25_g {
    padding: 25px;
}

.style_qu_flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style_qu label {
    font-size: 14px;
}

.style_qu .validation {
    font-size: 12px;
}

.style_qu .form-control {
    height: 34px;
}

.font_size_13 {
    font-weight: bold;
    font-size: 13px;
}

.style_class_blod {
    font-weight: bold;
    font-size: 14px;
}

.font_size_13 .form-control {
    font-size: 14px;
}

.mt3_top {
    margin-top: 20px;
}

.table_new_st_search .p-datatable .p-datatable-header {
    margin-bottom: 0 !important;
}

.toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    top: 44vh !important;
    right: 36% !important;
}

/*=====yus*/
.nav-taps .style_flex_content {
    display: inline-block !important;
}

.nav-taps .select_span_style {
    margin: 0 2px 3px !important;
    width: 19% !important;
    display: inline-block !important;
    padding: 4px 5px !important;
    background: var(--background-menu);
    color: #fff;
}

/*====*/
.style_flex_two_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.style_table_fff .p-datatable-wrapper {
    background: #fff;
    border-radius: 10px;
    padding: 0 10px;
}

.paddimg_3px {
    padding: 3px;
}

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

.dis_flex_style {
    display: flex;
    align-items: unset;
    justify-content: flex-start;
}

.style_box_store {
    flex: 1;
    margin: 0 3px !important;
}

.style_so {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    display: block;
}

.margin_01 {
    margin-inline-end: 3px;
}

.new_width_item .style_wwewre {
    width: 100%;
}

.n_st_buttons {
    padding-inline-end: 0px !important;
    margin-inline-start: 0px !important;
    margin-top: 17px !important;
}

.n_st_buttons .but-serchpatients {
    margin: 0 2px !important;
    padding: 7px 11px !important;
}

.marg_3px {
    margin: 7px 0 1px !important;
}

.style_stiper_direction .tabs_change_select {
    flex: 2;
}

.style_stiper_direction .two_action_but {
    margin-bottom: 0 !important;
}

.style_stiper_direction .borderstyle_2 {
    background: var(--background-menu) !important;
    color: #fff !important;
    cursor: pointer;
}

.textarea_style textarea {
    border: 1px solid #e7e7e7;
    padding: 5px 8px;
    border-radius: 10px;
}

.style_f_13 {
    font-size: 11px !important;
}

.style_n_padding {
    padding: 0px 9px !important;
}

.style_label_add .stylelabel_search {
    font-size: 14px;
    font-weight: bold;
}

.style_label_add .p-inputtext {
    padding: 3px !important;
}

.style_label_add .blocks_buttons_swwq {
    padding: 7px 20px !important;
}

.style_inputs_st .stylelabel_search {
    font-size: 13px !important;
    font-weight: bold;
    color: #000 !important;
}

.style_two_boxs {
    padding: 0 !important;
    border-radius: 10px !important;
}

.p-datatable.p-component {
    margin: auto;
}

.dis_input_transaction .stylelabel_search {
    font-size: 13px !important;
    margin-bottom: 0px !important;
}

.style_two_boxs .style_he_m {
    min-width: 170px;
    justify-content: center;
}

.new_panner_stt .style_top_code .but-top-header {
    padding: 5px !important;
}

.new_panner_stt .style_top_code .but-top-header span {
    font-size: 13px !important;
}

.n_style_spec {
    padding: 3px 10px 5px;
}

.st_color_f {
    color: #fff !important;
}

.tree_box_new_style .style_background_fff {
    width: 95%;
    margin: auto;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    border-color: var(--dark-green) !important;
    color: var(--dark-green) !important;
}

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

.parient_style_tree .snewst .styledelete,
.parient_style_tree .snewst .styleedite {
    margin: 0 2px;
    background: #fff !important;
}

.style_n_padd {
    padding: 6px 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    cursor: pointer;
}

.tree_style_cont .title_img_attach span {
    font-size: 16px !important;
}

.tree_style_cont .but_mon img {
    margin-right: 10px;
}

.tree_style_cont {
    margin-top: 0 !important;
}

.setting_lab .p-tree .p-treenode-children {
    padding: 0em 1em 0 0em !important;
}

.setting_lab .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label {
    width: 89%;
}

.box_input_parient>label {
    font-weight: bold;
    margin-bottom: 6px !important;
}

.parient_inputs_box {
    padding: 16px;
}

.box_input_parient {
    margin-bottom: 10px;
}

.style_bold_aww {
    font-weight: bold;
}

.style_qqq {
    margin-top: 32px !important;
    font-weight: bold;
    font-size: 15px;
}

.on_style_input {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*=============*/
.style_padding_ne {
    padding: 5px 15px !important;
}

.style_Add_serve {
    display: flex !important;
    justify-content: end;
    margin-top: 17px !important;
}

.style_flex_service {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.style_flex_service .col_style_22 {
    flex: 1;
    display: flex;
    align-items: center;
}

.style_flex_service .styl_all {
    margin: 0 10px;
}

.sty_top_5 {
    margin-top: 5px !important;
}

.sty_span_padding .style_s_img {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

.two_input_dropdown {
    flex: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 80%;
}

/*====*/
.crm_tab_promos .style_lab_ready span,
.style_lab_qq span {
    color: #fff;
}

.crm_tab_promos .box_image_price_lab img {
    border-radius: 10px;
}

.price_lab_span_old {
    font-weight: bold;
    color: #565454;
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

.crm_tab_promos .box_price_labs_all {
    padding: 6px 9px !important;
}

/*===*/
.promos_height {
    height: 47vh !important;
}

.promos_height .box_image_price_lab {
    width: 80px !important;
    height: 50px !important;
}

.promos_height .box_name_price_lab h4 {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.promos_height .price_lab_span label {
    font-weight: bold;
    font-size: 15px;
    color: var(--color-plan) !important;
}

.price_lab_span_old::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #656262;
    z-index: 1;
    display: block;
    top: 9px;
    position: absolute;
}

.description_p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 1;
    margin: 1px 0 !important;
}

.promos_height .price_lab_span span {
    font-size: 16px !important;
}

.promos_height .box_name_price_lab h4 {
    font-size: 15px !important;
}

.total_stye_sp {
    font-size: 13px;
    color: var(--background-menu);
    font-weight: bold;
}

.style_new_wid {
    width: 99% !important;
}

.bold_span_t span label {
    font-weight: bold;
    font-size: 14px;
}

.width_94_module.p-dialog {
    width: 96% !important;
}

.width_94_module.p-dialog .p-dialog-content {
    background: #fff !important;

}

.box_serv_promos_st {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.serv_mod_pop {
    flex: 2;
    margin-inline-end: 10px;
}

.serv_mod_pop_promos {
    flex: 1;
}

.cont_table_serv_mod {
    padding: 0 10px 5px !important;
}

.uploud_serv_promos .style_new_title_t {
    padding: 3px;
}

.uploud_serv_promos .style_new_title_t img {
    margin-inline-end: 10px;
}

.up_image_block {
    background: #F4F9FD;
    padding: 9px;
}

.style_preview {
    width: 60px;
    height: 60px;
    margin: auto;
}

.stylw_w_nnnn {
    padding: 4px;
}

body .p-datatable .p-datatable-tbody>tr>td {
    font-size: 14px;
}

.width_94_module .p-dialog-header {
    padding: 8px 20px !important;
}

.call_center_master .style_flex_content .select_span_style {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.call_center_master .style_flex_content .select_span_style label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline;
}

/*==========*/
.Verification .block_tab_lab_1 {
    padding: 0 !important;
}

.Verification .box_cont_table_st {
    background: #F4F9FD !important;
}

/*=======*/
.pop_image_attchment {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: #0e0e0ebf;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.style_img_attchment {
    width: 42%;
    /* top: 10%; */
    /* position: absolute; */
}

.close_attchment {
    background: #fff;
    position: absolute;
    top: 3%;
    right: 2%;
    z-index: 1;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: red;
    border: 1px solid red;
    cursor: pointer;
    box-shadow: 0 0 10px #ccc;
}

.counter_items {
    width: 25px;
    height: 25px;
    display: inline-flex;
    background: var(--color-plan);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 5px;
    box-shadow: 0 0 10px #585858;
    font-weight: bold;
}

.new_st_n_add {
    margin-top: 20px;
}

.new_st_n_add .but_add {
    padding: 2px 20px !important;
}

.style_address_pop .title-name-style {
    font-size: 15px !important;
}

.style_AddAddress_pop .form-group.mb-20 {
    position: absolute;
    z-index: 10;
    margin-left: 10px;
    margin-top: 6px;
    width: 50%;
}

/*====*/

.style_receivingu_content {
    padding: 8px;
}

.style_receivingu {
    color: #000000 !important;
    font-weight: bold;
    padding: 6px 12px 7px !important;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #fff;
    border-radius: 10px;
    margin: 0 5px;
}

.style_receivingu:not(.activeUnittab):hover {
    color: #fff !important;
    font-weight: bold;
    background: var(--dark-green) !important;
}

.style_receivingu.activeUnittab {
    color: #fff !important;
    font-weight: bold;
    background: var(--dark-green) !important;

}

.TurnAroundTime .style_flex_topTitle {
    padding: 5px;
}

.Normal_Request {
    display: inline-block;
    width: 48%;
    margin: 20px 1%;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 0 10px #efefef;
}

.Normal_Request h4 {
    background: var(--dark-green);
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 7px;
    font-weight: bold;
    border-radius: 10px 10px 0 0
}

.for_patient {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    padding: 3px 10px;
    margin-bottom: 10px;
}

.style_patient_label {
    font-weight: bold;
    font-size: 14px;
    margin-inline-start: 1px;
    flex: .6;
}

.for_patient .p-inputtext {
    flex: 1;
    margin: 0 3px;
    text-align: center;
}

.for_patient .p-dropdown.p-component.p-unselectable-text {
    flex: 1;
    text-align: center;
}

.search_flex_box_TAT {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: -4px !important;
}

.search_flex_box_TAT .p-input-icon-left {
    width: 94%;
}

.style_ne_Apply {
    background: var(--color-rad) !important;
}

/*============*/
.OutPatientD {
    padding: 8px 3px;
}

.OutPatientD .style_p_div {
    min-height: 87vh;
}

.DoctorDesktop2 .box_doctor_menu_style {
    min-height: 89vh !important;
}

.sty_image_call {
    width: 25px;
    height: 30px;
    cursor: pointer;
    margin: auto;
}

.style_doc_pri {
    font-size: 13px;
        margin-bottom: 0;
        color: #6c6c6d;
        font-weight: bold;
}

.MRN {
    font-size: 11px;
    margin-inline-start: 6px;
}

.consultion_style {
    font-weight: bold;
    font-size: 14px;
    color: var(--background-menu);
}

.FolllowUP_style {
    font-weight: bold;
    font-size: 14px;
    color: var(--dark-green);
}

.CheckIn_style {
    background: var(--dark-green);
    color: #fff !important;
}

.CheckOut_style {
    background: var(--background-menu);
    color: #fff !important;
}

.CheckOut_style_i i {
    color: var(--dark-green) !important;
    font-size: 25px !important;
}

.CheckOut_style,
.CheckIn_style {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 7px 5px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 0 10px #ccc;
}

.style_doc_pri span {
    font-size: 10px;
    color: #9d9a9a;
}

.OutPatientD .stylegender .gender span {
    color: var(--background-menu) !important;
}

.width_height_img {
    width: 22px !important;
    height: 24px !important;
}

.InPatientD .style_span_rq img {
    width: 35px !important;
    height: 33px;
}

.InPatientD .style_span_r label {
    font-size: 13px !important;
    font-weight: bold;
}

.InPatientD .style_span_rq {
    height: 50px !important;
}

.InPatientD {
    padding: 7px;
}

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

.sorgary_style {
    text-align: center;
}

.sorgary_style h5 {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: bold;
    color: var(--dark-green);
}

.sorgary_style p {
    font-size: 14px;
    margin-bottom: 0;
    color: var(--blue-900);
}

.Action_buttons_doc {
    text-align: center;
}

.button_t_action span {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 1px 10px;
    border-radius: 5px;
    display: inline-block;
    min-width: 80px;
}

.Duty_doctor {
    background: var(--background-cancel);
}

.consulted {
    background: var(--dark-green);
}

.primarys {
    background: var(--background-menu);
}

.Need_approv {
    font-size: 11px;
    color: brown;
}

.style_bed_rooms_1 img {
    width: 20px;
    margin: 0 2px;
}

.style_bed_rooms_1 span {
    font-size: 12px;
    margin: 0 1px;
}

.style_bed_rooms_1 label {
    color: var(--background-menu);
    font-size: 13px;
}

.lose_hours img {
    width: 20px;
    margin: 0 1px;
}

.lose_hours span {
    font-size: 12px;
    margin: 0 1px;
}

.lose_hours label {
    color: var(--background-menu);
    font-size: 13px;
}

.display_f {
    display: flex;
    align-items: center;
}

.style_bed_rooms_1 {
    margin: 0 6px;
}

.lose_hours {
    padding: 0 10px;
}

.InPatientD .p-accordion .p-accordionheader a {
    padding: 4px 10px !important;
}

.InPatientD .content_style_labs {
    padding: 13px;
    background: #fff;
    border: 1px solid #edededd4;
    border-top: 0;
    border-radius: 0 0 10px 10px !important;
}

.InPatientD .box_style_ser_nn {
    flex: .5 !important;
}

.InPatientD .tp_title {
    border: 0 !important;
}

.InPatientD .stylegender .gender span {
    color: var(--background-menu) !important;
}

.InPatientD .content_style_labs .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a .p-accordion-toggle-icon,
.InPatientD .content_style_labs .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a .p-accordion-toggle-icon,
.InPatientD .content_style_labs .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    background: #fff;
    margin: 15px 0px 0 10px;
    width: 25px;
    height: 25px;
    line-height: 27px;
    box-shadow: 0 0 10px #ccc;
    font-size: 15px;
    border-radius: 50%;
}

.InPatientD .p-accordion .p-accordioncontent-content {
    border: 1px solid #efefef !important;
    border-radius: 0 0 10px 10px !important;
    background: #fff !important;
    padding: 15px 10px !important;
}

.InPatientD .name-image .item h4 {
    margin-bottom: 0px !important;
}

.InPatientD .p-accordion .p-accordion-tab {
    margin-bottom: 13px !important;
}

.InPatientD .background_normal .p-accordion .p-accordionheader a {
    /* border: 1px solid #e5e5e5 !important; */
    background-color: #e9e9e9 !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
    margin-bottom: 0px;
}

.InPatientD .background_normal .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a,
.InPatientD .background_normal .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: #e9e9e9 !important;
    border-radius: 10px 10px 0 0 !important;
    color: #292828;
}

.InPatientD .background_sampletrack .p-accordion .p-accordionheader a {
    /* border: 1px solid #e5e5e5 !important; */
    background-color: var(--background-menu) !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
    margin-bottom: 0px;
}

.InPatientD .background_sampletrack .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a,
.InPatientD .background_sampletrack .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: var(--background-menu) !important;
    border-radius: 10px 10px 0 0 !important;
    color: #292828;
}

.InPatientD .background_contact .p-accordion .p-accordionheader a {
    /* border: 1px solid #e5e5e5 !important; */
    background-color: var(--color-plan) !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
    margin-bottom: 0px;
}

.InPatientD .background_contact .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a,
.InPatientD .background_contact .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: var(--color-plan) !important;
    border-radius: 10px 10px 0 0 !important;
    color: #292828;
}

.InPatientD .background_droplet .p-accordion .p-accordionheader a {
    /* border: 1px solid #e5e5e5 !important; */
    background-color: var(--dark-green) !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
    margin-bottom: 0px;
}

.InPatientD .background_droplet .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a,
.InPatientD .background_droplet .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: var(--dark-green) !important;
    border-radius: 10px 10px 0 0 !important;
    color: #292828;
}

.InPatientD .background_airborne .p-accordion .p-accordionheader a {
    /* border: 1px solid #e5e5e5 !important; */
    background-color: var(--blue) !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
    margin-bottom: 0px;
}

.InPatientD .background_airborne .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a,
.InPatientD .background_airborne .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: var(--blue) !important;
    border-radius: 10px 10px 0 0 !important;
    color: #292828;
}

.InPatientD .background_protective .p-accordion .p-accordionheader a {
    /* border: 1px solid #e5e5e5 !important; */
    background-color: var(--background-cancel) !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
    margin-bottom: 0px;
}

.InPatientD .background_protective .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a,
.InPatientD .background_protective .p-accordion .p-accordionheader:not(.p-disabled).p-highlight a {
    background-color: var(--background-cancel) !important;
    border-radius: 10px 10px 0 0 !important;
    color: #292828;
}

.InPatientD .p-accordion .p-accordionheader:not(.p-disabled).p-highlight:hover a {
    color: #292828;
}

.box_flex_inpatient .dataunits h5 {
    font-size: 13px;
    font-weight: bold;
    color: var(--background-menu);
    flex: 1;
    text-align: center;
    background: #E4F1FF;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
}

.box_flex_inpatient .dataunits .flex_display_st {
    text-align: center;
    background: #E4F1FF;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
    flex: 1;
    margin-bottom: 6px;
}

.box_flex_inpatient .dataunits .flex_display_st h6 {
    font-size: 13px;
    font-weight: bold;
    color: var(--background-menu);
    flex: 1;
    text-align: center;
}

.box_flex_inpatient .roomsbeds span {
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.cont_style_pop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.box_flex_inpatient {
    padding: 0 4px;
        width: 33%;
        margin-bottom: 12px;
}

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

.main_building_inpatient .roomsbeds {
    margin-inline-end: 0px;
    text-align: center;
    flex: 1;
    padding: 0 5px;
}

.color_Normal {
    font-weight: bold;
    font-size: 13px !important;
    color: var(--dark-green);
}

.color_Unnormal {
    font-weight: bold;
    font-size: 13px !important;
    color: var(--color-lab);
}

.main_building_inpatient {
    box-shadow: 0 0 10px #e2e2e2;
    border-radius: 10px;
    min-height: 100px;
    padding-bottom: 15px;
}

.InPatientD .content_style_labs .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    transform: rotate(0deg);
}

.style_ul_rooms li {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 13px;
    margin-bottom: 8px;
}

.background_contact .p-accordion .p-accordionheader a, .background_sampletrack .p-accordion .p-accordionheader a,
.background_droplet .p-accordion .p-accordionheader a,
.background_airborne .p-accordion .p-accordionheader a,
.background_protective .p-accordion .p-accordionheader a {
    color: #fff !important;
}

.background_contact .stylegender .gender span,
.background_droplet .stylegender .gender span,
.background_airborne .stylegender .gender span,
.background_protective .stylegender .gender span {
    color: #fff !important;
}

.background_contact .style_doc_pri span,
.background_droplet .style_doc_pri span,
.background_airborne .style_doc_pri span,
.background_protective .style_doc_pri span,
.background_contact .style_doc_pri,
.background_droplet .style_doc_pri,
.background_airborne .style_doc_pri,
.background_protective .style_doc_pri {
    color: #fff !important;
}

.background_contact .sorgary_style h5,
.background_droplet .sorgary_style h5,
.background_airborne .sorgary_style h5,
.background_protective .sorgary_style h5,
.background_contact .sorgary_style p,
.background_droplet .sorgary_style p,
.background_airborne .sorgary_style p,
.background_protective .sorgary_style p,
.background_contact .style_bed_rooms_1 label,
.background_droplet .style_bed_rooms_1 label,
.background_airborne .style_bed_rooms_1 label,
.background_protective .style_bed_rooms_1 label,
.background_contact .lose_hours label,
.background_droplet .lose_hours label,
.background_airborne .lose_hours label,
.background_protective .lose_hours label {
    color: #fff !important;
}

.InPatientD span.style_span_r {
    margin-inline-start: 2px !important;
}

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

.style_span_background {
    display: flex;
     
}

.background_nor {
    display: flex;
    margin: 0 1px;
        align-items: center;
        justify-content: center;
}

.style_box_span {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    border-radius: 2px;
}

.background_nor label {
    font-size: 13px;
    font-weight: bold;
    margin: 0 3px;
}

.b_contact {
    background: var(--color-plan);
}

.b_droplet {
    background: var(--dark-green);
}

.b_airborne {
    background: var(--blue);
}

.b_protective {
    background: var(--background-cancel);
}

.b_normal {
    background: #e9e9e9;
}

.Inpatient_filter .new_tabs_prime_style {
    flex: 2;
}

.flex_emerg_boxs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 10px;
}

.margin_emerg {
    margin-inline-end: 10px;
}

.Cash_background {
    background: var(--color-plan);
}

.Cash_insurance {
    background: var(--dark-green);
}

.box_traiged_content {
    flex: 1;
}

.EmergencyD .content_style_labs .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    /* display: none; */
    margin: 8px 10px 0 0px !important;
}

.count_emergency {
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--background-menu);
}

.unTriaged_background .count_emergency {
    color: var(--dark-green) !important;
}

.Triaged_background .tp_title {
    background: var(--background-menu) !important;

    padding: 4px 10px 5px 10px !important;
    border-radius: 10px 10px 0 0 !important;
}

.unTriaged_background .tp_title {
    background: var(--dark-green) !important;
    padding: 4px 10px 5px 10px !important;
    border-radius: 10px 10px 0 0 !important;
}

.box_traiged_content .img_tet_st span {
    color: #fff !important;
}

.CTAS_style {
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 50%;
    /* background: #fff; */
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.box_traiged_content .cont_style_pop {
    display: inline-block !important;
}

.box_traiged_content .box_flex_inpatient {
    display: inline-block !important;
    margin: 2px 2px 10px;
    width: 49%;
}

.width_100_emrg {
    width: 100% !important;
}

.style_color_000 h4 {
    color: #000 !important;
}

.style_color_000 p {
    color: #f97376 !important;
}

.new_style_outpatient2 .style_wedii_flex {
    width: 90%;
}

.style_com {
    font-weight: bold;
}

.activeFilters_i {
    position: relative;
}

.activeFilters_i::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #06adf2;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right: 49px solid transparent;
    border-right: 8px solid transparent;
}

.OutPatientD2 .p-card .p-card-content {
    padding: 0 !important;
}

.p_inpatient .details_bed_rooms {
    margin-inline-start: 25px;
}

/*=======*/
.new_patientRegister.p-dialog {
    width: 98% !important;
}

.new_patientRegister.p-dialog .p-dialog-content {
    max-height: 88vh !important;
}

.new_patientRegister .style-toptitle-div {
    margin-bottom: 5px !important;
}

.new_patientRegister .style_ico_all i {
    display: none !important;
}

.height_main_contact {
    min-height: 236px;
}

.new_patientRegister .imgheadername {
    font-size: 15px !important;
    font-weight: bold;
}

/*===========*/
.style_pop_sec_st_width_90.p-dialog {
    width: 98% !important;
}

.style_pop_sec_st_width_90 .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    margin-top: 3px !important;
}

.style_f_ch {
    display: flex;
    align-items: center;
}

.style_f_ch h5 {
    margin: 0 3px;
    color: #fff !important;
}

.style_f_ch p {
    margin: 0 3px;
    color: #fff !important;
}

.style_Sample_h4 {
    font-size: 15px !important;
    color: var(--background-menu);
}

.syle_samP .MRN {
    font-size: 13px !important;
}

.syle_samP .style_ymd {
    color: var(--background-menu);
    font-size: 15px !important;
}

.backSample {
    font-size: 20px;
    font-weight: bold;
    color: var(--color-plan);
    cursor: pointer;
}

.style_header_sample .style_top_code .but-top-header {
    padding: 5px 10px !important;
}

.style_header_sample {
    padding: 4px;
}

.style_header_sample .style_top_code .but-top-header span {
    font-size: 13px !important;
    font-weight: bold;
}

.style_pop_sec_st_width_90 .p-accordion .p-accordioncontent-content {
    padding: 3px 10px !important;
}

.style_pop_sec_st_width_90 .number_patient_style {
    font-size: 13px !important;
}

.style_pop_sec_st_width_90 .p-dialog-content {
    min-height: 80vh;
}

.style_pop_sec_st_width_90 .content_style_labs {
    min-height: 67vh;
}

.flex_2_sam {
    flex: 2 !important;
}

.flex_1_sam {
    flex: 1;
}

.control_patient_banner {
    margin-bottom: 10px;
}

.control_patient_banner .new_pop_banner {
    display: none;
}

.background_sampletrack .name-image .item h4,
.background_sampletrack .style_f_ch {
    color: #fff !important;
}

.background_sampletrack .p-accordion .p-accordionheader:not(.p-highlight):not(.p-disabled):hover a {
    background-color: var(--background-menu) !important;
}

.grid-container-box {
    display: inline-block;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.grid-item-box {
    border: 1px solid rgb(241 241 241 / 80%);
    padding: 10px;
    /* font-size: 30px; */
    text-align: center;
    box-shadow: 0 0 10px #f1f1f1;
    margin: 3px 4px;
    flex: 1;
    min-height: 123px;
    display: inline-block !important;
    width: 19.3% !important;
    vertical-align: top;
}

.box_data_sample {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5px;
}

.box_data_sample img {
    width: 18px !important;
}

.box_data_sample span {
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px;
}

.style_pop_sec_st_width_60.p-dialog {
    width: 60% !important;
}

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

.un_do_action span {
    color: var(--background-cancel);
    font-weight: bold;
    font-size: 20px;
    line-height: 100px;
}

.un_do_step {
    background: #ececec;
    ;
    position: relative;
}

.un_do_step::after {
    content: "";
    position: absolute;
    height: 3px;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--background-cancel);
    border-bottom: 2px solid var(--background-cancel);
    width: 110%;
    transform: rotate(25deg);
    transform-origin: left;
}

.control_patient_banner .p-card {
    background-color: #fff !important;
}

.sample_track .content_style_labs {
    padding: 0px;
    background: transparent !important;
    border: none !important;
    border-top: 0;
    border-radius: 10px 10px !important;
}

/*==================*/
.fix_design_ess {}

.fix_design_ess .p-treetable-header {
    border: none !important;
}

.fix_design_ess .p-input-icon-left {
    width: 100%;
}

.fix_design_ess .p-input-icon-left i {
    color: var(--background-save);
}

.fix_design_ess .p-treetable-tablewrapper {
    width: 97%;
    margin: auto;
    border: none;
}

.fix_design_ess .p-treetable .p-treetable-tbody>tr>td {
    border: none !important;
    border-bottom: 1px solid #efefef !important;
    display: flex;
    width: 100%;
    align-items: center;
}

.fix_design_ess .parient_style_tree {
    width: 100%;
}

.fix_design_ess .stylediv-but {
    height: 36px;
    margin-top: 23px;
}

.style_new_lab_unt {
    display: inline-block;
    text-align: right;
}

.style_new_lab_unt .style_ymd {
    color: var(--background-menu) !important;
}

.style_new_lab_unt .style_ymd {
    color: var(--background-menu) !important;
}

/*====*/

.style_pop_sec_st_width_6.p-dialog {
    width: 55% !important;
}

.box_test_service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 10px #f4f4f4;
    padding: 6px 10px;
    border-radius: 10px;
    margin: 9px 2px;
    border: 1px solid #f5f5f5;
}

.select_service {
    display: flex;
    align-items: center;
}

.select_service .style_listD {
    font-weight: bold;
    font-size: 13px;
    margin: 0 9px;
}

.but_apply_all {
    background: var(--dark-green);
    color: #fff;
    padding: 4px 11px;
    border-radius: 21px;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
}

.barcode_test {
    font-size: 14px;
    font-weight: bold;
    color: var(--background-menu);
}

.style_assign_but {
    background: var(--dark-green);
    color: #fff;
    padding: 4px 8px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 0 0 10px #f2f2f2;
    cursor: pointer;
}

/*=====*/
.status_normal {
    font-weight: bold;
    font-size: 14px;
    color: var(--dark-green);
}

.status_Urgent {
    font-weight: bold;
    font-size: 14px;
    color: var(--background-cancel);
}

.status_Panic {
    font-weight: bold;
    font-size: 14px;
    color: var(--color-pharmacy);
}

.status_Low {
    font-weight: bold;
    font-size: 14px;
    color: var(--color-plan);
}

.write_Result .but-add {
    padding: 4px 10px !important;
    margin-top: 2px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.style_pop_sec_st_width_100.p-dialog {
    width: 99% !important;
}

.save_writing {
    background: #07c4bb !important;
    padding: 5px 15px !important;
    font-size: 17px !important;
}

.style_writing_r .tp_title {
    background: #E4F1FF !important;
}

.style_writing_r .style_write_result {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.drop_normal {
    display: flex;
    align-items: center;
    justify-content: end;
}

.style_writing_r .style_icon_hov {
    color: var(--background-menu) !important;
}

.style_writing_r .button_t_action span {
    min-width: auto !important;
}

.style_writing_r .icon.styleedite {
    color: var(--background-menu) !important;

}

.style_label_write {
    font-weight: bold;
}

.menu_back_write {
    font-weight: bold;
    font-size: 15px;
    color: var(--background-menu);
}

.style_res_write {
    font-weight: bold;
    margin: 0 8px;
}

.drop_select_option {
    min-width: 200px;
}

.serv_writing {
    margin-bottom: 10px;
}

.comment_write {
    background: #ffffff;
    padding: 11px 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
    margin-bottom: 10px;
}

.comment_write .textareastyle {
    margin-top: 20px;
}

.comment_write .style_search_s {
    margin-bottom: 0px !important;
}

.comment_write .textareastyle textarea {
    padding: 9px !important;
    font-weight: bold;
}

.comment_write .style_search_s .stylelabel_search {
    font-size: 16px !important;
    color: var(--background-menu);
    margin-bottom: 6px;
}

.Urgent_background_r {
    background: var(--background-cancel);
    color: #fff;
    padding: 3px 10px;
    min-width: 80px;
    text-align: center;
    border-radius: 3px;
}

.normal_background_r {
    background: var(--dark-green);
    color: #fff;
    padding: 3px 10px;
    min-width: 80px;
    text-align: center;
    border-radius: 3px;
}

.style_autocomp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mltiselect_write {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0px 10px;
}

.wri_re {
    font-weight: bold;
}

.add_write_res {
    display: flex;
    width: 39px;
    cursor: pointer;
    height: 31px;
    align-items: center;
    justify-content: center;
    background: var(--dark-green);
    color: #fff;
    border-radius: 6px;
}

.two_table_write {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.box_write_table {
    flex: 1;
    margin: 0 10px;
}

.box_write_table .p-datatable .p-datatable-thead>tr>th,
.box_write_table .p-datatable .p-datatable-thead>tr>th .p-sortable-column-icon {
    color: #000 !important;
    font-size: 13px !important;
    background-color: #e5e5e5 !important;
}

.growth_status {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px #ccc;
    width: 99%;
    margin: 10px auto;
    border-radius: 10px;
}

.custom_textarea_st .style_search_s {
    margin-bottom: 0px !important;
}

.custom_textarea_st .textareastyle textarea {
    padding: 5px 8px !important;
}

.custom_dropdown_st {
    margin-bottom: 0 !important;
}

.sty_input_wwe .p-inputtext {
    width: 55px !important;
}

.pi_book_style {
    font-size: 27px;
    color: var(--color-plan);
    cursor: pointer;
}

.box_flag {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.box_flag img {
    margin: 0 3px;
    width: 30px;
}

.style_collect_data_ss {
    padding-top: 25px;
}

.style_collect_data_ss .block_t_style {
    padding: 4px 10px 7px !important;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 24px !important;
    border: 1px solid #e2e2e2 !important;
}

.style_collect_data_ss .style_title_abs {
    margin-bottom: 5px !important;
}

.style_collect_data_ss .box_ser_st label {
    font-size: 13px !important;
}

.style_icon_hov i {
      font-size: 21px !important;
    color: var(--background-menu);
}

.style_w_table_g {
    background: #F4F9FD !important;
    padding: 0px 10px;
    border-radius: 10px;
}

.style_w_table_g .p-datatable .p-datatable-thead>tr>th,
.style_w_table_g .p-datatable .p-datatable-thead>tr>th .p-sortable-column-icon {
    color: #fff !important;
    background-color: var(--blue) !important;
}

/*=====*/
.styl_C {
    padding: 4px 11px;
    display: inline-block;
    color: #fff;
    border-radius: 20px;
}

.class1 {
    background: var(--color-plan);
}

.append_comment {
    background: #f5f6f9;
    border-radius: 10px;
    padding: 7px;
}

.style_comment_append {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 5px;
}

.style_writing_r .p-accordion .p-accordioncontent-content {
    padding: 3px 10px !important;
    max-height: 65vh;
    overflow-y: auto;
}

.back_blue_stt .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--blue) !important;
}

.style_img_chart img {
    width: 28px;
    cursor: pointer;
}

.width_img_sr {
    width: 20px;
}

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

.vital_box_st_pop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 4px;
    background: #f5f5f5;
    margin: 0 4px;
    border-radius: 3px;
}

.w_style_p {
    font-weight: bold;
    font-size: 14px;
    color: var(--background-menu);
    margin: 0 3px;
}

.unt_style label {
    font-size: 15px;
    color: var(--dark-green);
}

.unt_style span {
    font-size: 10px;
    color: var(--background-menu);

}

.to_div_box {
    display: flex;
    align-items: center;
}

.count_services {
    display: inline-flex;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #fff;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    color: var(--color-plan);
    font-size: 15px;
    font-weight: bold;
}

/*======*/
.style_collect_data_ss .data_new_collect {
    padding: 0 15px;
}

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

.drop_stttt {
    flex: 1;
    display: flex;
    /* margin: 4px 9px; */
}

.style_save_ttttt {
    flex: 1;
    justify-content: flex-end;
}

.style_backgtound_coll {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 98%;
    margin: auto;
}

.box_coll_sttt {
    flex: 1;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 0 4px;
    padding-bottom: 10px;
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #e2e2e2;
}

.box_coll_sttt .Design_new_search {
    margin-bottom: 9px;
}

.box_coll_sttt .table-column-group .p-datatable .p-datatable-tfoot>tr>td {
    background-color: rgb(203 234 236 / 32%) !important;
}

/*======*/
.background1 {
    color: #00008B !important;
}

.background2 {
    color: #4682B4 !important;
}

.background3 {
    color: #6495ED !important;
}

.background4 {
    color: #00BFFF !important;
}

.background5 {
    color: #1E90FF !important;
}

.background6 {
    color: #48D1CC !important;
}

.background7 {
    color: #40E0D0 !important;
}

.background8 {
    color: #00CED1 !important;
}

.background9 {
    color: #90EE90 !important;
}

.background10 {
    color: #FF8C00 !important;
}

.background11 {
    color: #B8860B !important;
}

.background12 {
    color: #DAA520 !important;
}

.background13 {
    color: #FF7F50 !important;
}

.background14 {
    color: #FF6347 !important;
}

.background15 {
    color: #DC143C !important;
}

.background16 {
    color: #FFC0CB !important;
}

.background17 {
    color: #6A5ACD !important;
}

.background18 {
    color: #7B68EE !important;
}

.background19 {
    color: #9400D3 !important;
}

.background20 {
    color: #DA70D6 !important;
}

/*=======*/
.filter_comp {
    background: #F4F9FD;
    border-radius: 9px;
    height: 80vh;
    position: relative;
}

.box_f_comp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--background-menu);
    border-radius: 10px 10px 0 0;
    padding: 4px 10px;
}

.box_f_comp .styl_fl_i {
    background: var(--indigo-50);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: var(--background-menu);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin: 0 2px;
}

.box_f_comp .style_f_head {
    color: #fff;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: bold;
    margin: 0 5px;
}

.filter_inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.filter_inputs .strrertt {
    font-weight: bold;
    font-size: 13px;
    flex: .8 !important;
    line-height: 1;
}

.content_f_comp {
    padding: 10px 14px;
    height: 76vh;
    /* overflow-y: auto; */
}

.filter_inputs .p-dropdown.p-component.p-unselectable-text,
.filter_inputs .p-inputtext {
    flex: 1 !important;
    font-size: 13px !important;
}

.filter_inputs .style_wwewre {
    width: 100%;
    flex: 1;
}

.filter_buts_style {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background: #dde2e5;
    padding: 7px;
    left: 0;
    gap: 7px;
    box-shadow: 0 0 10px #eaeaea;
}

/*====*/
.styl_display_block {
    display: block !important;
}

.style_multi_serv_style .new_table_st_sww .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--background-menu) !important;
    padding: 7px !important;
    color: #fff !important;
}

.hjhuuuuhu .age_mn {
    font-size: 13px !important;
}

.hjhuuuuhu .box_age_from {
    display: inline-flex !important;
}

.hjhuuuuhu .age_in {
    width: 50px !important;
}

.p-inputtext.p-invalid.p-component,
.p-dropdown.p-invalid.p-component {
    border: 1px solid #f44336 !important;
}

/*====*/
.show_arrow_style_box {
    position: relative;
}

.st_d_style {
    bottom: -15px !important;
}

/*=======*/
.new_d_batch_sample .Batch_Data {
    flex: .7;
    margin-top: 7px;
}

.new_d_batch_sample {
    padding-bottom: 2px;
}

.flex_warp_sample {
    justify-self: flex-end;
}

.flex_warp_sample .nav-item {
    width: 10%;
    margin-bottom: 20px !important;
}

.flex_warp_sample .edite_tabs_vertical {
    justify-content: flex-end;
}

.flex_warp_sample .edite_tabs_vertical .nav-link:hover .stylelabel {
    background: var(--background-menu) !important;
}

.styl_nuv_sample {
    font-weight: bold;
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.flex_warp_sample .edite_tabs_vertical>li a:after {
    height: 3px !important;
}

.flex_warp_sample .edite_tabs_vertical li:nth-child(10) a:after {
    content: "";
    border: 3px solid #DBE8F4;
    position: absolute;
    background: transparent;
    display: block;
    width: calc(75% - 43px);
    height: calc(100% + 25px) !important;
    top: 28px;
    right: calc(50% + 8px);
    z-index: 1;
    border-radius: 0px;
    border-left: 0;
}

.flex_warp_sample .edite_tabs_vertical li:nth-child(10) a.active:after {
    content: "";
    border: 3px solid var(--background-menu) !important;
    position: absolute;
    background: transparent !important;
    display: block;
    width: calc(75% - 43px);
    height: calc(100% + 25px) !important;
    top: 28px;
    right: calc(50% + 8px);
    z-index: 1;
    border-radius: 0px;
    border-left: 0 !important;

}

.branch_stt_sample {
    font-weight: bold;
    font-size: 12px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.col-lg-5 .details_div_diagnosis {
    overflow-y: auto;
}

.style_but_account .style_but_account {
    margin: 0 !important;
}

.style_w_new_de .box_ser_st label {
    font-size: 14px !important;
}

.style_w_new_de .p-multiselect .p-multiselect-label.p-placeholder {
    font-weight: bold !important;
    color: #000 !important;
}

.style_but_four .add_attachstyle_n {
    background: var(--color-rad) !important;
    padding: 4px 20px 6px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 0 10px #e3e3e3;
    border-radius: 8px;
    flex: 2;
    font-weight: bold;
    margin-inline-start: 0px;
}

.style_but_four .search-btn2 .p-button {
    padding: 7px 15px !important;
}

.margin_ri_30 {
    margin-left: 50px !important;
}

.margin_ri_fles {
    flex: .6 !important;
}

.style_but_four .search-btn2 .but_add {
    padding: 7px 15px !important;
    margin-left: 5px;
}

.style_colmn_table {
    box-shadow: 0 0 10px #efefef;
    border-radius: 10px;
    width: 100%;
    background: #f5faff;
}

.style_colmn_table .table-column-group {
    width: 99%;
    margin: 6px auto;
    padding-top: 9px;
}

/*=======*/
/*=======*/
.sty_input_aaa .p-inputtext {
    background: #f5faff !important;
    text-align: center;
    color: var(--background-menu) !important;
}

.style_colmn_table .box_edit_delet_st {
    display: inline-block !important;
}

.style_colmn_table .table-column-group .p-datatable .p-datatable-tbody>tr>td {}

.sty_name {
    font-weight: bold;
}

.width_custom_row {
    min-width: 500px;
    display: inline-block;
}

.style_colmn_table .table-column-group .p-datatable .p-datatable-tfoot>tr>td {
    background-color: rgb(209 232 253) !important;
}

.sty_name {
    font-weight: bold;
}

.width_custom_row {
    min-width: 500px;
    display: inline-block;
}

.style_colmn_table .table-column-group .p-datatable .p-datatable-tfoot>tr>td {
    background-color: rgb(209 232 253) !important;
}

.style_title_setting .img_tet_st span {
    color: #fff !important;
}

.style_title_setting {
    border-radius: 10px 10px 0 0;
}

/*=============*/
.dis_flex_style_qq {
    flex: 2;
    margin-left: 30px;
}

.two_action_but_qq {
    margin-bottom: 0 !important;
    margin-top: 14px;
}

.syyle_tab_s_resv .style_flex_content {
    width: 45%;
}

.background_q_all {
    padding: 9px;
    background-color: #F2F6FF;
    border-radius: 10px;
}

.sty_arr .style_search_s {
    margin-bottom: 0px !important;
}

.stffkggk .style_items_ddd {
    padding: 10px 12px 12px !important;
}

.stffkggk .Design_new_search .style_he_m {
    border-radius: 0px 10px 10px 0px !important;
}

.custom_ta_new .p-datatable .p-datatable-header {
    padding: 0 !important;
    margin-bottom: -6px !important;
}

.custom_ta_new .block2width label {
    font-size: 13px !important;
    text-align: right !important;
    display: block;
}

.filler_st_w .filter_inputs .p-autocomplete,
.filler_st_w .filter_inputs .p-calendar {
    flex: 1 !important;
    font-size: 13px !important;
}

.marg_24 {
    margin-top: 24px !important;
}

.marg_24 .p-button {
    padding: 6px 11px !important;
}
/*=============*/
.dis_flex_style_qq {
    flex: 2;
    margin-right: 30px;
}

.two_action_but_qq {
    margin-bottom: 0 !important;
    margin-top: 14px;
}

.syyle_tab_s_resv .style_flex_content {
    width: 45%;
}

.background_q_all {
    padding: 9px;
    background-color: #F2F6FF;
    border-radius: 10px;
}

.sty_arr .style_search_s {
    margin-bottom: 0px !important;
}

.stffkggk .style_items_ddd {
    padding: 10px 12px 12px !important;
}

.stffkggk .Design_new_search .style_he_m {
    border-radius: 10px 0px 0px 10px !important;
}

.custom_ta_new .p-datatable .p-datatable-header {
    padding: 0 !important;
    margin-bottom: -6px !important;
}

.custom_ta_new .block2width label {
    font-size: 13px !important;
    text-align: left !important;
    display: block;
}

.filler_st_w .filter_inputs .p-autocomplete,
.filler_st_w .filter_inputs .p-calendar {
    flex: 1 !important;
    font-size: 13px !important;
}

.marg_24 {
    margin-top: 24px !important;
    margin-right: 8px;
}

.marg_24 .p-button {
    padding: 6px 11px !important;
}

/*=========*/
.add_verification_test {
    background: var(--color-rad);
    padding: 6px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
}

.style_pop_sec_st_width_50.p-dialog {
    width: 60% !important;
}

.fff_background .p-dialog-content {
    background-color: #ffffff !important;
    background: #fff !important;
}

.style_n_ser_v {
    height: 41px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px;
    box-shadow: 0 0 10px #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 10px 4px 10px;
    border: 1px solid #E6E6E6;
    background: #E4F1FF;
}

.styl_marg_20 {
    margin-bottom: 15px !important;
}

.active_serv_backg {
    background: var(--background-menu) !important;
}

.active_serv_backg .menu_back_write,
.active_serv_backg .style_label_write,
.active_serv_backg .style_res_write {
    color: #fff !important;
}

.fff_background .imgheadername {
    font-weight: bold !important;
    font-size: 15px !important;
}

.sty_text_val {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
}

.styl_text_1 {
    flex: 1;
    font-weight: bold;
    color: var(--background-menu);
}

.st_all_drop {
    flex: 1;
}

.wid_flex_1 {
    font-weight: bold;
    flex: .35;
    font-size: 13px;
}

.st_all_drop textarea {
    background: #F5F6F9 !important;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    width: 100%;
    font-size: 14px;
}

/*======*/
.patient_p_box {
    margin-bottom: 8px;
}

.two_but_style span {
background: #fff;
    margin: 0 1px;
    padding: 3px 10px;
    display: inline-block;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}

.style_add_dd {
    padding: 3px 5px;
        border-radius: 3px;
        margin-top: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
}
.sumsystem_screen .tab_o_style span {
    font-size: 16px !important;
}
.sumsystem_screen .tab_o_style {
    justify-content: center !important;
}

.activeTab_11_style {
    background: var(--background-menu) !important;
    color: #fff !important;
}

.st_inp {
    width: 50px;
    margin: auto;
    text-align: center;
}

.st_inp .p-inputtext {
    text-align: center !important;
}

.sumsystem_screen .patient_comp {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    height: 88vh;
}

.sumsystem_screen .serve_com {
    background: #fcfcfce8;
    padding: 10px;
    border-radius: 4px;
    height: 88vh;
}

/*======*/
.style_new_inquiry .input_search_patient {
    width: 96%;
    margin: 5px auto 0;
}

.style_new_inquiry .box_name_price_lab h4 {
    font-size: 15px !important;
    margin-bottom: 0 !important;
}

.sskskss {
    display: flex;

}

.sskskss .next_but_slider {
    margin: 0 2px !important;
}

.colr_strre {
    background: var(--color-rad) !important;
}

.style_new_inquiry {
    margin-bottom: 40px;
}
/*=====*/
.style_erkrj{
    flex: 2 !important;
}
.style_erkrj .p-autocomplete{
 width: 100% !important;
}
.st_wewkrk{
    width: 100%;
        padding-bottom: 4px;
}
.page_iquiry .aside-piano.fix-aside .auto-hide i {
    transform: rotate(0);
}

.page_iquiry .aside-piano.fix-aside {
    box-shadow: none;
}

.page_iquiry .aside-piano.close-tap {
    width: 0;
}

.page_iquiry .aside-piano.close-tap .title-tap {
    position: absolute;
    transition: all 0.4s ease-in-out;
    transform: rotate(90deg);
    top: 50px;
    inset-inline-start: -79px;
    background-color: #0c6ef2;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    height: 30px;
    min-width: 50px;
}

.page_iquiry .aside-piano.close-tap .title-tap .icon-action {
    display: none;
}

.page_iquiry .aside-piano.aside-two .title-tap {
    background-color: #022d7a;
}

.page_iquiry .aside-piano.aside-two.close-tap .title-tap {
    top: 197px !important;
    inset-inline-start: -96px;
}

.page_iquiry .aside-piano.aside-three .title-tap {
    background-color: #0aa5a8;
}

.page_iquiry .aside-piano.aside-three.close-tap .title-tap {
    top: 328px !important;
    inset-inline-start: -96px;
}
/*=====*/
.table_column_group_da .p-datatable .p-datatable-tfoot>tr>td {
    background-color: rgb(209 232 253) !important;
}

.table_column_group_da .p-datatable .p-datatable-tfoot>tr>td {
    color: #145082;
    font-weight: bold;
    background-color: #EEEEEE;
    padding: 0.371em 0.857em !important;
    border: 1px solid #ccc !important;
    border-width: 0 !important;
    border-top-width: 1px !important;
}
/*=====*/
.InternalPrescriptionsL .style_content_doctor_desk {
    margin-inline-start: 0px !important;
}

.calender_st_table .p-calendar.p-calendar-w-btn .p-inputtext {
    background: #f4f4f4;
}

.style_table_no_back {
    background: #fff;
    padding: 0 7px;
    margin-top: 8px;
    border-radius: 10px;
    box-shadow: 0 0 10px #efefef;
}

/* Start Code By Mostafa */
.BedsMap-Component .header-Safes-page {
    transform: scale(1) !important;
    margin-block-start: 0!important;
    margin-block-end: 5px !important;
}
.BedsMap-Component  .card-bed .card-body .room-box .title-room {
    transform: scale(1) !important;
}
.BedsMap-Component .patient-list .header-patient .icon .patient-list-settings {
    transform-origin: top left !important;
}
/* End Code By Mostafa */
.sty_group_systems .tab_o_style {
    justify-content: center !important;

}

.activeTab_11_blue {
    background: var(--background-menu) !important;
}

.activeTab_11_blue span {
    color: #fff !important;
}

.check_box_all_style .checkbox_style_pop_d {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 5px;
    padding: 0 10px;
    margin-top: 0;
    padding-top: 11px;
}

.check_box_all_style {
    background: #F3FAFF;
    border: 1px solid #eaeaea;
    min-height: 40vh;
}

.check_box_all_style .checkbox_style_pop_d .field-checkbox {
    margin-bottom: 9px;
    width: 24%;
    display: flex;
        align-items: center;
        line-height: 12px;
}
.serve_com_st .tab_o_style label {
    width: 21px !important;
    height: 21px !important;
    line-height: 21px !important;
    color: #fff !important;
    background: var(--color-plan) !important;

}
/*=====*/
.st_ceckbox_tree {
display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3px 10px;
    font-size: 13px;
    flex-wrap: wrap;
}
.st_ceckbox_tree .field-checkbox {
    min-width: 150px;
}
.styl_6_width {
    width: 45%;
    margin: 0 10px -3px;
}

.setting_lab {
    background: #f0f0f0;
    border: none;
    border-radius: 5px;
    padding-top: 3px;
}
.arrow_en_ar i{
    margin: 0 5px;
}
/*===*/
.styl_w_100_input {
    width: 100%;
}

.styl_w_100_input .p-input-icon-left {
    width: 100% !important;
}

.tab_cust_style .p-datatable-header {
    padding: 4px 0 0 !important;
    margin-top: 0px !important;
}

.tab_cust_style .p-input-icon-left>.p-inputtext {
    padding-left: 2rem;
    border: 1px solid #dcdcdc !important;
}

.st_cus_table .p-datatable-header {
    padding: 5px 0 !important;
    margin-top: 6px !important;
}

.p-highlight-table tr.p-highlight {
    background-color: var(--sec_color) !important;
    border: #0EB2F2 !important;
}
.p-highlight-table tr.p-highlight::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #06adf2;
}
.custm_auto_comple .p-inputgroup .p-inputtext:not(:last-child) {
    border-radius: 6px !important;
    height: 32px !important;
}

.custm_auto_comple .p-inputgroup .p-button:last-child {
    top: -5% !important;
}
/*======*/
.custm_tree_work .setting_lab .p-treetable .p-treetable-header {
    background: #CFE1F2;
    border: none;
}

.custm_tree_work .tree_box_new_style {
    padding: 8px;
    height: 89vh;
    overflow-y: auto;
}

.cont_all_box_qq {
    background: #F4F9FD;
    border-radius: 9px;
    padding: 8px;
    height: 89vh;
    overflow-y: auto;
}

.par_sttt {
    padding: 7px 12px !important;
}

.st_habal {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ebebeb;
    margin-bottom: 9px;
}
.d_f_displ {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.d_f_displ .p-button.p-button-success,
.d_f_displ .p-buttonset.p-button-success>.p-button {

    /* padding: 0px 10px !important; */
}
        .setting_lab .p-tree .p-tree-container .p-treenode.p-treenode-leaf .p-treenode-children .p-treenode-content {
            background: var(--cyan-500) !important;
            color: #fff;
        }

    /*=====matrix====*/
.chart_graph {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px 15px;
}
.chart_graph .box_serv_chart{
  flex: 1;
}
.chart_graph .box_serv_chart_graph {
 flex: 1;
}
.chart_graph .box_serv_chart_graph .tp_title {
    padding: 6px 10px;
    border-radius: 10px 10px 0 0;
}
.style_ntent_doctor_desk {
    background: #f6faff;
    box-shadow: 0 0 10px #efefef;
    border-radius: 10px;
    width: 100%;
    padding: 3px 10px;
}
.style_ntent_doctor_desk .dashboard_core_lab{
    margin-bottom: 10px;
     margin-top: 10px;
}
.pay_box_sp {
    background: var(--dark-green);
    color: #fff;
    padding: 4px 20px;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
}
.amout_div_stt{
    text-align: center;
    width: 130px;
    margin: auto;
  }
  
.ChronicDiseasRelationShip .style_table_no_back {
    background: none !important;
}
.ChronicDiseasRelationShip .style_height_nnn {
    height: 83vh !important;
}    

.flex_text_dropdown_s {
    display: flex;
    align-items: center;
    gap: 0 10px;
    width: 90%;
    justify-content: flex-start;
    margin: auto;
}
.flex_text_dropdown_s .text_search_stt_all {
    flex: 2;
}
.ChronicDiseasRelationShip span.style_p {
    font-size: 13px !important;
    color: #2a2a2a !important;
    font-weight: bold;
}
    
.save_b_chr {
    /* display: flex; */
    /* align-items: center; */
    position: fixed;
    bottom: 28px;
    left: 38px;
}
.save_b_chr .savestyle {
    display: flex;
    align-items: center;
    gap: 0 7px;
    border-radius: 10px;
    padding: 10px 20px !important;
    cursor: pointer;
}
/*=====*/    
.test_p_style_1{
    width: 61% !important;
    margin: 6px .5% !important;
}
.test_p_style_2{
    width: 37% !important;
    margin: 6px 0.5% !important;
}
.test_p_style_all .for_patient {
    padding: 0px 8px !important;
    margin-bottom: 0px !important;
}
.test_p_style_all .stykle_box_flex {
    width: 100% !important;
}
.style_check_tests {
    gap: 0 20px;
}
.style_check_tests .field-radiobutton {
    margin-bottom: 8px;
}
.package_test_setting .icont_tres{
    display: inline-block;
    width: 35px;
    height: 31px;
    z-index: 1;
    background: var(--dark-green);
    text-align: center;
    line-height: 27px;
    font-weight: bold;
    font-size: 22px;
    border-radius: 27%;
    color: #fff;
    -webkit-box-shadow: 0 0 10px #9f9f9f;
    box-shadow: 0 0 10px #9f9f9f;
    cursor: pointer;
}
.ChronicDiseasRelationShip .content_table_style_box{
    height: 83vh !important;
}

.ste_rerrt {
    font-weight: bold;
}
.padding_0_0_10{
    padding: 0 0 10px !important;
}
.style_flex_multi_c{
    margin: 0 10px;
}
.style_flex_multi_c .p-multiselect-panel .p-multiselect-items .p-multiselect-item{
    display: flex;
    width: 100%;
}
.style_flex_multi_c .p-multiselect .p-multiselect-label {
    gap: 0 8px;
    display: flex;
    color: #000;
    font-weight: bold;
}
.sr_co_all {
    font-weight: bold;
    font-size: 14px !important;
    margin-bottom: 5px;
}
.style_box_in_selec {
    margin: 0;
    width: 100%;
}
.sty_no_shadow{
    box-shadow: 0 0 10px #efefef !important;
    padding: 3px 0px 0px !important;
    border-radius: 0 !important;
    background: #fff;
    margin-bottom: 7px !important;
}
/*======*/
.condictions_list_all .box_vitals_patient {
    margin-bottom: 10px !important;
    display: inline-block;
    width: 46.9%;
}
.condictions_list_all .style_prev_box {
    flex: none !important;
    margin: 0 8px !important;
    padding: 4px 0 !important;
    width: 48px;
}
.condictions_list_all .style_div_fixed .div_current_box .p-inputtext,
.condictions_list_all .style_div_fixed .style_prev_box .p-inputtext {
    height: 29px !important;
    padding: 3px 1px;
    border-radius: 6px !important;
}
.condictions_list_all .style_vitals_pa {
    width: 40px;
}
.condictions_list_all .div_current_box label, .condictions_list_all .style_prev_box label {
    font-size: 12px !important;
}
.steewrttt{
    height: 96px;
}
.flex_style_qqq{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_st_conditins {
    background: var(--dark-green);
    padding: 4px 10px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
}
.stw_width_40.p-dialog {
    width: 27% !important;
}
/*===*/
.gander_m_f {
    padding: 0;
    font-weight: bold;
    font-size: 12px;
    margin-top: 14px;
}
.tyle_box_de{
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-start;
    gap: 0 25px;
}
.st_name_all_a_2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #edf9f8;
    padding: 4px 29px;
    border-radius: 4px;
    flex: 1;
    margin: 3px;
}

.st_name_all_a {
    display: flex;
    align-items: center;
    font-weight: bold;
    gap : 5px;
}
.st_name_all_a i{
    color: var(--background-menu);
    font-size: 22px;
}
.st_name_all_a_c {
    color: var(--background-menu);
    margin: 0 10px;
    font-weight: bold;
    font-size: 16px;
}
.pstion_abs {
    position: absolute;
    top: -57px;
    left: 11px;
}
.pstion_abs button{
    
    padding: 2px 12px !important;

}
.sty_group_systems{
    position: relative;
}
/*======*/
.sty_app_box .style_search_s {
    background: #f6f6f6;
    padding: 9px;
    text-align: center;
}
.all_co_style {
    background: #f5f6f9;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.sty_box_del {
    background: #fff;
    padding: 6px 18px;
    margin: 0 8px 6px;
    border-radius: 10px;
    box-shadow: 0 0 10px #f6f6f6;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}
.pos_absalut {
    position: absolute;
    font-size: 10px;
    display: flex;
    background: var(--background-cancel);
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    top: -7px;
    cursor: pointer;
    left: -7px;
}
/*====*/
.flex_5_sttr{
    flex: .5 !important;
}

.st_inpu {
    width: 60px;
    
    margin: auto;
}
.st_inpu .p-inputtext{
    text-align: center;
}
.all_s_flex_v_gg{

}
.all_s_flex_v_gg .box_style_ser_nn {
    flex: 1;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0 7px;
}
.img_tet_st_deee {
    font-size: 16px;
    font-weight: bold;
}
.img_tet_st_deee span{
  margin: 0 4px;
}
span.st_add_plus {
    padding: 8px;
    background: var(--dark-green);
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
}
.all_s_flex_v_gg .box_style_ser_nn .p-dropdown.p-component.p-unselectable-text{
    flex: 1;
}
.srrrokk{
    position: relative;
}
.flex_wwkee {
    position: absolute;
    top: -40px;
    left: 10px;
}
.flex_wwkee .style_save_but_a_style_ss .cha_color {
    margin: 0 3px;
}
.style_two_box_p_serv .p-datatable .p-datatable-tbody > tr > td{
    font-weight: bold;
}
.styl_che_ss .field-checkbox {
    font-weight: bold;
}
/*===*/
.table_input_st_back{
    padding: 0 10px 10px;
    background: #fff;
    box-shadow: 0 0 10px #e5e5e5;
    border-radius: 10px;
}
.table_input_st_back .amout_div_stt .p-inputtext{
    background: #f7f7f7 !important;
    text-align: center;
}
/*=======*/
.sty_style_cash {
    margin-top: 10px;
}
.sty_style_cash .block_t_style {
    padding: 10px 10px 6px !important;
    margin-bottom: 17px !important;
}
.sty_style_cash .style_title_abs {
    margin-bottom: 2px !important;
}
.banner_st_patient_D {
    margin-bottom: 10px;
}
.Add_Check_UP .stors_new_tab_t .style_span_r {
    display: block;
    width: 100%;
}
.custm_sr_row .p-datatable-row-expansion {
    background: #c0dbf1 !important;
}
.st_w_all {
    color: var(--blue);
}
.doctor_sty_all_a {
    display: flex;
    align-items: center;
}
.Doctor_icon_s {
    color: #fff;
    background: var(--dark-green);
    padding: 6px;
    border-radius: 7px;
    margin: 0 4px;
}
/*=======*/
.style_box_dropdown_s{
    width: 45%;
}
.setting_main_box .check_box_all_style {
    background: none !important;
    border: none !important;
    min-height: 47vh;
}
.setting_main_box .check_box_all_style .width_custm .field-checkbox {
    width: auto;
}
.chow_box_checked{
    margin-bottom: 9px;
    width: 33%;
    display: flex;
    align-items: center;
    line-height: 12px;
}
.style_box_checkbox1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
    flex: 1;
}
.setting_main_box{
    height: 77vh !important;
}
.style_box_checkbox1 .p-dropdown.p-component{
    border-radius: 6px !important;
    margin: 0 6px;
    height: 33px !important;
    flex: 1;
}
.width_100_ddd .style_span_r{
  width: 100% !important;
}
.all_style_content_box .Normal_Request{
    margin: 6px 0.5% !important;
    width: 49% !important;
}
.two_box_ask {
    width: 97%;
    margin: 20px auto;
}
.box_ans h4{
    background: var(--background-menu) !important;
    margin-bottom: 0;
}
.box_ans .p-datatable .p-datatable-thead>tr>th {
    background-color: #f3f3f3 !important;
    color: #000 !important;
}
.box_ans .p-datatable .style_p {
    font-size: 12px;
    color: #353535;
    font-weight: bold;
}
.box_ans .style_table_m_aa {
    box-shadow: 0 0 10px #ececec;
}
/*===*/
.weee_errrk{
    margin-top: 10px !important;
}
.eweirire_ee{
    display: flex;
}
.st_wqqqw {
    font-weight: bold;
    /* width: 102px; */
}
/*=====*/
.s_nim_height{
    min-height: auto !important;
   }
   .wid_style_back{
       background: #ffffff;
       padding: 5px;
       min-height: 40vh;
   }
   .st_search_p {
       width: 93%;
       margin: 5px auto 1px;
   }
   .TicketRegistration {
    padding: 10px 10px 10px 26px;
}   
.TicketRegistration .wid_flex_1{
    margin-bottom: 5px;
}
.styl_attch_ment{
    padding: 0 !important;
    margin-bottom: 7px;
}
.sty_w_all textarea{
    padding: 7px 13px !important;
}
.marg_40_qq{
    margin-bottom: 40px;
}
.mar_g_sttr{
    margin: 30px 0 0;
}
/*=======*/
.savestyle_n{
    display: flex;
    align-items: center;
    background: var(--background-menu);
    padding: 6px 15px;
    font-weight: bold;
    font-size: 13px;
    margin-inline-end: 8px;
    border-radius: 8px;
    color: #fff;
    margin: 0 4px;
}
.color_write_i{
    margin: 0 4px;
    background: var(--background-save) !important;
    cursor: pointer;

}
.color_delete_i{
    background: var(--background-cancel) !important;
    cursor: pointer;
}
.st_max_h.p-dialog .p-dialog-content {
    overflow-y: inherit !important;

}

/*======*/
.font_c {
    font-size: 15px;
    display: inline-block;
    padding: 4px 10px 8px;
}
.LabQCOrder .content_style_labs .p-accordion .p-accordionheader a .p-accordion-toggle-icon {
    margin: 3px 0px 0 10px !important;
}
.style_em_new_check {
    margin: 0 30px;
}
.style_collapes_QC .check_box_all_style {
    min-height: auto !important;
}
.LabQCOrder .inpatient_cont_filter {
    margin-top: 10px;
}
.LabQCOrder .p-accordion .p-accordioncontent-content {
    border: 1px solid #efefef !important;
    border-radius: 0 0 10px 10px !important;
    background: #fff !important;
    padding: 15px 10px !important;
}
.LabQCOrder .p-accordion .p-accordioncontent-content {
    padding: 8px 8px !important;
}
/*===*/
.LabQCWorkList .third_tabs_2{
    margin-top: 10px;
  }
  .p-dropdown .p-dropdown-panel {
      z-index: 3 !important;
  }
  .box_header_write_r {
      background: var(--background-menu);
      padding: 4px 20px;
      margin-top: 12px;
      color: #fff;
      border-radius: 10px;
  }
  .box_header_write_r .sorgary_style h5 {
      font-size: 12px;
      font-weight: bold;
      color: #fff !important;
  }
  .box_header_write_r .sorgary_style p {
      font-size: 14px;
      color: #fff !important;
      font-weight: bold;
  }
  .box_content_wrtie_r {
    background: #fff;
    box-shadow: 0 1px 10px #e1e1e1;
    padding: 3px 3px 10px;
    border-radius: 0 0 10px 10px;
  }
  .box_content_wrtie_r .p-datatable .p-datatable-thead>tr>th {
    background-color: #e9e9e9 !important;
    padding: 4px !important;
    color: #7a7979 !important;
  }
  .box_save_back {
      position: absolute;
      left: 10px;
      top: -44px;
  }
  .w_backg_FFF{
      position: relative;
  }
  .arrow_rr_collapes i{
      font-size:29px !important;
      cursor: pointer;
  }
  .box_content_wrtie_r .style_p {
      font-size: 13px !important;
      color: #121212 !important;
      font-weight: bold;
  }
  .arrow_rr_collapes .pi-chevron-circle-right{
    transform: rotate(180deg);
 }
 .w_98_margin .box_write_result {
    width: 98%;
    margin: auto;
}
/*===*/
.img_w_40px img{
    width: 23px;
    cursor: pointer;
}
.Action_p {
    color: #ffa3a4;
    border: 1px solid #ffa3a4;
    border-radius: 10px;
    padding: 0 10px;
    margin: 3px 10px !important;
    cursor: pointer;
}
.table_g_style_d .p-datatable-thead tr:first-child th {
    background-color: #d7d7d7d9 !important;
    color: #4a4a4a !important;
}
.style_flx_d .sorgary_style {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 5px;
}
.style_flx_d .p-datatable .p-datatable-thead>tr>th {
    padding: 4px !important;
}
.img_approved {
    width: 30px;
    cursor: pointer;
}
/*=======*/
.b_cont_box{
    box-shadow: 0 0 10px #e9e9e9;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.b_cont_box .filter_inputs{
  margin-bottom: 0 !important;
  justify-content: space-between !important;
}
.text_st_all {
    font-size: 12px;
    color: #053580;
    font-weight: bold;
}
.table_no_space .p-datatable table, .table_no_space table.table{
    /* border-collapse: none !important; */
    border-spacing: 0 4px !important;
}
.table_no_space .p-datatable .p-datatable-tbody>tr>td {
    padding: 0px 7px !important;
}
.table_no_space .p-datatable .p-datatable-thead>tr>th {
    padding: 3px !important;
}
.table_no_space .p-datatable .p-datatable-tbody>tr {
    /* box-shadow: none !important; */
}
.style_pop_sec_st_wid_100.p-dialog {
    width: 99% !important;
    height: 98vh;
}
.style_pop_sec_st_wid_100.p-dialog .p-dialog-content {
    max-height: 91vh !important;
}
.chart_back_see{
    background: #eef7ffad !important;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ededed;
}
.level_box_chart{
  margin-top: 10px;
}
.level_box_chart > div{
    text-align: center;
    padding: 3px;
    margin: 2px 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
}
.l1{
    background: #0250ff;
}
.l2{
    background: #08cdb5;
}
.l3{
    background: #859392;
}
.sty_i_table {
    color: var(--dark-green);
}
.flex_6{
    flex: .6 !important;
}
/*======*/
.cust_drop_oper{
    padding-bottom: 0px !important;
    border-bottom: none !important;
    margin: 0 !important;
    margin-inline-start: 10% !important; 
}
.custom_padd .title_top_img {
    padding: 3px 10px !important;
}
.check_ext_int {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ecf2f8;
    padding: 5px 10px;
    margin: 0px 0 5px;
    border-radius: 10px 10px 0 0;
}
.check_ext_int h5{
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.two_select_location .g_span_s{
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    background: #f9f9f9;
    margin: 0px 3px;
    padding: 3px 15px;
    border-radius: 6px;
}
.spanActive{
    background: var(--dark-green) !important;
    color: #fff !important;
}
.cont_all_stt{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    margin-top: 6px;
    box-shadow: 0 0 10px #eee;
}
.cont_all_stt .style_choose_RX label{
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    vertical-align: middle;
}
.padding_cu{
    padding: 0 10px !important;
    height: auto !important;
}
.w-100-cu{
    width: 100% !important;
}
/*=====*/
.ClinicServicesCom .style_w_new_de .box_ser_st label {
    font-size: 13px !important;
}
.style_flex_n_box_322 {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 !important;
    margin-top: 24px !important;
}
.style_flex_n_box_322 .add_attachstyle_n {
    padding: 4px 8px 6px !important;
}
.save_bu{
    position: fixed;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 86%;
}
/*=========*/
.custom_rx_s .type_of_RX {
    display: flex;
}
.custom_rx_s .style_choose_RX{
    padding: 5px 10px !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
}
.style_arr_check_box5{
    min-height: 40vh;
}

.ERTransfer .background_menu_rad img, .ERTransfer .background_rad_la img, .ERTransfer .background_lab_rrr img{
    width: 30px;
    height: 30px;
}
/*=======*/
.aside-piano .block2widthss {
    flex: 1 !important;
}
.call_center_master .style_flex_content {
    justify-content: flex-start !important;
}
.call_center_master .style_flex_content .select_span_style{
    min-width: 220px;
    flex: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.call_center_master .style_flex_content .active_tab_selected::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right: 49px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #FF9335 !important;
}
.f_disg_ss {
    display: flex;
    align-items: center;
    justify-content: center;
}
.f_res_a .p-button{
    padding: 8px 15px !important;
}
.call_center_master .style_flex_content .select_span_style {
    overflow: inherit !important;
}
.de_sttle_pop.p-dialog .p-dialog-content {
    background-color: #ffffff !important;
}
.d_flex_radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    margin-top: 8px;
    gap: 0 5px;
}
.sty_top_mar {
    margin-top: 27px;
}
.drop_auto_sty span.p-autocomplete {
    width: 100% !important;
}
.details_s_pop .style-input-div {
    margin-bottom: 18px !important;
}
.details_s_pop .wid_flex_1{
   margin-bottom: 6px !important;
}
/*=====*/
.tab_tex {
    text-align: initial;
    margin-bottom: 0 !important;
}
.tab_che .sty_top_mar {
    margin-top: 20px !important;
}
.st_mar_top_st{
    margin-top: 27px !important;
}
.expand_background_t .p-datatable-row-expansion{
    background-color: #eaeaea !important;
}
.opt_boxs {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}
.box_flex_radio_s {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 10px;
}
.gander_m_f.box_all_flex_ss {
    margin-top: 4px;
    display: flex;
    gap: 0 10px;
    align-items: center;
    font-size: 13px;
    color: var(--background-menu);
}
.box_tit_st {
    font-weight: bold;
    color: #727272;
}
.dis_flex_box_s .st_all_drop{
  width: 94%;
}
.dis_flex_box_s {
    margin-top: 10px;
}
.incall_card_des{
    box-shadow: 0 0 10px #eaeaea;
    padding: 7px;
    border-radius: 10px;
    margin-bottom: 15px;
}
/*====*/
.full_sec_box{
    background: #fff;
    padding: 0 5px;
}
.diagnosis_div_callcenter .filter_search_block_border{
   background: #fff;
   padding: 0 8px !important;

}
.pa_qq {
    padding: 0 6px !important;
}
.s_new_complain{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
}
.s_new_complain .style-input-div{
    flex: 1;
}
.custom_clinic_style {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        gap: 5px;
}
.custom_clinic_style .style-input-div{
   flex: 1;
}
.clinic_custom_com_all .s_new_complain{
    width: auto !important;
}
.cust_compl .s_new_complain{
    /* width: auto !important; */
}
.filter_search_block_center{
    /* background: #F5F6F9 !important; */
    padding: 21px 9px 9px;
}
.w_width_100 .style_auto_complete{
 width: 100% !important;
}
.clinic_custom_com_all .clinic_2{
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
}

.clinic_custom_com_all .clinic_4{
    flex: 0 0 33.333333% !important; 
    max-width: 33.333333% !important;
}
.clinic_custom_com_all .clinic_6{
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.clinic_custom_com_all .clinic_8{
    flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
}
/*=========*/
.change_clinic_doctor .Clinics-Reservation-CallCenter .select_tab_doctor {
    background: var(--blue) !important;
    border-radius: 10px 10px 0 0;
    margin-bottom: 6px;
}
.change_clinic_doctor .Clinics-Reservation-CallCenter .select_tab_doctor .select_tab_span {
    color: #f6f6f6 !important;
}
.change_clinic_doctor .Clinics-Reservation-CallCenter .select_tab_doctor .select_tab_span img{
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}
.change_clinic_doctor .Clinics-Reservation-CallCenter .select_tab_doctor .selected_tab {
    color: #ff9335 !important;
    border-bottom: 2px solid #ff9335;
    background: #fff;
}
.change_clinic_doctor .Clinics-Reservation-CallCenter .select_tab_doctor .selected_tab img {
    filter: invert(79%) sepia(42%) saturate(5317%) hue-rotate(335deg) brightness(105%) contrast(101%) !important;
    -webkit-filter: invert(79%) sepia(42%) saturate(5317%) hue-rotate(335deg) brightness(105%) contrast(101%) !important; 
}
.change_clinic_doctor .style_newborr .Today_Clinics, .change_clinic_doctor .style_newborr .All_Clinics {
    background: #ffffff !important;
    box-shadow: 0 0 10px #ebebeb;
    padding: 4px !important;
}
.change_clinic_doctor .style_newborr .top_style_header{
    box-shadow: 0 0 10px #ebebeb;
}
.change_clinic_doctor .style_border_left .borderbottm_style {
    background: var(--dark-green) !important;
    border-radius: 10px 10px 0 0;
    color: #fff;
}
.change_clinic_doctor .style_tabs_doctors_schedule {
   color: #fff !important;
}
.change_clinic_doctor .ActiveDoc_schadule {
    color: #ff9335 !important;
    border-bottom: 2px solid #ff9335 !important;
    background: #fff;
}
.change_clinic_doctor .style_border_left .style_serch_data {
    background: #fff;
    box-shadow: 0 0 10px #ebebeb;
}
.change_clinic_doctor .sdsdsdkl .card-new-patient .tital-buildings{
    background: #063d92 !important;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.change_clinic_doctor .sdsdsdkl .card-new-patient .card-body{
  background: #fff !important;
  box-shadow: 0 0 10px #ebebeb;

}
/*=====*/
.btn_st_data span{
    display: flex;
    align-items: center;
    padding: 3px 10px;
    margin: 0px 3px;
    min-width: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    min-width: 74px;
    justify-content: center;
}
.box_d_visits {
    display: flex;
    align-items: center;
    flex-wrap: unset;
    justify-content: space-between;
    padding: 3px 9px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #f3f3f3;
    margin-bottom: 10px;
}
.data_box_visit p{
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
    color: #afafaf;
}
.data_box_visit h3{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
.data_box_visit h5{
    margin-bottom: 0;
    font-weight: bold;
    font-size: 13px;
}
.spic_style{
    color: var(--dark-green);
    display: inline-block;
    margin-inline-end: 3px;
}
.sty_spic{
    display: inline-block;
    margin-inline-start: 3px;
}
.back_g_pending{
    background : var(--color-plan);
}
.back_g_Canceled{
    background : var(--background-cancel);
}
.back_g_c_visited{
    background : var(--dark-green);
}
.box_4_vivts {
    background: #dfe9f5;
}
.visits_pat{
    padding: 2px 8px;
    min-height: 56vh;
}
.padding_0_visit{
    padding: 4px 0 18px 5px !important;
}
.padding_0_visit .all_setting_style_tabs .style_span_rq {
    height: 26px !important;
    border-radius: 5px !important;
}
.style_search_inP .input_search_visits .p-inputgroup .p-inputtext:not(:last-child) {
    font-size: 12px !important;
    margin-inline-start: 7px;
    background: #fff;
}
.Laboratory_visits .stylenew_diagn {
    padding: 0px !important;
}
.lab_Laboratory{
    font-size: 11px;
    font-weight: bold;
    color: #afafaf;
    display: block;
    margin-bottom: -5px;
    bottom: 4px;
    position: relative;
}
.t_Laboratory {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
}
.Laboratory_visits .stylenew_diagn .details-block-diagno {
    padding: 0px !important;
}
.Laboratory_visits .details_div_diagnosis {
    padding: 4px 7px 0 !important;
}
.backgruond_add_aa{
    background: var(--dark-green) !important;
    display: flex;
    align-items: center;
    gap: 7px;
}
.Overview_com .box_inputs_styles {
    flex: .8;
}
.background_Diagnosis_overview{
    background: var(--blue) !important;
    padding: 6px 10px !important;
}
.background_Followup_overview{
    background:var(--dark-green) !important;
    padding: 6px 10px !important;
}
.background_stl span{
    font-weight: bold;
    font-size: 11px;
    padding: 1px 4px 4px;
    border-radius: 6px;
    min-width: 53px;
    display: inline-block;
    text-align: center;
}
.background_n1{
    background: #daefff;
    color: #2196f3;
    border: 1px solid #a6d5fa;
}
.background_n2{
    background: #ff52523d;
    color: #ff5252;
    border: 1px solid #ff9d9d;
}
.background_n3{
    background: #f2961c40;
    color: #f4971c;
    border: 1px solid #ffd790;
}
.Laboratory_visits .stylenew_diagn {
    height: 118px !important;
}
.box_visit_details .PatientVitals_boxs {
    margin-top: -3px !important;
}
.auto_height_sty{
    height:auto !important;
}
.tex_st_pro {
    font-weight: bold;
    font-size: 12px;
}
.box_Dashboard_plat {
    background: #f3faff;
    padding: 12px;
    border-radius: 10px;
    min-height: 74vh;
}
/*======*/
.mini-stat .mini-stat-img {
    background: url(../image/his-icons/bg-1.png);
    background-size: cover;
    display: flex;
    justify-content: space-between;
}
.mini-stat .mini-stat-icon i {
    font-size: 30px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #fff!important;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    display: inline-block;
}
.font-size-16 {
    font-size: 14px!important;
    font-weight: bold;
}
.st_bold_s{
    font-weight: bold;
}
/* 
.facebook_back{
    --bs-primary: #3eb7ba!important;
    --bs-primary-rgb: 62,183,186!important;
    --bs-info: #36508b!important;
    --bs-info-rgb: 54,80,139!important;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
} */
.facebook_back{
    --bs-primary: #1877f2 !important;
    --bs-primary-rgb: 24, 119, 242 !important;
    --bs-info: #36508b!important;
    --bs-info-rgb: 54,80,139!important;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
}
.youtube_back{
    --bs-primary: #d95a6f!important;
    --bs-primary-rgb: 217,90,111!important;
    --bs-info: #36508b!important;
    --bs-info-rgb: 54,80,139!important;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
}
.whatsapp_back{
    --bs-primary: #3eb7ba!important;
    --bs-primary-rgb: 62,183,186!important;
    --bs-info: #36508b!important;
    --bs-info-rgb: 54,80,139!important;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
}
.snapchat_back{
    --bs-primary: #3eb7ba!important;
    --bs-primary-rgb: 62,183,186!important;
    --bs-info: #36508b!important;
    --bs-info-rgb: 54,80,139!important;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
}
.tp_title_www{
    display: flex;
    margin: 0 10px 10px;
    align-items: center;
    
}
.w-50-style{
    width: 50% !important;
}
/*=============*/
.custom_class_prit{
    display: flex;
    align-items: flex-start;
    justify-content: center;   
}
.custom_class_prit .but_mon {
    padding: 5px 5px !important;
}
.custom_class_prit .style_lab_ready span{
 font-size: 13px !important;
}
.custon_style_tabl_div{
  flex: .8 !important;
}
.custon_style_tabl_input .styeweerrtt .p-inputtext.p-component.p-filled {
    width: 40px !important;
    padding: 6px 0px;
    text-align: center !important;
}
.custon_style_tabl_input .style_dropdoun_new-ss .styeweerrtt input{
    width: 40px !important;
}
.custon_style_tabl_input .style_dropdoun_new-ss .styeweerrtt{
    width: 41px !important;
}
.st_w_100_ip{
    width: 97% !important;
}
.styl_qqq_style_ee_qqw{
    padding: 5px 10px;
}
.m_height_aa .ck.ck-editor__main .ck-content.ck-editor__editable{
    min-height: 40vh;
}
/*=====chat======*/
.top_chat_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--background-save);
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}
.title_header_chat{
    font-weight: bold;
    font-size: 15px;
}
.name_header_chat{
    font-weight: bold;
    font-size: 16px;
}
.icons_header_chat{
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 9px;
}
.chat_boxs {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 88vh;
    padding: 10px;
    background: #f5f5f5;
    box-shadow: 0 0 10px #eee;
}
.box_select_social{
    min-height: 88vh;
    background:#fff;
    position: relative;
}
.box_select_user{
    min-height: 88vh;
    background: #e7eef3;
    width: 330px;
}

.box_chat_send{
    min-height: 84vh;
    flex: 1;
    background: #f1f1f1;
}
.box_soc{
    padding: 15px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    cursor: pointer;
}
.box_soc span{
    width: 10px;
    height: 10px;
    display: inline-block;
    background: var(--background-cancel);
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.box_soc img{
    width: 40px;
    height: 40px;
}
.box_soc label{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: var(--background-save);
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 16px;
    font-size: 10px;
    position: absolute;
    bottom: 13px;
    left: 11px;
}
.title_head_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    background: #e3e3e3;
}

.title_head_box .box_sel_chat img{
    width: 30px;
    height: 30px;
    margin-inline-end: 8px;   
}
.title_head_box .box_sel_chat span{
    font-weight: bold;
}
.box_user_select {
    height: 82vh;
    overflow-y: auto;
    padding: 10px;
}
.box_chat_ww {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    background: #fff;
    padding: 6px 12px;
    margin-bottom: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.box_chat_ww .box_ch_img{
   border:1px dotted #ccc;  
   position: relative;
   cursor: pointer;
}
.box_chat_ww .box_ch_img img{
    width: 40px;
    height: 40px;
    border-radius:50%;
}
.box_cont_chat h5{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0px;
    color: var(--background-menu);
}
.box_flex_all {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box_cont_chat{
    flex: 2;
}
.color_text {
    font-size: 12px;
    font-weight: bold;
    color: var(--background-menu);
}
.data_cudtom_color {
    font-size: 11px;
    font-weight: bold;
    color: #8f8f8f;
}
.box_chat_ww .box_ch_img {
    border: 4px dotted var(--background-cancel);
    border-radius: 50%;
    background: #fff;
}

.box_chat_ww .Pending_box_ch_img {
    border: 6px dotted var(--color-plan);
    border-radius: 50%;
    background: #fff;
}

.box_chat_ww .Processing_box_ch_img {
    border: 6px dotted var(--blue);
    border-radius: 50%;
    background: #fff;
}

.box_chat_ww .Done_box_ch_img {
    border: 6px dotted var(--dark-green);
    border-radius: 50%;
    background: #fff;
}
.count_num {
    width: 23px;
    height: 23px;
    text-align: center;
    background: var(--color-plan);
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    box-shadow: 0 0 10px #ccc;
    line-height: 22px;
}
.color_text_send{
    font-size: 11px;
    font-weight: bold;
    color: #8f8f8f;
}
.box_chat_send .style_cont_chat {
    height: 74vh;
    overflow-y: auto;
      /* background:url(../image/his-icons/backwhats.jpg); */
  
}
.box_chat_send .cont_send_chat img {
    margin-inline-end: 10px;
}
.box_chat_send .style_input_chat_send .p-inputtext {
    padding: 7px 14px  !important;
    border-radius: 1px !important;
}
.box_chat_send .cont_send_chat .style_massege {
    width: auto !important;
    padding: 7px 13px !important;
}
.box_chat_send .cont_send_chat2 .style_massege{
  background:var(--blue);
}
.box_chat_send .cont_send_chat2 .style_massege h5,
.box_chat_send .cont_send_chat2 .send_massege,
.box_chat_send .cont_send_chat2 .chat_time {
    color: #fff !important;
}
.social_chat{
    width: 99%;
    margin: auto;
    margin-top: 6px; 
}
.box_chat_search .show_box_search_filter .p-inputgroup .p-inputtext:not(:last-child) {
    height: 36px;
    margin-bottom: 2px;
}
.custom_head_chat .top_chat_header{
    /* background: #c1c3c391 !important; */
        max-height: 44px;
    background: var(--background-save);
    border-radius: 0 !important;
    color: #fff !important;
}
.custom_head_chat .top_chat_header .p-menuitem-icon.pi-user{
  color:#fff !important;
}
.drop_chat_head .p-menubar-root-list .pi-caret-down{
   display: none !important;
}
.box_chat_search .sarchinput_div .style_pppp{
  z-index: 0 !important;
}
.drop_chat_head .p-menubar.p-component{
    background-color: transparent !important;
    border: 0px solid #c8c8c8 !important;
}
.Box_process {
    position: absolute;
    top: 100%;
    background: #fff;
    padding: 12px 15px;
    z-index: 1;
    right: 0;
    box-shadow: 0 0 10px #ebebeb;
    min-width: 180px;
}
.Box_process h5{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}
.pending_orange{
   color : var(--color-plan); 
}
.Processing_proc{
    color:var(--blue);
}
.Done_D{
   color:var(--dark-green); 
}
.drop_chat_head .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
    padding: 0 !important;
    box-shadow: none !important;
    background: none !important;
}
.drop_chat_head .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
    background: transparent !important;
}
.dir_eng .p-menubar .p-submenu-list{
   left: 0 !important;
}
.dir_eng .p-menubar .p-submenu-list .p-submenu-list{
    right: -100% !important;
}
.selectChat{
    background: var(--dark-green);
    position: relative;
}
.selectChat h5, .selectChat .color_text, 
.selectChat .data_cudtom_color, .color_text_send{
  color:#fff !important;
}
.selectChat::after {
    content: "";
    position: absolute;
    left: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--dark-green);
}
.selectChatIcon{
    background: #a6d5fa57;
}
.box_social_f_w_y {
    display: flex;
    flex: 2;
}
.facebook_chat {
    display: flex;
    width: 100%;
}
/**/
.box_social_media {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 0 0 10px #f6f6f6;
}
.title_img_social_media{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 6px;
}
.content_social_media{
    width: 100%;
    padding: 8px;
    background: #fff;
}
.title_social_media {
    background: #fff;
    border-radius: 0px 10px 10px 0;
}
.title_social_media img{
    width: 50px;   
}
/**/
.icons_header_chat .drop_chat_head .header{
    border-radius:30px;
}
.icons_header_chat .header .settings-website li a {
    padding: 6px !important;
}
/**/
.custom_modal_reason.p-dialog{
    width: 40%;
}
.custom_modal_reason.p-dialog .p-dialog-content {
    min-height: 50vh;
}
.styl_notes_reason {
    width: 100%;
    margin-top: 20px;
}
.style_chat_reason {
    font-weight: bold;
    margin-bottom: 6px;
}
.custom_modal_reason .p-inputtext, 
.custom_modal_reason .p-dropdown.p-component.p-unselectable-text{
    background: #f8f8f8 !important;
}
.No_Chat_Selected{
    height: 85vh;
    background: url(../image/his-icons/backwhats.jpg);
    width: 100%;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.No_Chat_Selected img{

    background: #1952a9c2;
    width: 325px;
    padding: 40px;
    border-radius: 16px;
}
/*=========*/
.CustomPets .style_wedii_flex .col_style_22, .CustomPets .block2widthss{
    display: flex;
    align-items: center;
    gap: 10px;
}
.CustomPets .Design_new_search .style_inputs_st {
    padding: 5px 10px 5px !important;
}
.custom_card_pets .VisitOpening_style_srre {
    background: #ffffff;
    border-radius: 10px !important;
}
.custom_card_pets .no_data_table_aqq, .custom_client_pets .no_data_table_aqq{
    text-align: center;
    background: #ecf7ff;
    padding: 25px;
    min-height: 35vh;
}
.custom_card_pets .p-card-body {
    padding: 11px 13px !important;
}
.custom_card_pets .p-card .p-card-title{
  margin-bottom: 0 !important;
}
/* .custom_card_pets .p-card .p-card-body {
    padding: 15px !important;
} */
.new_patient_order .btn_newoder span{
    font-size: 14px !important;
    padding: 5px 8px !important;
}
.CustomPets .box_ser_st label {
    font-size: 15px !important;
}
.custom_client_pets .VisitOpening_style_srre {
    background: #ffffff !important;
    border-radius: 10px !important;
}
.custom_client_pets .select_div_doc .stylegender .gender span {
    color: #fff !important;
}
.custom_client_pets .style_image_sh {
    border: 0px solid #CED2D6 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.custom_client_pets .name-image .item .fa-trash{
    color: var(--background-cancel) !important;
}
.custom_client_pets .aerrrttf .select_div_doc::after{
   display: none !important;
}
.custom_client_pets .select_div_doc .item .pi-pencil{
   color :#fff !important
}
.new_patientRegister_pets .style_newPRegister .col-8{
    flex: 0 0 100% !important;
    max-width: 100% !important;
} 
 .new_patientRegister_pets .p-dialog-content {
    height: 80vh;
}
.new_patientRegister_pets .p-dialog-content .content-show-div{
    height: 70vh;
}
.new_patientRegister_pets .gander_m_f {
    margin-top: 27px !important;
    display: flex;
    gap: 20px;
}
.custom_client_pets .style_wedii_flex .col_style_22 .p-dropdown.p-invalid.p-component {
    width: 100% !important;
}
.background_white{
    background:#fff;
}
.class_fles_custom{
    display: flex;
    justify-content: end;
    gap: 10px;
    margin-bottom: 0;
}
.class_fles_custom .form-group{
  display: flex;
  align-items:center;
  gap: 10px;
}
/*====start Statistics_Criteria====*/
.Statistics_Criteria{
    position: relative;
}

.Statistics_Criteria .stors_new_tab_t .style_span_rq{
  justify-content: center;
}
.custom_search_critetia{
    padding: 10px;
}
.custom_search_critetia span.p-autocomplete {
    width: 100% !important;
}
.custom_search_critetia .p-inputgroup .p-button:last-child {
    top: 0% !important;
}
.custom_selected_criteria .box_cont_table_st{
    min-height: 40vh;
}
.custom_search_cr .tp_title {
    background: var(--background-menu) !important;
    padding: 9px 15px 9px 15px !important;
    border: 0px solid #E6E6E6 !important;
    color: #fff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}
.custom_selected_criteria .tp_title{
    background: var(--dark-green) !important;
    padding: 9px 15px 9px 15px !important;
    border: 0px solid #E6E6E6 !important;
    color: #fff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}
.show_results_Statistics {
    position: absolute;
    right: 10px;
    top: 1px;
    display: inline-block;
    background: var(--background-save);
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 0 10px #ccc;
    font-weight: bold;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
.show_results_Statistics:hover{
   border-radius:0 !important;
}
.custom_selected_criteria .device_d_1 .filter_inputs{
    justify-content: space-between !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #f8f8f8 !important;
    padding: 8px 15px !important;
    flex-wrap: wrap;
}
.custom_selected_criteria .device_d_1 .filter_inputs:nth-child(even){
    background: #f3faffd4;
}
.sel_styl_selc {
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    padding: 5px 10px;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 10px #ebebeb;
    font-weight: bold;
}
.delete_selected {
    position: absolute;
    top: -7px;
    font-size: 17px;
    left: -5px;
    color: var(--color-plan);
    cursor: pointer;
}
.selected_div_content {
    flex: 1;
    justify-content: end;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.custom_search_critetia .box_ser_st{
  margin-bottom: 10px;
}
.Dashboard_s_criteria .status_box_styles{
    margin: 0px 0 15px !important;
}
.selectedDashboard{
    border: 3px solid #FF9335;
    position: relative;
}
.selectedDashboard::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-right: 49px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FF9335 !important;
}
.custom_dash_table .styleimage_all{
 justify-content: center !important;
}
.Style_Dash_charts{
    background: none !important;
}
.Style_Dash_charts .chart_contv{
    margin: auto;
    background-color: #fff;
    padding: 1rem;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    margin-bottom: 24px;
    border-radius: 0.25rem;
}
.Style_Dash_charts .chart_contv h4{
    font-size: 14px;
    margin: 0 0 7px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.Style_Dash_charts .person_div_box_ss {
    background: none !important;
}
.custom_dash_table{
    background-color: #fff;
    padding: 1rem;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    margin-bottom: 24px;
    border-radius: 0.25rem;  
}
.chart_back_see_background{
    background-color: #f9f9f9;
    padding: 10px;   
}

/*====end Statistics_Criteria====*/
@media (max-width: 991px){
    .page-height {
        width: 100% !important;
        margin: 0 !important;
        overflow-x:auto !important;

    }
    .AddRemoveMenu .page-height {
        width: calc(100%) !important;
        margin-right: 0 !important;
    }
    .menu-new {
        display: none;
    }
    .AddRemoveMenu .menu-new {
        display: block !important;
    }
    h4.title_page_top {
        right: 48% !important;
    }
    .total_module{
        flex-wrap: wrap;
        overflow-y: auto;
        display: block !important;
    }
    .box_all_module{
        width: 100%;
        margin-bottom: 20px;
    }
    .box_all_module .box_module_select_1{
        width: 18%;
    }
    .NewMenuComp{
        overflow-y: auto;
    }
}
@media (max-width: 640px){
    .box_select_module{
        width: 100% !important;
    }
    .program_box_sel{
        width: 100% !important;
    }
    .tabs_modules_select{
        width: 100% !important;
        overflow-y: hidden;
        overflow-x: auto;
    }
}
@media (max-width: 500px){
 .NewMenuComp{
   display: block !important;
 }
 .first_tab_menu {
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px !important;
}
.box_module_one{
    flex-direction: row !important;
    gap: 10px !important; 
    height: 45px !important;
}
.total_module{
    width: 100% !important;
}
.box_all_module .box_module_select_1 .box_icon_module img {
    width: 34px !important;
}
}
/*questions*/
.custom_width_score input{
    width: 100px !important;
    text-align: center;
    margin-inline-end: 8px;
}
.custom_milticelect{
    max-width: 245px;
    margin: auto;
}
.custom_number_score{
    font-size: 18px;
    font-weight: bold;
    color:var(--background-menu) !important;
}
.custom_background_group .p-datatable-thead tr:first-child th {
    background-color: #063d92 !important;
    color: #fff !important;
}
.custom_title_header{
    margin: 6px 10px 10px;
}
.custom_title_header .styletop-header {
    font-size: 16px;
    font-weight: bold;
}
.save_fix_custom{
    position: fixed;
    bottom: 15px;
    inset-inline-end: 15px;
}
.save_fix_custom .but-add {
    padding: 12px 20px !important;
}
.width_100_custom{
   width: 100px !important;
   margin: auto;
}
.width_100_custom input{
   text-align: center; 
}
.style_sttttt_s{
    font-size: 14px !important;
    font-weight: bold;
}
.style_width_question{
    width: 200px !important;
}
/*======*/
.flex_2{
    flex: 2 !important;
}
.custom_radio_search{
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 23px;
}
.custom_just{
    justify-content: center !important;
}
.custom_just .style_span_r {
    margin-inline-start: 0px !important;
}
.min_w_400{
    min-width: 400px;
}
.custom_flex_5{
    flex: .5 !important;
}
.custom_flex_5 .four_div_box_1{
    justify-content: center;
    background: #fff;
    padding: 5px 10px;
}
.active_Ranal{
  background:var(--dark-green) !important;
}
.active_Ranal span{
    color:#fff !important;
}
.custom_table_drop{
    width: 250px;
    margin: auto;
}

.custom_table_drop .p-dropdown.p-component.p-unselectable-text, 
.custom_table_drop .styeweerrtt input, 
.custom_table_drop_delay .p-dropdown.p-component.p-unselectable-text,
.custom_table_drop_delay .styeweerrtt input {
    background: #f3f3f36b;
}
.style_bold_td{
    font-weight: bold;
    font-size: 14px;
}
.width_flex_custom{
    padding: 0px !important;
    margin: 0 !important;
}
.width_flex_custom .four_div_box_1{
    padding: 6px 10px !important;
}
.style_table_no_back_1 .p-datatable .p-datatable-thead>tr>th {
    padding: 8px 4px !important;
    font-size: 14px !important;
}
.Renal_Planes .style-n-patient .block2width label {
    margin-bottom: 0 !important;
}
.Renal_Delay .tp_title {
    padding: 4px 10px 3px 10px !important;
}
.Renal_flex {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.Renal_checkbox {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    border-radius: 8px;
    padding: 3px;
    background: #fff;
    padding: 8px;
    border: 1px solid #f6f6f6;
    height: 40px;
}
.Renal_checkbox .p-dropdown.p-component.p-unselectable-text, 
.Renal_checkbox .p-inputtext{
   background: #fafafa !important; 
}
.Renal_dropdwon{
    flex: 1;
}
.Renal_checkbox .field-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.Renal_checkbox .field-checkbox label{
    font-weight: bold;
    font-size: 14px;
}
.Renal_setup_s{
    background: #f6fbff94;
    padding: 15px;
}
.Renal_setup_s .wid_flex_1 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
.flex_renal{
    display: flex;
    align-items:center;
    gap: 10px;
}
.flex_renal .wid_flex_1{
  /* flex: 1.2 !important; */
}
.flex_renal .st_all_drop{
    flex: 1 !important;
  }
.Renal_setup_s .style-input-div {
    margin-bottom: 20px;
}
.custom_hours {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    text-align: center;
}
.custom_drop_down_n{
  width: 150px !important;
}
.Type_Devices .custom_table_drop_delay{
  width: 140px !important;
  margin: auto;
}
.Renal_Planes .topsearch_bar .style_flex_n_box_3{
    flex: inherit !important;
   }
   .custom_flex_scores{
    flex: .3 !important;
}
.D_scores {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: end;
}
.Date_custom_scores{
    font-weight:bold;
}
.Scores_div_content {
    display: flex;
    align-items: center;
    justify-content: end;
}
.Scores_div_content .Scores_q ,.Scores_div_content .Scores_p {
    flex: 1;
    background: #fff;
    padding: 7px 14px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    border: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.Scores_div_content .Scores_q:hover, .scoreActive{
    background:var(--dark-green) !important;
    color:#fff !important;
}
.custom_search_scores .tp_title {
    background: var(--background-menu) !important;
}
.custom_search_scores .box_cont_table_st {
    min-height: 25vh !important;
    background: #f3faffd4;
    max-height: 72vh;
    overflow-y: auto;
}
.custom_search_scores .device_d_1 .filter_inputs {
    border-bottom: 1px solid #ededed !important;
}
.custom_search_scores .filter_inputs .strrertt {
    font-size: 14px !important;
}
.flex_scores_1{
    flex: 1;
}
.custom_search_scores{
    margin-bottom: 10px;
}

.flex_custom_q{
    display: flex;
    align-items:center;
    gap:10px;
    justify-content:center;
}
.style_table_block_aa_ww .p-datatable .p-datatable-thead>tr>th {
    padding: 10px 5px !important;
}
.box_style_ser_nn_400{
    width: 300px;
}
.m_0{
    margin: 0 !important;
}
.changecolor_gren .p-datatable .p-datatable-thead>tr>th {
    background-color: var(--active-menu-link) !important;;
    color: #000 !important;
}
.changecolor_gren .p-datatable .p-datatable-thead>tr {
    border-radius: 10px !important;
    box-shadow: 0 0 10px #eaeaea;
}
.changecolor_gren .p-datatable .p-datatable-tbody>tr td:first-child, 
.changecolor_gren .p-datatable .p-datatable-thead>tr>th:first-child {
    border-radius: 0px !important;
}
.changecolor_gren .p-datatable table, .changecolor_gren table.table {
    border-collapse: inherit !important;
    border-spacing: 0  !important;
    border: 1px solid #f9f9f9 !important;
}
.changecolor_gren .p-datatable .p-datatable-tbody>tr {
    box-shadow: none !important;
    overflow: hidden;
    border-radius: 0px !important;
}
.changecolor_gren{
    padding: 10px;
}
.changecolor_gren .p-datatable .p-datatable-tbody>tr:nth-child(even) {
    background-color:  #f3f3f3 !important;
}
/**/
/*=== radiology ===*/
body .RadiologyMaster .custom_radius_border .p-datatable .p-datatable-tbody>tr td:first-child, 
body .RadiologyMaster .custom_radius_border .p-datatable .p-datatable-thead>tr>th:first-child {
    border-radius: 7px 7px 7px 7px !important;
    padding: 10px 5px !important;
    cursor: pointer;
}
.flex_container_box{
    margin-bottom: 10px;
}
.flex_container_box .custom_label_input{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}
.btn_copy label{
    background: var(--dark-green);
    padding: 5px 20px 9px;
    font-weight: bold;
    font-size: 15px;
    border-radius: 10px;
    color: #fff;
}
.style_add_radiology {
    background: var(--background-save);
}
.style_log_radiology{
    background: var(--color-plan);
}
.Machine_name{
    font-weight: bold;
}
.radiology_pages .box_cont_table_st {
    background: #fff;
    box-shadow: 0 0 10px #f6f6f6;
    border-radius: 10px;
}
.flex_2_rad{
    flex: .3 !important;
}
.ad_btn {
    background: var(--dark-green);
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    padding: 6px;
    font-weight: bold;
    margin: 0 6px;
    cursor: pointer;
}
.number_custom .styeweerrtt input{
   width: 100%;
   border: 1px solid #dfdfdf !important;
   border-radius: 10px !important;
   color: #191919 !important;
   font-weight: bold !important;
   font-size: 13px !important;
   padding: 0.429em 0;
   text-align: center !important;
   width: 41px;
}
.calender_custom input{
  text-align: center !important;
  font-size: 13px !important;
}
.custom_table_group .p-datatable-thead tr:first-child th {
    background-color: var(--background-menu) !important;
    color: #ffffff !important;
}
.custom_table_group .p-datatable-thead tr:nth-child(2) th {
    background-color: #e2ecf2 !important;
    color: #333 !important;
}
.custom_table_group .p-datatable .p-datatable-tbody>tr>td {
    padding: 3px 2px !important;
}
.custom_table_group .p-datatable .p-datatable-tbody>tr>td {
    border: 1px solid #f8f8f8 !important;
}
.custom_table_group .p-datatable .p-datatable-tbody>tr>td {
    border-left: 1px solid #ebebeb !important;
}
.table-column-group .p-datatable .p-datatable-thead>tr>th {
    border: 1px solid #eee;
    line-height: 1.6 !important;
    padding: 4px !important;
}
.custom_padding_rad {
    padding: 6px !important;
}
.danger_btn{
    background:var(--background-cancel) !important;
}
.users_custom_width{
    display: flex;
    align-items: center;
}
.custom_check_pri .p-checkbox+label {
    font-size: 16px;
    font-weight: bold;
}
.custom_user_auth .p-dialog-content{
    background-color: #fbfdff !important;
}
/*===*/
.Chat_Selected_login{
    height: 85vh;
    background: url(../image/his-icons/backwhats.jpg);
    width: 100%;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.Chat_Selected_login .box_login_f{
    padding: 20px 50px;
    border-radius: 16px;
    background: #def0fff5;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 0 10px #ccc;
    cursor: pointer;
}
.Chat_Selected_login .box_login_f img{
    width: 40px;
    height: 40px;
}
.Chat_Selected_login .box_login_f label{
   font-weight: bold;
   font-size: 20px;
}
.facebook_logout {
    position: absolute;
    bottom: 0;
    background: var(--background-save);
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 10px #ccc;
}
/*=======*/
.custom_Schedul_comp{
    padding: 8px;
}
.custom_Schedul_comp .custom_content_sch{
    padding: 7px;
}
.custom_Schedul_comp .tital-buildings {
    padding: 10px;
}
.custom_Schedul_comp .tital-buildings .divclass-style{
  gap: 10px;
}
.custom_Schedul_comp .tital-buildings .divclass-style h5{
    font-size: 17px !important;
}
.custom_Schedul_comp .style_img_text_ss {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 3px 10px;
    border-radius: 5px;
}
.custom_Schedul_comp .height_custom_rad{
    height: 54vh !important;
    margin-top: 0 !important;
    overflow-y: auto;
}
.custom_Schedul_comp .style_back_st_all {
    width: calc(100vh);
}
.activeTab_11_blue {
    background: var(--color-plan) !important;
}
.custom_select_dev .filter_inputs {
    margin-bottom: 0;
    padding: 12px;
    margin-top: 0;
    cursor: pointer;
    transition: all .5s ease-in-out;
    border-bottom: 1px solid #f8f8f8 !important;
}
.custom_select_dev{
    margin-top: 10px;
}
.custom_select_dev .filter_inputs:nth-child(even){
    background: #f3faffd4;
    border-bottom: 1px solid #e0e0e0 !important;
    border-top: 1px solid #e4e4e4;
}
.custom_select_dev .filter_inputs:hover {
   background:var(--dark-green) !important;
   color:#fff !important;
   border-radius:10px;
}
.activeDevice{
    background:var(--dark-green) !important;
   color:#fff !important;
   position: relative;
   border-radius:5px;
}
.activeDevice::after {
    content: "";
    position: absolute;
    right: -10px;
    top: calc(50% - 10px);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--dark-green);
}
.custom_row_Device {
    padding: 8px;
    background: var(--dark-green);
    border-radius: 10px 10px 0 0;
}
.custom_avialb_device span{
    font-size: 20px;
    color : #fff !important;
}
.custom_row_Device  h4 span {
    font-size: 14px !important;
    color:#fff !important
}
.custom_Schedul_comp .custom_slots_style span{
    cursor: pointer;
}
.custom_Schedul_comp .box_templates_rx .style_flex_box_s {
    padding: 12px 10px !important;
}
.custom_logo_well{
    width: 70%;
    margin: 0 auto 30px;
}
.Receive_LabRequests td .widddkdkdk img {
    width: 35px !important;
}
.Receive_LabRequests .style_flex_lab_r_s .all_sel_check_box .textalertp_diagno{
    padding: 5px 10px 13px;
    background: #eaeaea96;
    border-radius: 5px; 
}
.Receive_LabRequests .style_flex_lab_r_s .all_sel_check_box .textalertp_diagno:has(.p-highlight){
  background:var(--color-plan) !important;
  color:#fff !important;
}
.Receive_LabRequests .style_flex_lab_r_s .all_sel_check_box .textalertp_diagno .p-checkbox{
    opacity: 0;
}
.Receive_LabRequests .style_flex_lab_r_s .all_sel_check_box .textalertp_diagno .field-checkbox {
  width: 100%;
}
.Receive_LabRequests .style_flex_lab_r_s .all_sel_check_box .textalertp_diagno .field-checkbox label{
    margin-inline-start: -20px;
    width: 100%;
    display: inline-block;
}
/*=====*/
.PurchasingSettingsMaster .style_span_r{
    width: 100%;
  }
  .save_backg{
      background:var(--background-menu) !important;
  }
  .PurchasingSettingsMaster .style_btn_click{
    display: flex;
    align-items:center;
    gap: 10px;
  }
  .textarea_purchases textarea{
      height: 40px;
      min-height: 40px;
  }
  .custom_flex_pat{
      display: flex;
      align-items:center;
      gap: 10px;
  }
  .change_d_parient .changecolor-table .top-search-patient .tital-buildings{
      background: var(--dark-green) !important;
      color: #fff !important;
      border-radius: 10px 10px 0 0;
      padding: 2px 10px 5px !important;
  }
  .change_d_parient .changecolor-table .top-search-patient .VisitOpening_style{
      background: #fff !important;
      padding: 20px !important;
      /* border: 0 !important; */
  }
  .change_d_parient .changecolor-table .top-search-patient{
      background: #ffffff !important;
      border-radius: 0px !important;
      margin-bottom: 0px !important;
  }
  .change_d_parient .changecolor-table .top-search-patient .but-serchpatients {
      width: 30%;
      margin: auto;
  }
  .change_d_parient .changecolor-table .dark-blue {
      background-color: var(--dark-green) !important;
  }
/*========*/  
/*========*/
.Rad_all_component_style{

}
.Rad_all_component_style td .btn_newoder .swidth{
    margin-inline-end: 0px !important;
    margin: 0 !important;
    min-width: 140px;
}
.Rad_all_component_style td .new_patient_order .btn_newoder, 
.Rad_all_component_style td .new_patient_order .btn_newpatient{
    margin-inline-end: 0px !important;
    margin: 0 !important;
    min-width: 140px;
}
.Rad_all_component_style td .new_patient_order .btn_newpatient span{
    flex: 1;
}
.Rad_all_component_style .style_box_beds_all .select-typebeds>div{
    width: auto !important;
    flex: 1;
}
.Rad_all_component_style .custom_Schedul_comp .top-title-bed,
.Rad_all_component_style .custom_Schedul_comp .tab_o_style{
  justify-content: center !important;
}
.Rad_all_component_style.style_lab_stack .active_tab_selected{
  position: relative;
}
.Rad_all_component_style.style_lab_stack .active_tab_selected::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right: 49px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0ab586 !important;
}
.Rad_all_component_style td .new_patient_order .btn_newoder span{
    flex: 1;
    padding: 5px 4px !important;
}
.Rad_all_component_style .style_ser_nn .text_st_mm .style_text_mm,
.Rad_all_component_style .custom_avialb_device span {
    font-size: 18px !important;
}
.Rad_all_component_style .custom_Schedul_comp{
  padding: 0 !important;
}
.Rad_all_component_style .custom_Schedul_comp .style_back_st_all{
 width: auto !important;
 flex: auto !important ;
}
/*================*/
.p_needRequest .check_box_all_style{
    background:none !important;
  }
  .p_needRequest .abs_title {
      border-radius: 7px !important;
      min-width: 140px !important;
  }
  .p_needRequest .style_inputs_st {
      margin-top: 10px !important;
  }
  .sty_style_cash .block_t_style {
      margin-bottom: 21px !important;
  }
  .p_needRequest .custom_selected_criteria .abs_title{
    background:var(--dark-green) !important;
  }
  .flex_display_p{
      display: flex;
      align-items:flex-start;
      gap: 10px;
      width: 100%;
  }
  .flex_display_p .block_t_style{
    flex: 1;
  }
  .custom_radio_d_flex {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-top: 7px;
  }
/*========*/
.p_request .all_steps_show_3{
    background: #fff;
    border-radius: 5px;
}
.p_request .box_step_style_1{
  padding: 10px !important;
}
/*=======*/
.clear_btn{
    background: var(--background-cancel);
    color: #fff;
    padding: 7px 20px;
    border-radius: 10px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    box-shadow: 0 0 10px #dfdfdf;
    cursor: pointer;
    gap: 4px;
}
.custom_supplier_title{
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: bold;
    margin-inline-start: 10px;
}
.custom_btn_supplier{
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-inline-end: 10px;
}
.custom_padding_top{
    padding: 4px 15px
}
.stylemodnew_60.p-dialog {
    width: 60%;
    border-radius: 20px !important;
    box-shadow: none;
}
.custom_secpopup {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 60%;
}
.multiselect_box {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}
.multiselect_box label{
    font-weight: bold;
}
.icon_add_i {
    background: var(--dark-green);
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
}
.custom_input_section{
    display: flex;
    justify-content: center;
    gap: 10px;
    font-weight: bold;
    align-items: center;
}
.custom_input_section input{
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 4px;
    text-align: center;
    font-weight: bold;
    width: 80px;
    background: #f4faff;
}
.custom_btn_section {
    background: var(--dark-green);
    text-align: center;
    display: flex;
    margin-top: 21px;
    height: 37px;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    align-items: center;
    justify-content: center;
}  
/*=======*/
.AddAttachment {
    background: #f2fcff;
    padding: 0px;
    flex: 1;
}
.LabQCWorkList .add_attachstyle_n{
  padding: 5px 10px !important;
}
.AddAttachment .Actions_attachments{
    padding: 6px 15px;
    background: #def0f6;
}
.all_attachments_box{
    padding: 20px;
}
.box_check_attachment {
    text-align: center;
    background: #fff;
    padding: 20px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 10px #f8f8f8;
    cursor: pointer; 
    transition: all .4s ease-in-out;
}
.box_check_attachment img{
    width: 80px;
    height: 80px;
}
.box_check_attachment .p-checkbox{
    position: absolute;
    top: 10px;
    inset-inline-end: 10px;
}
.box_check_attachment:hover{
    background: #d7f4ff;
    border: 1px solid #8dcdff;
}
.active_attachment{
    background: #d7f4ff;
    border: 1px solid #8dcdff;
}
.Actions_attachments{
    display: flex;
    align-items: center;
    gap: 20px;
    align-items: center;
    justify-content: flex-start; 
}
.box_action_info {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    padding: 7px 15px;
    justify-content: center;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    transition: all .4s ease-in-out;
}
.box_action_info:hover{
    background: var(--background-menu);
    color:#fff;
}
.All_attachment_add {
    display: flex;
    width: 100%;
    gap: 10px;
}
.file_information {
    min-width: 200px;
}
.file_information h4{
    background: var(--background-menu);
    text-align: center;
    padding: 12px;
    color: #fff;
    margin-bottom: 0 !important;
    font-size: 18px;
    font-weight: bold;
}
.box_information_d {
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 10px #fafafa;
    padding: 7px;
}
.details_info {
    background: #fbfbfb;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 0 10px #fff;
    border: 1px solid #e1ecf0;
}
.details_info h5{
    font-size: 16px;
    font-weight: bold;
    color: var(--background-menu);
    margin-bottom: 2px;

}
.details_info p{
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
    color: #626161;
}
.min_with_170{
    min-width: 190px;
    display: inline-block;
}
.bank_trans .table-column-group .p-datatable-thead tr:first-child th {
    background-color: #063d92 !important;
    color: #fff !important;
    padding: 7px !important;
    font-size: 15px !important;
}
.custom_bd_add{
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
}
.flex_wwkee_style .style_save_but_a_style_ss{
    justify-content: end !important;
    gap: 10px;
    display: flex;
    width: 100%;
}
.bsck_btn_style{
    background:var(--background-cancel) !important;
}
.p-calendar.p-invalid input{
    border: 1px solid #f44336 !important;
}
 .icon-hover i {
     text-align: center;
    width: 28px;
        height: 28px;
        line-height: 25px;
     color: var(--md-theme-default-primary-on-background, #448aff) !important;
     border: 1px solid var(--md-theme-default-primary-on-background, #448aff) !important;
     border-radius: 50% !important;
 }
 .custom_New_width .top-search-patient {
    width: 95% !important;
    margin: auto !important;
}
.custom_row_margin{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.custom_new_service_design .tital-buildings{
    background: var(--background-menu) !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
    padding: 2px 10px 5px !important;
}
.custom_new_service_design .VisitOpening_style {
    border-radius: 0 0 10px 10px !important;
    background: #fff !important;
    margin-bottom: 15px;
    border: 1px solid var(--dark-green) !important;
}
.custom_new_design_serv .ComplainsComp{
  width: 100%;
}
.custom_new_design_serv .title_top_img {
    border-radius: 10px 10px 0 0;
    padding: 6px 10px 5px !important;
}
.custom_new_design_serv .style_width_99 {
width: 100% !important;
}
.custom_lab_serve_design .top-search-patient {
    background: #fff !important;
}
.custom_lab_serve_design .custom_row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.custom_lab_serve_design .custom_btn_next{
    width: 200px;
    margin: auto;
}
.custom_New_width .new_patient_order, .custom_lab_serve_design .stylenew-color .new_patient_order {
    justify-content: end !important;
}
/*======*/
.NewMenuComp{
    background: url(../image/bg-main.png) no-repeat center center #1b1b35;
    background-size: cover;
 height: calc(111vh - 0px) !important;
    width: 100%;
    display: flex;
    padding: 12px;
    gap: 15px;
}
.first_tab_menu{
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    flex-direction: column;
    width: 70px;
}
.box_module_one {
    border-radius: 10px;
    height: 70px;
    background: #fff;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 5px;
    box-shadow: 0 0 10px #8c8c8c;
    transition: all .4s ease-in-out;
    cursor: pointer;
}
.box_module_one:hover{
    transform: scale(1.09);
}
.box_module_one .box_icon_1 img {
    width: 30px;
    height: 30px;
}
.box_module_one .box_name_module{
    font-size: 13px;
    font-weight: bold;
    color: #777;
}
.total_module{
    background: #dae4f2;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    gap: 10px;
    width: calc(100% - 80px);
}
.box_all_module{
    flex: .8;
}
.box_contain_modules{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.box_all_module .box_module_select_1{
    height: 100px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    width: 23%;
    margin: 1% 1%;
    padding: 10px 5px;
    gap: 10px;
    cursor: pointer;
    box-shadow: 0 0 10px #8c8c8c;
    transition: all .4s ease-in-out;
}
.box_all_module .box_module_select_1:hover{
    transform: scale(1.09);
}
.activeModuleBox{
    border: 4px solid #ed941a;
    box-shadow: 0 0 10px #282626;
}
.box_all_module .box_module_select_1 .box_icon_module img{
   width: 44px;
}
.box_all_module .box_module_select_1 .box_module_name{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 17px;
}
.box_select_module{
   flex: 1.2;
}
.tabs_modules_select {
    display: flex;
    
    border-radius: 10px 10px 0 0;
    justify-content: space-between;
    align-items: center;
    
    gap: 10px;
}
.program_box {
       background-color: var(--background-menu);
    color:white;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex: 1;
    border-radius: 15px 15px 0 0;
    font-size: 15px;
    font-weight: bold;
    padding: 22px;
    cursor: pointer;
    transition: all .5s ease-in-out;
 
    height: 37px;
    top: 5px;
    position: relative;
}
.box_selects_prog {
    padding: 5px;
    border-radius: 0 0 10px 10px;
    position: relative;
    height: calc(100vh - 135px);
    background-color: #d2dcea !important;
    border: 1px solid #ccc;
}
.program_box img{
    width: 25px;
    filter: brightness(0) invert(1);
}
.box_contain_program{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.program_box_sel img{
    width: 25px;
}
.program_box_sel{
    align-items: center;
    background-color: #fff;
    border-radius: 0px 10px 10px 0px;
    display: flex;
    flex-direction: row;
    width: 48%;
    margin: 1% 1%;
    padding: 9px;
    gap: 10px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    border: 1px solid #ccc;
    color: #2b5bab;
    font-size: 17px;
    font-weight: bold;
    border-left: 9px solid var(--dark-green);
}
.program_box_sel:hover, .activemoduleSelect{
    background: var(--dark-green);
    color:#fff !important;
}
.program_box:hover, .activemodule{
    background:var(--dark-green);
    color:#fff !important;
}
.box_module_one:hover, .selectMainmodule{
    color:#fff !important;
    background:var(--dark-green);
}
.box_module_one:hover .box_name_module,
.selectMainmodule .box_name_module{
    color:#fff !important;
}
.program_box:hover img, .activemodule img,
.program_box_sel:hover img, .activemoduleSelect img,
.box_module_one:hover img, .selectMainmodule img{
    filter: brightness(0) invert(1);
}
.box_module_select_1:first-child {
    background: rgb(31,152,185);
    background: linear-gradient(90deg, rgba(31,152,185,1) 0%, rgba(9,174,219,1) 100%);
    background: #4385F5 !important;
}
.AddRemoveMenuTop .NewMenuComp {
    display: none !important;
}
.content.page-height{
    display: none;
}
.AddRemoveMenuTop .content.page-height{
  display: block !important;
}
.box_module_select_1:nth-child(2) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#086DBB 0%, #0986E8 100%);
    background: #34A853 !important;
}

.box_module_select_1:nth-child(3) {
    background: linear-gradient(90deg,#05B366 0%, #08DA96 100%);
    background: #E8463B !important;
}

.box_module_select_1:nth-child(4) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#E81F49 0%, #F95072 100%);
    background: #ed941a !important;
}

.box_module_select_1:nth-child(5) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#E98B0C 0%, #FAB34E 100%);
    background: #822BBB !important;
}

.box_module_select_1:nth-child(6) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#6853D6 0%, #9D8AFC 100%);
    background: #1086a5 !important;
}

.box_module_select_1:nth-child(7) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg, rgba(31,152,185,1) 0%, rgba(9,174,219,1) 100%);
    background: #2b5bab !important;
}

.box_module_select_1:nth-child(8) {
    background: rgb(31, 152, 185);
    background: linear-gradient(90deg, #0A5EDD 0%, #4178E9 100%);
    background: #0e7a83 !important;
}

.box_module_select_1:nth-child(9) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#05B366 0%, #08DA96 100%);
    background: #9b2d72 !important;
}

.box_module_select_1:nth-child(10) {
    background: linear-gradient(90deg, #E81F49 0%, #F95072 100%);
    background: #1560d0 !important;
}

.box_module_select_1:nth-child(11) {
    background: linear-gradient(90deg, #E98B0C 0%, #FAB34E 100%);
    background: #36417e;
}

.box_module_select_1:nth-child(12) {
    background: linear-gradient(90deg, #6853D6 0%, #9D8AFC 100%);
    background: #6b7585;
}

.box_module_select_1:nth-child(13) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg, rgba(31,152,185,1) 0%, rgba(9,174,219,1) 100%);
}

.box_module_select_1:nth-child(14) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#0A5EDD 0%, #4178E9 100%);
}

.box_module_select_1:nth-child(15) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#05B366 0%, #08DA96 100%);
}

.box_module_select_1:nth-child(16) {
    background: linear-gradient(90deg, #E81F49 0%, #F95072 100%);
}

.box_module_select_1:nth-child(17) {
    background: linear-gradient(90deg, #E98B0C 0%, #FAB34E 100%);
}

.box_module_select_1:nth-child(18) {
    background: linear-gradient(90deg, #6853D6 0%, #9D8AFC 100%);
}

.box_module_select_1:nth-child(19) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg, rgba(31,152,185,1) 0%, rgba(9,174,219,1) 100%);
}

.box_module_select_1:nth-child(20) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#0A5EDD 0%, #4178E9 100%);
}

.box_module_select_1:nth-child(21) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#05B366 0%, #08DA96 100%);
}

.box_module_select_1:nth-child(22) {
    background: linear-gradient(90deg, #E81F49 0%, #F95072 100%);
}

.box_module_select_1:nth-child(23) {
    background: linear-gradient(90deg, #E98B0C 0%, #FAB34E 100%);
}

.box_module_select_1:nth-child(24) {
    background: linear-gradient(90deg, #6853D6 0%, #9D8AFC 100%);
}

.box_module_select_1:nth-child(25) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg, rgba(31,152,185,1) 0%, rgba(9,174,219,1) 100%);
}

.box_module_select_1:nth-child(26) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#0A5EDD 0%, #4178E9 100%);
}

.box_module_select_1:nth-child(27) {
    background: rgb(31,152,185);
    background: linear-gradient(90deg,#05B366 0%, #08DA96 100%);
}

.box_module_select_1:nth-child(28) {
    background: linear-gradient(90deg, #E81F49 0%, #F95072 100%);
}

.box_module_select_1:nth-child(29) {
    background: linear-gradient(90deg, #E98B0C 0%, #FAB34E 100%);
}

.box_module_select_1:nth-child(30) {
    background: linear-gradient(90deg, #6853D6 0%, #9D8AFC 100%);
}
/*===*/
.custom_scroll_boxs{
    width: 91.6vw;
    overflow-x: auto;
}
.custom_scroll_more{
min-width: auto !important;
}
.custom_scroll_boxs .btn_st_data span {
    padding: 5px 6px !important;
    min-width: auto !important;
    font-size: 14px !important;
}
.btn-action {
    width: 110px !important;
    text-align: center;
}
.change_tabs_color .activeTab_11_blue{
    background:var(--background-menu) !important;
 }
 .custom_remove_title .style_flex_content, 
 .custom_remove_title .style_title_abs{
     display:none !important;
 }
 .custom_num_price{
    background: #fff6f1;
    padding: 0px 5px;
    min-width: 55px;
    color: #d87b2b !important;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
}
.p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}
.flex_num_style.style_search_full .p-inputgroup{
  display: flex;
}
.p-select-overlay {
    max-width: 220px !important;
    direction: ltr;
}
.p-select-overlay .p-inputtext{
    text-align: right;
}
.p-select-list-container, .p-datepicker-calendar-container{
    direction: rtl;
}
.p-datepicker-panel{
    direction: ltr;
}
body .p-button.p-button-secondary, body .p-buttonset.p-button-secondary>.p-button {
    transform: rotate(180deg);
}
.p-datepicker-buttonbar .p-button-secondary{
    transform: rotate(0deg) !important;
}
/*=====*/
.Extracting-Doctor-Fees .card-add-item .p-card-content {
    padding: 0rem;
  }
  .Extracting-Doctor-Fees .p-card {
    background-color: transparent !important;
  }
  .Extracting-Doctor-Fees .p-card .p-card-body {
    padding: 0 !important;
  }
  
  .Extracting-Doctor-Fees .fees-card {
    background-color: #fff;
    padding: 10px 5px;
    border-radius: 15px;
    /* border: 1px solid #EFEFEF; */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    /* flex: 0 2 180px; */
    min-width: 145px;
    margin-inline-end: 5px;
    justify-content: space-between;
  }
  .Extracting-Doctor-Fees .Discount-data .fees-card .fees-card-img {
    height: 25px;
    margin: 0 5px;
  }
  .Extracting-Doctor-Fees .Discount-data .fees-card .fees-card-body {
    width: calc(100% - 35px);
    text-align: center;
    /* padding-inline-start: 15px; */
  }
  .Extracting-Doctor-Fees
    .Discount-data
    .fees-card
    .fees-card-body
    .fees-card-number {
    font-weight: bold;
    font-size: 20px;
  }
  .Extracting-Doctor-Fees
    .Discount-data
    .fees-card
    .fees-card-body
    .fees-card-title {
    white-space: nowrap;
  }
  .Extracting-Doctor-Fees .Discount-data .fees-card .fees-card-img img {
    height: 100%;
  }
  .search-btn2 .p-button {
    display: flex;
    padding: 5px 15px !important;
    overflow: unset;
    height: unset;
    width: unset;
  }
  .search-btn2 .p-button .p-button-icon-left {
    position: relative;
    margin: 0;
    top: unset;
    left: unset;
    order: 2;
    padding-inline-start: 10px;
    height: unset;
    width: unset;
  }
  .search-btn2 .p-button .p-button-text {
    position: relative;
    margin: 0;
    padding: 0 !important;
    top: unset;
    left: unset;
    inset-inline: 5px;
  }
  .color-blue {
    color: #2d6eff;
  }
  .color-dark-blue {
    color: #0828a1;
  }
  .color-dark-red {
    color: #b75e22;
  }
  .color-red {
    color: #f71e4a;
  }
  .color-orange {
    color: #ffb230;
  }
  .color-purple {
    color: #ce36d8;
  }
  .color-green {
    color: #12b6b8;
  }
  .fw-bold {
    font-weight: 700 !important;
  }
  
  .fw-semibold {
    font-weight: 600 !important;
  }
  
  .fw-bolder {
    font-weight: bolder !important;
  }
  
  .card-add-item .p-card-body .content-add label {
    color: #2d3c4d;
    font-size: 12px;
    padding-inline-start: 10px;
  }
  .custom_overview .p-datatable-table-container{
    overflow: inherit !important;
  }
  .p-select-label{
    padding: 6px 10px !important;
  }
  /**/
  .aside-piano-body .p-accordion .p-accordionheader img {
    width: 20px;
    margin-inline-end: 5px;
    filter: invert(0);
  }
  
  .aside-piano-body .p-accordion .p-accordionheader .p-accordion-toggle-icon {
    position: absolute;
    inset-inline-end: 10px;
    color: #fff !important;
  }
  .aside-piano-body .p-accordion .p-accordionheader{
    border: 1px solid #ededed !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px #e9e9e9 !important;
    padding: .571em 1em;
    color: #333;
    font-weight: 700;
  }
  body .p-accordion .p-accordion-tab:nth-child(1) .p-accordionheader  {
    background-color: #b71c1c !important;
    color: #fff !important;
  }
  
  body .p-accordion .p-accordion-tab:nth-child(2) .p-accordionheader {
    background-color: #880e4f !important;
    color: #fff !important;
  }
  
  body .p-accordion .p-accordion-tab:nth-child(3) .p-accordionheader {
    background-color: #4a148c !important;
    color: #fff !important;
  }
  
  body .p-accordion .p-accordion-tab:nth-child(4) .p-accordionheader {
    background-color: #311b92 !important;
    color: #fff !important;
  }
  
  body .p-accordion .p-accordion-tab:nth-child(5) .p-accordionheader {
    background-color: #1a237e !important;
    color: #fff !important;
  }
  body .p-accordion .p-accordion-tab:nth-child(6) .p-accordionheader {
    background-color: #0d47a1 !important;
    color: #fff !important;
  }
  body .p-accordion .p-accordion-tab:nth-child(7) .p-accordionheader {
    background-color: #01579b !important;
    color: #fff !important;
  }
  body .p-accordion .p-accordion-tab:nth-child(8) .p-accordionheader  {
    background-color: #006064 !important;
    color: #fff !important;
  }
  body .p-accordion .p-accordion-tab:nth-child(9) .p-accordionheader  {
    background-color: #004d40 !important;
    color: #fff !important;
  }
  body .p-accordion .p-accordion-tab:nth-child(10) .p-accordionheader {
    background-color: #1b5e20 !important;
    color: #fff !important;
  }
  body .aside-piano-body .p-datatable-scrollable {
    /* max-height: 400px !important;
    overflow-y: auto !important; */
  }
  .p-accordioncontent-content{
    background-color: #fff;
    color: #333;
    padding: .571em 1em;
    border: 1px solid #efefef !important;
    border-radius: 10px !important;
  }
  .Results-Design .p-card .p-card-content {
    padding: 0 !important;
  }
  
  .Results-Design .icon-action {
    position: relative;
  }
  
  .Results-Design .icon-action .div-action {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    transform-origin: top right;
    inset-inline-start: 0;
    z-index: 2;
    background-color: #fff;
    display: flex;
    padding: 7px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
  }
  
  .Results-Design .icon-action .div-action a:hover {
    background-color: rgba(0, 102, 255, 0.1);
  }
  
  .Results-Design .icon-action:hover .div-action {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  .Results-Design .setting-results .style_flex_content {
    /* background-color: #eee; */
    padding: 5px;
    padding-bottom: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    justify-content: flex-start;
  }
  .Results-Design .setting-results .style_flex_content .select_span_style {
    border: 1px solid rgb(189 186 186 / 20%);
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin: 0;
    -webkit-margin-end: 4px;
    margin-inline-end: 4px;
    background-color: rgb(208 208 208 / 20%);
    color: #797979;
    font-size: 13px;
  }
  
  .Results-Design
    .setting-results
    .style_flex_content
    .select_span_style.active_tab_selected {
    background: #0075ff !important;
  }
  .Results-Design table,
  .setting-results table {
    font-size: 13px;
  }
  .p-accordionpanel{
    margin-bottom: 10px !important;
  }
  .new_wdt{
    width : 50%;
  }
  .p-datepicker{
    width : 100%;
  }
.p-inputgroup:not(:has(.stylescan-div)) .p-autocomplete{
    width : 100% !important;
  }
  .p-paginator .p-paginator-content-start, .p-paginator .p-paginator-content-end{
    display : none !important;
  }
  .p-multiselect{
    width : 100%
  }
  /* #nprogress .spinner {
    position: fixed;
    z-index: 1031;
    top: 40% !important;
    right:30% !important;
    width : 100% !important;
    height : 100% !important;
  } */
  #nprogress .spinner {
    position: fixed;
    z-index: 1031;
    width : 100% !important;
    height : 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
     margin : 0 !important;
  }
  #nprogress .spinner .spinner-icon{
    width : 50px !important;
    height : 50px !important;
  }
  .p-fieldset-legend {
    padding: 0;
    display: block;
    padding: 0 !important;
    margin-bottom: .5rem !important;
    line-height: inherit !important;
    white-space: normal !important;
    font-size: 17px;
    color: #fff !important;
    background: var(--background-menu) !important;
    text-decoration: none;
}
.p-fieldset-toggleable > .p-fieldset-legend .p-fieldset-toggle-button, .p-fieldset-toggleable > .p-fieldset-legend .p-fieldset-toggle-button svg{
    color: #fff;
    }
    .p-fieldset-toggleable > .p-fieldset-legend:hover .p-fieldset-toggle-button ,
    .p-fieldset-toggleable > .p-fieldset-legend:hover .p-fieldset-toggle-button svg{
        color: #000 !important;
    }
    .p-fieldset-toggleable > .p-fieldset-legend:hover{
        background: #f7f7f7 !important;

    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, 
.col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11,
.col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, 
.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, 
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, 
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, 
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-right : 10px !important;
    padding-left: 10px !important;
}
.p-datatable-mask.p-overlay-mask{
    background : #f6f6f68f !important;
    color:#000 !important;
    font-size: 16px;
}
.nodata_span{
    text-align : center;
}
.p-dialog-footer .cancelstyle, .p-dialog-footer .stylecancelbut{
       padding: 8px 10px !important;
}
body .p-dialog .p-dialog-content {
    border: 1px solid #c8c8c8;
    padding: 1em;
}
body .p-dialog .p-dialog-footer {
    border: 1px solid #c8c8c8;
    border-top: 0 none;
    background-color: #fff;
    color: #333;
    padding: .571em 1em;
    margin: 0;
    text-align: right;
}
.p-dialog .p-dialog-close-button{
        color: #EE2A51 !important;
    background: #FFE6EB !important;
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    line-height: 10px;
    text-align: center;
    font-size: 17px;
    border: 1px solid #FFE6EB !important;
    display: flex;
    align-items: center;
    justify-content: center;

}
.style_search_s.datemargintop .p-datepicker{
  width : 100%
}
body .p-datatable .p-datatable-tbody>tr td:first-child,
body .p-datatable .p-datatable-thead>tr>th:first-child{
    text-align: center  !important;
}
.custom_complaint_box{
    box-shadow: 0 0 10px #f3f3f3;
    background: #fff;
    padding: 7px;
    border-radius: 8px;
}
.closed_custom_box{
    padding: 12px !important;
}
.closed_custom_box .p-select, .closed_custom_box .p-textarea,
.closed_custom_box .block_t_style .p-inputtext, 
.closed_custom_box .block_t_style .p-dropdown.p-component.p-unselectable-text{
        background: #d9e8f742 !important;
}
.ComplaintsDetails .p-textarea, .ComplaintsDetails .p-select{
   background: #d9e8f742 !important;
}

.closed_custom_box .col_style_22 label{
  width : 100% !important;
}
.closed_custom_box .col_style_22{
    margin-bottom : 10px !important;
}
.closed_custom_box .p-datepicker{
  width : 100% !important;
}
.closed_custom_box .sty_style_cash .block_t_style {
    margin-bottom: 25px !important;
}
.closed_tabs_complatint .p-datatable-column-header-content{
  justify-content: center;
}
.closed_tabs_complatint .table-column-group .p-datatable-thead tr:nth-child(n+3) th {
    background-color: rgba(238, 238, 238, 0.3) !important;
    color: #145082 !important;
}
.custom_colors{
    color : #000 !important;
}
.custom_complaint_box:has(.ComplaintsDetails){
    box-shadow: none !important;
    background: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
}
/*====khabeer system store*/
.khabeer_system_store{
    position: relative;
    display: flex;
    gap: 10px;
}
.khabeer_system_store .p-datepicker{
   width: 100%;
}
.khabeer_system_store .search-patient-input{
    padding : 10px !important;
}
.custom_system_store {
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}
.menu_khabeer_system{
    width : 270px;
    background: var(--active-menu-link);
    height : 90vh;
    padding : 10px !important;
    overflow-y: auto;
}
.menu_khabeer_system .card{
    background-color: transparent;
        border: 0;  
}
.menu_khabeer_system .p-panelmenu-panel{
    background: #fff;
    padding: 0;
}
/* .menu_khabeer_system .p-panelmenu-content-container {
        background: var(--p-neutral-50);
} */
.menu_khabeer_system .p-panelmenu-header-content{
   padding : 10px;
}
.menu_khabeer_system .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover{
   background: var(--background-menu) !important;
   color: #fff !important;
}
.menu_khabeer_system .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover a{
   color: #fff !important;
   /* padding-top : 10px;
   padding-bottom : 10px; */
}
.menu_khabeer_system .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover a .pi-angle-down{
   color: #fff !important;
}
.menu_khabeer_system .p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover {
    background: var(--background-menu) !important;
   color: #fff !important;
}
.p-panelmenu-header[data-p-active="true"]{
     background: var(--background-menu) !important;
   color: #fff !important;
   border-radius : 10px ;
}
 .p-panelmenu-header[data-p-active="true"] .p-panelmenu-header-content a{
    color: #fff !important;
 } 
  .p-panelmenu-header[data-p-active="true"] .p-panelmenu-header-content a .pi-angle-down{
    color: #fff !important;
  }
.menu_khabeer_system .p-panelmenu-item-content{
    display: flex;
    width: 100%;

}
.menu_khabeer_system .p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover a{
   color: #fff !important;
}
.menu_khabeer_system .p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover a .pi-angle-down{
   color: #fff !important;
}
.menu_khabeer_system .p-panelmenu-submenu.p-panelmenu-root-list:has(.p-panelmenu-item){
    padding-top : 8px;
    padding-bottom : 8px;
}
.menu_khabeer_system .p-panelmenu-submenu.p-panelmenu-root-list li{
border-bottom: 1px solid #e4e2e2;
}
.menu_khabeer_system .p-panelmenu-submenu.p-panelmenu-root-list li:last-child{
border-bottom: 0px solid #e4e2e2 !important;
}
.menu_khabeer_system .p-panelmenu-content-container{
    background: var(--p-indigo-50);
}
.menu_khabeer_system .p-panelmenu-header .p-panelmenu-header-content a{
    display : flex;
    align-items: center;
    padding: 0 !important;
}
.khabeer_system_store .box_cont_table_st {
    border: 1px solid #fcfcfc !important;
    border-radius: 10px;
}
.box_khabeer_system{
    position: relative;
    flex: 1;
}
.arrow_collabes{
    position: absolute;
    width: 25px;
    height: 25px;
    top: calc(50vh - 12px);
    font-size: 14px;
    inset-inline-start: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background: #F7820D;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 10px #9f9f9f;
    cursor: pointer;
}
.arrowActive{
    transform: rotate(180deg);
}
.menu_closed{
    display : none !important;
}
.full_width_box{
    width : 100% !important;
}
.ExpiredItems .p-card-body {
    padding: 0 !important;   }
body .p-datatable .p-datatable-tbody>tr td:first-child:has(.left_corner) .style_postion_ssss .div-action{
inset-inline-end: -200px !important;
inset-inline-start: inherit !important;

}
/*========*/
.custom_flex_box{
    display: flex;
    align-items: center;
    gap: 10px;
}
.custom_flex_box .style_add_dd {
 display: flex;
      align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 6px;
    box-shadow: 0 0 10px #ccc;
}
.custom_flex_box .style_add_dd i{
        font-size: 13px !important;
}
.flex_box_style{
     display: flex;
      align-items: center;
    gap: 0px;
}
.add_btn{
        background: var(--dark-green);
            cursor: pointer;
}
.style_width_400{
    width : 450px !important;
}
.but_save_head{
        background: var(--background-menu) !important;
}
.min_width{
        min-width: 350px;
    display: block;
}
.flex_box_s{
      display: flex;
      align-items: center;
    gap: 20px;
        justify-content: space-between;
}
.custom_date .p-datepicker{
  width : 100% !important;
}
.custom_date .p-inputtext:not(:last-child){
    height : 36px !important;
}
.custom_header_table{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rate_box_table{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:15px;
}
td:has(.custom_header_table){
    border-radius: 0px !important;
}
td:has(.custom_header_table), tr:has(.custom_header_table){
    background: #e6e6e6e3;
    border-radius: 0px !important;
}
.custom_code{
    font-weight: bold;
    font-size: 17px;
    color: var(--background-menu);
}
.title_head_table{
    font-weight: bold;
    font-size: 15px;
    color: var(--background-menu);
}
.edite_st{
    background: #fff;
}
table:has(.custom_header_table){
    border-collapse: collapse !important;
    border: 1px solid #e4e4e4 !important;
    padding : 10px !important;
}
table:has(.custom_header_table) tr, table:has(.custom_header_table) td,
table:has(.custom_header_table) td {
    box-shadow: none !important;
    border-radius: 0px !important;
}
 body table:has(.custom_header_table) .p-datatable-thead>tr>th:first-child,
 body table:has(.custom_header_table) .p-datatable-tbody>tr td:last-child,
 body table:has(.custom_header_table) .p-datatable-thead>tr>th:last-child {
    border-radius: 0px !important;
 }
 .survey_setting{
    background : #fff;
    padding : 14px !important;
    margin-top : 10px;
    border-radius: 10px !important;

 }
 .survey_setting .style_inputs_st {
    padding: 10px 10px 10px !important;
}
 td:has(.custom_sort_input){
    width : 100px !important;
 }
 .changecolor_gren_new .p-datatable .p-datatable-thead>tr>th{
        background-color: #f1f1f1 !important;
        color: #000 !important;
 }
 .changecolor_gren_new{
    width: 97% !important;
    margin: auto;
 }
 .custom_table_td .p-datatable-tbody>tr>td {
    padding: 10px 7px !important;
    padding-top : 10px !important;
    padding-bottom : 10px !important;

}
.custom_table_td{
        background: #e9f4ff !important;
}
/*====*/
.custom_activites .icon-hover-activ i{
    font-size: 20px;
    color: var(--cyan);
}
.custom_activites:hover .div-action{
    inset-inline-start: -106px !important;
    top: 25px !important;
}
.custom_activites:hover .div-action::after {
  content: "";
  position: absolute;
  top: -10px; 
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0d89aa; 
}
.custom_activites:hover .div-action .style_pri{
    border : 0 !important;
}
.custom_activites:hover .div-action .style_pri label:hover{
    margin-inline-start: 0px !important;
}
.custom_activites .styleedite{
    border : 0 !important;
}
.custom_activites .styleedite i{
    line-height: 32px !important;
}
.custom_activites .style_pri:hover{
    background: transparent !important;
    cursor: inherit !important;
}
.custom_activites .style_pri:hover label{
    color : #fff !important;
}
:deep(.csutom_height_report .p-card-body){
    height: 70vh !important;
}
:deep(.csutom_height_report .p-card-body iframe){
     height: 100% !important;
}
  .logo_new_style{
    width: 120px !important;
    max-width: 120px !important;
 } 
  .style_top_padding.stylebackground_pop .embed-container {
    padding-bottom: 60.75% !important;
        width: 90vw !important;
}
/*custom_style*/
.cstom_top_search_patient .towdivinput .p-datepicker{
 width : 100% !important;
}
.newstyledivbut {
    display: flex !important;
    text-align: center;
    justify-content: center;
    gap: 10px;
}
.custom_new_top_search .content-add{
    background: #fff;
    padding: 15px 0;
    border-radius: 10px;
    box-shadow: 0 0 10px #e9e9e9;
}
.custom_new_top_search .p-card-title .hfontsize{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0;
}
.custom_new_top_search .p-card-title .hfontsize .icon{
    width: 30px;
    display: inline-flex;
    background: #fff !important;
    padding: 4px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 10px #e9e9e9;
    justify-content: center;
}
.custom_new_top_search .p-card-title .hfontsize .icon svg{
    stroke: var(--background-menu) !important;
    fill: var(--background-menu) !important;
    width: 18px;
}
.receiving_div .p-tabview-tablist-container .p-tabview-tablist-scroll-container .p-tabview-tab-header{
  display: flex;
  gap : 10px;
}
.receiving_div .p-tabview-tablist-container .p-tabview-tablist-scroll-container .p-tabview-tab-header img{
width : 40px !important;
}
.new_search_background{
    background: #f0fbff !important;
}
.p-card-content .p-field .p-datepicker,
.form-group .p-datepicker{
   width : 100%;
}
.custom_row_st{
    align-items: center;
}
.custom_row_st .form-group{
    align-items: center;
    min-width : 400px;
}
.custom_title_icon{
    display: flex;
    align-items: center;
    gap: 8px;
}
.custom_search_width{
    min-width : 200px;
}
.third_tabs_2 .one_tab_style_1{
    display: flex;
    align-items: center;
    cursor: pointer;
    gap : 6px;
}
.third_tabs_2 .one_tab_style_1.active_steps_tab img{
    filter: brightness(0) invert(1);
}
.custom_tab_content{
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-top: 7px;
}
.custom_tab_content .ClaimSearch .filter_search_block_new {
    border-radius: 10px !important;
    margin-top: 10px;
}
.p-datatable-header .p-inputgroup{
  min-width : 230px;

}
.p-datatable-header .p-inputgroup .p-inputtext{
    height: 34px !important;
}
.p-datatable-header .p-inputgroup .p-button:last-child{
        top: -8% !important;
}
.custom_style_q{
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}
.custom_style_q .style_margin_ttsss1{
    justify-content: flex-end !important;
}
.custom_style_q .style_margin_ttsss1, .custom_style_q .style_margin_ttsss2{
  display: flex;
  gap : 10px;
  align-items: center;
  justify-content: space-between;
}
.style_span_bold{
    font-weight: bold;
    font-size: 16px;
}
.p-dialog{
    min-width : 40%;
}
.title_top_img.dark-green-span span{
    color : #fff !important;
}
.custom_content_package_term{
    background: #fff;
    padding: 8px 20px;
}
.custom_personal_data {
        padding: 20px 10px !important;
}
.custom_personal_data .p-datepicker, .custom_utility .p-datepicker, .custom_fees_management .p-datepicker {
    width : 100% !important;
}
.custom_personal_data .p-inputtext{
  background: #fff ;
}
.btn_upload_style, .btn_upload_style:focus, .btn_upload_style:hover{
   background: var(--dark-green);
    color: #fff;
    font-size: 13px;
    height: 35px;
    width: 60px !important;
    display: flex;
    align-items: center;
    justify-content: center; 
}
td input[type="date"]  {
   font-size: 13px !important;
    color: #333333 !important;
    background: #ffffff;
    border: 1px solid #e4e4e4 !important;
    border-radius: 6px !important;
    padding: 6px 12px;
}
.custom_style_btns{
    padding-top: 20px;
}
.custom_marg_top{
    margin-top : 30px;
}
.cutom_data_background{
        background: #fff;
}
.new_top_title{
   font-size: 18px !important;
    font-weight: bold !important;
    color: var(--background-menu);    
}
.custom_back_fff{
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}
.custom_back_fff .content-add{
       background: #cee5fa;
    padding: 10px;
    border-radius: 10px;
}
/*====*/
.custom_back_box{
  border-radius: 10px;
  padding: 10px !important;  
}
.custom_fees_management{
    background: #fff;
    border-radius: 10px;
    padding: 9px;
}
.search_top_custom{
        background: var(--active-menu-link) !important;
        padding: 10px !important;
}
.search_top_custom_1{
        /* background: var(--active-menu-link) !important; */
}
.custom_background_main{
    background: #ffffff;
    padding-bottom: 20px;
    border-radius: 10px; 
}
.custom_background_main .p-card {
    box-shadow: none;
    border: none;
    margin-bottom: 2;
}
.p-radiobutton{
   display : block !important;
} 
.custom_top_card_bg{
    background: #fff !important;
    border-radius: 10px !important;
    margin-bottom: 15px;
}
.style_doctordesk_top_content .title_top_img span{
  color : #fff !important;
}
.RX_STYLE .p-multiselect-label{
    padding: 6px !important;
    font-size: 15px !important;
    font-weight: bold;
}
.RX_STYLE .but_mon{
   padding: 7px !important;
}
.block2width .p-datepicker, .col-2 .p-datepicker {
   width : 100%;
}
.custom_title_footer_table{
    background: var(--active-menu-link);
    text-align: center;
    font-weight: bold;
    padding: 6px;
    font-size: 22px;
    color: var(--background-menu);
}
.custom_top_card_patient{
    background: #fff !important;
    border-radius: 10px !important;
    padding: 10px !important;
    width: 100%;
    margin-top: 5px;
}
.custom_top_card_patient_1 .custom_patient_page{
 background : #fff !important;
    border-radius: 10px !important;
    padding: 10px !important;
}
/*
*/
.custom_textarea{
    border-radius: 8px;
    border: 1px solid #ccc;
    padding : 10px;
}
.style_add_serv .blocks_buttons_swwq{
    border : 1px solid #ccc;
}
.btn_new_lead{
    background: var(--background-save);
    color: #fff;
    font-size: 16px;
    padding: 6px 15px !important;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}
.custom_Discount{
    padding: 10px;
    background: var(--active-menu-link);
    margin-top: 15px;
}
.new_lead_popup .imgheadername{
   font-weight: bold;;
}
.new_lead_popup{
    width : 96%;
}
.new_lead_popup .p-dialog-content{
    padding : 1.3em 1em !important;
}
.custom_new_lead_style{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}
.custom_new_lead_style .block_t_style{
    flex: 1 !important;
    padding: 0 !important;
}
.custom_new_lead_style .style_title_abs{
        margin-top: 0;
    width: 100%;
}
.custom_new_lead_style .style_title_abs .abs_title {
    background: var(--background-menu) !important;
    border-radius: 10px 10px 0 0 !important;
    display: block !important;
    font-size: 14px;
}
.custom_new_lead_style .style_wedii_flex{
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px 15px 30px;
    gap : 10px;
}
.custom_new_lead_style .style_wedii_flex .col_style_22{
    width : 100% !important;
}
.custom_new_lead_style .style_wedii_flex .col_style_22 .p-select,
.custom_new_lead_style .style_wedii_flex .col_style_22 .p-textarea,
.custom_new_lead_style .style_wedii_flex .col_style_22 .block_t_style .p-inputtext{
    background: #F5F6F9 !important;
    /* background: #fff !important; */
    border: 1px solid #f1f1f1 !important;
}
.custom_new_lead_style .box_ser_st label{
    font-size : 13px !important;
}
.custom_star {
    font-size: 15px;
    color: red;
}
.diamond_crm_page .divclass-style{
    justify-content: flex-start !important;
    margin-bottom: 10px;
}
.diamond_crm_page .style_hed{
   color : #454546 !important;
   font-weight: bold;
}
.diamond_crm_page .boxs_content_status {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}
.diamond_crm_page .box_background_fff_s{
    flex : 1;
    min-height: auto !important;
}
.diamond_crm_page .custom_status_content {
    background: #ffffff;
    display: inline-block;
    height: 62vh;
    width: 100%;
    border-radius: 0 0 10px 10px;
    overflow-y: auto;
    padding: 10px;
    background: var(--p-slate-50);
}
.diamond_crm_page .top_title_ww{
    justify-content: space-between;
    margin-bottom: 0;
}
.diamond_crm_page .top_title_ww span{
    font-size: 15px !important;
}
.diamond_crm_page .top_title_ww label{
    min-width: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
}
.diamond_crm_page .search-patient-input {
    padding: 7px 10px !important;
}
.background_menu_rad_4{
    background: var(--color-plan);
}
.box_background_fff_s:has(.background_menu_rad_4) .detail-icon{
  color : var(--color-plan);
}
.box_background_fff_s:has(.background_menu_rad_4) .probability-value{
    color: #fff !important;
    background-color:  var(--color-plan);
}
.box_background_fff_s:has(.background_menu_rad_4) .date-icon-orange{
  color : var(--color-plan);
}
.background_menu_rad_5{
    background: var(--color-lab);
}
.box_background_fff_s:has(.background_menu_rad_5) .probability-value{
    color: #fff !important;
    background-color:  var(--color-lab);
}
.box_background_fff_s:has(.background_menu_rad_5) .detail-icon{
    color: var(--color-lab);
}
.box_background_fff_s:has(.background_menu_rad_5) .date-icon-orange{
    color: var(--color-lab);
}
.box_background_fff_s:has(.background_lab_rrr) .detail-icon{
    color: var(--dark-green);
}
.box_background_fff_s:has(.background_lab_rrr) .probability-value{
    color: #fff !important;
    background-color:  var(--dark-green);
}
.box_background_fff_s:has(.background_lab_rrr) .date-icon-orange{
    color: var(--dark-green);
}
.box_background_fff_s:has(.background_menu_rad) .detail-icon{
    color: var(--color-rad);
}
.box_background_fff_s:has(.background_menu_rad) .probability-value{
    color: #fff !important;
    background-color: var(--color-rad);
}
.box_background_fff_s:has(.background_menu_rad) .date-icon-orange{
    color: var(--color-rad);
}
.box_background_fff_s:has(.background_rad_la) .probability-value{
    color: #fff !important;
    background-color: var(--background-menu);
}
.box_background_fff_s:has(.background_rad_la) .detail-icon{
    color: var(--background-menu);
}
.box_background_fff_s:has(.background_rad_la) .date-icon-orange{
    color: var(--background-menu);
}
.crm-contact-card {
    background: #fff;
    border-radius: 8px;
    padding: 0px 0px 10px;
    margin-bottom: 15px;
    box-shadow: 0 0 10px #d7d7d7;
  }
  .crm-contact-card .card-header {
    display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0px;
      padding-bottom: 12px;
      border-bottom: 1px solid #d6d6d6;
      padding: 10px 10px;
      background: #ecf2ff;
  }
  
 .crm-contact-card .contact-name {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
  }
  
  .crm-contact-card .card-actions {
    display: flex;
    gap: 12px;
  }
  
  .crm-contact-card .edit-icon,
  .crm-contact-card .delete-icon {
    cursor: pointer;
    color: #666;
    font-size: 12px;
    transition: color 0.2s;
  }
  
  .crm-contact-card .edit-icon:hover {
    color: #0C6EF2;
  }
  
  .crm-contact-card .delete-icon:hover {
    color: #dc3545;
  }
  
 .crm-contact-card .contact-details {
    margin-bottom: 0;
      padding: 10px 10px 5px;
      border-bottom: 1px solid #eeeeee;
  }
  
 .crm-contact-card .detail-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    color: #555;
    gap: 10px;
  }
 .crm-contact-card .detail-item span{
    font-weight: bold;
    font-size: 12px;
  }
 .crm-contact-card .detail-icon {
    width: 15px;
    text-align: center;
    font-size: 11px;
  }
  
 .crm-contact-card .chat-icon {
    margin-left: 8px;
    color: #0C6EF2;
    cursor: pointer;
  }
  
 .crm-contact-card .tags-section,
 .crm-contact-card .lead-source-section {
    display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 0;
      padding: 9px 12px;
      justify-content: space-between;
  }
  
 .crm-contact-card .tag-item {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  
 .crm-contact-card .tag-icon {
    font-size: 11px;
    color: #666;
  }
  
 .crm-contact-card .tag {
    padding: 1px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
  }
  
 .crm-contact-card .tag-person {
    background-color: #dff5ff;
    color: #01579B;
  }
 .crm-contact-card .tag-person-icon{
    color: #79bddb;
  }
 .crm-contact-card .tag-clinic {
    background-color: #e9f9e9;
    color: #1B5E20;
  }
 .crm-contact-card .tag-clinic-icon{
    color: #439e4a;
  }
 .crm-contact-card .tag-doctor {
    background-color: #e1bee754;
    color: #4A148C;
  }
 .crm-contact-card .tag-doctor-icon{
    color: #7c55ad;
  }
 .crm-contact-card .tag-specialty {
    background-color: #ffe0b25c;
    color: #E65100;
  }
 .crm-contact-card .tag-specialty-icon{
    color: #E65100;
  }
 .crm-contact-card .tag-lead {
    background-color: #b3e5fc4f;
    color: #01579B;
  }
 .crm-contact-card .tag-lead-icon{
    color: #4d89b8;
  }
 .crm-contact-card .probability-section {
    display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 0;
      padding: 5px;
      background-color: #f5f5f5;
      justify-content: space-between;
      width: 100%;
      margin: auto;
  }
  
 .crm-contact-card .probability-label {
    font-size: 14px;
    color: #666;
  }
  
 .crm-contact-card .probability-value {
    font-size: 11px;
    font-weight: 600;
    color: #333;
    padding: 2px 8px;
    border-radius: 4px;
  }
  
 .crm-contact-card .followup-section {
    margin-top: 0;
      padding: 5px 10px;
      border-top: 1px solid #f0f0f0;
  }
  
 .crm-contact-card .followup-text {
    margin: 0 0 8px 0;
    font-size: 12px;
    color: #666;
    font-weight: bold;
  }
  
  .crm-contact-card .dates-container {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
 .crm-contact-card .date-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #555;
  }
 .crm-contact-card .lead-source-section {
      border-top: 1px solid #ededed;
      border-bottom: 1px solid #ededed;
      margin-bottom: 10px !important;
  }
 .crm-contact-card .date-icon {
    color: #666;
    font-size: 14px;
  }
  
 .crm-contact-card .date-icon-orange {
    color: #FF9800;
    font-weight: bold;
  }
 .crm-contact-card .text_bold{
    font-weight: bold;
  }
  .diamond_page_content{
    background: #fff;
    padding: 12px 12px 21px;
    border-radius: 10px;
  }
  .background_rad span{
    color : #fff !important;
  }
  .background_complains_new span{
    color : #fff !important;
  }
  .background_pharmacy span{
    color : #fff !important;
  }
  .background_white{
    background : #fff !important;
    border-radius: 8px;
  }
    .CustomTypeOfService{
    border-radius: 10px;
    box-shadow: 0 0 10px #eeeeee;
    padding: 14px 5px !important;
  }
  .custom_width_actions{
    width : 100px !important;
  }
.custom_serch_serv{
    margin-inline-end: 10px !important;
}
.custom_serch_serv input{
    background : #fff !important
}
.patient-register-container .tab-footer .p-button-icon{
    transform: rotate(180deg);
}
.change_clinic_doctor .style_border_left .borderbottm_style .style_img_labs{
  color : #fff !important;
}
.change_clinic_doctor .style_border_left .borderbottm_style .span-tap.active{
  color : #fff !important;
  border-bottom : 2px solid #fff !important;
}
.style_setting_Detils .st_name_all_a_2 .st_name_all_a{
   font-size : 14px !important;
}
.style_setting_Detils .st_name_all_a_c span{
    font-size : 15px !important;
}
.style_setting_Detils .custom_user_main{
    margin-right: 10px;
    margin-left: 10px;
}
.style_setting_Detils .style_tab_cont_new .card{
    border : none !important;
 }
 .style_setting_Detils .custom_user_main .stposto label{
     font-size: 14px;
     margin-bottom: 7px;
     /* font-weight: bold; */
 }
 .style_setting_Detils .title_top_img .but_add span {
    color: #ffffff !important;
}
.style_setting_Detils .style_recive_lab_search .align-items-center label.text-nowrap{
    font-size: 14px;
}
.backstyle_schedul{
    right: 0;
}
.flex_custom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.setting_buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}