@font-face {
  font-family: "Inter";
  /* src: local('Inter'), url('../assets/fonts/Inter_18pt-Thin.ttf') format('truetype'); */
  src:url('../fonts/Inter_28pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  /* src: local('Inter'), url('../assets/fonts/Inter_24pt-ExtraLight.ttf') format('truetype'); */
  src: url('../fonts/Inter_28pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter_28pt-Light.ttf')  format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter_28pt-Regular.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter_28pt-Medium.ttf')  format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src:url('../fonts/Inter_28pt-SemiBold.ttf')  format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter_28pt-Bold.ttf')  format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src:url('../fonts/Inter_28pt-ExtraBold.ttf')  format('truetype');
  font-weight: 800;
  font-style: normal;
}
body {
    /*background-color: #EDE9F1 !important;*/
        background: linear-gradient(90deg, #1da17212  10%, #b400ff14) !important;
    font-family: 'Inter','Montserrat', sans-serif !important;
    font-size: 13px !important;
    color: #ffffff;
    height: auto !important;
}

:root {
    --bclr: #0B5057;
}

a {
    color: #006dd5;
    font-weight: 600;
}

a:hover,
a:focus {
    color: #3b98c8;
    text-decoration: none;
}

th {
    font-weight: 600;
}

.text-white {
    color: white !important;
}

footer {
    /* position: absolute; */
    bottom: 0;
    right: 0;
    padding-top: 35px;
    padding-bottom: 10px;
}

.pb-100 {
    padding-bottom: 100px !important
}

.copyright {
    margin-bottom: 0;
    text-align: right;
    font-size: 13px;
}

i.fa.fa-bars {
    font-size: 26px;
    position: absolute;
    color: #000;
    cursor: pointer;
    margin-top: 2px;
}

input {
    border: solid 1px #bebebe !important;
}

.dashboard-text-font-size {
    font-size: 16px;
    margin-top: 10px;
}

.dashboard-side-icon {
    margin-top: -12px;
}

.flr {
    float: inherit !important;
}

.plusclr {
    color: #299819 !important;
}


.calendar-icon-img {
    margin-left: 15px !important;
    font-size: 15px;
}

.create-btn {
    padding: 5px 30px !important;
    border-radius: 15px;
}

.slect-option1:first-child {
    margin-left: 0px;
}

.slect-option1 {
    margin-top: 10px;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
    outline: none !important;
    background-color: #d8d8d8;
    color: black;
    height: 30px;
    border: unset !important;
}

.select-option-box {
    position: relative;
    top: -10px;
}

.date-input {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
}

input.form-control.date-input::placeholder {
    font-size: 12px !important;
}

.slect-option2 {
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    outline: none !important;
}

@media screen and (max-width: 767px) {
    .copyright {
        text-align: center;
        position: relative !important;
    }
}


/********************
  * LAYOUT
  ********************/

#wrapper .sidebar {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 260px;
    height: 100%;
    float: left;
    background-color: #0B5057;
    position: fixed;
    left: 0;
    box-shadow: 0px 0px 20px 0px #2e2e2e;

}

.bgAccent {
    background: #e3e3e3;
}

@media screen and (max-width: 1024px) {
    #wrapper .sidebar {
        left: -260px;
    }

    #wrapper .main {
        width: 100%;
    }

    #wrapper .navbar {
        left: 0 !important;
    }
}

#wrapper .main {
    margin-top: 8%;
}

.main-content {
    padding: 28px 10px;
}

.navbar + .main-content {
    padding: 105px 0 28px 5px;
}

@media screen and (max-width: 767px) {
    .navbar + .main-content {
        padding-top: 155px;
    }
}


/********************
    * TOP NAVIGATION
    ********************/

.navbar-default {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #fafafa;
}

.navbar-default .brand {
    padding: 5px 20px;
    background-color: #fff;
}

@media screen and (max-width: 1024px) {
    .navbar-default .brand {
        padding-left: 30px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-default .brand {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .navbar-default #navbar-menu {
        float: right;
    }
}

.navbar-btn {
    float: left;
    padding: 5px 0;
}

.navbar-btn button {
    font-size: 24px;
    padding: 4px 8px;
    line-height: .7;
    border: none;
    background: none;
    outline: none;
}

@media screen and (max-width: 640px) {
    .navbar-btn {
        padding-left: 0;
    }
}

.navbar-nav > li > a {
    padding: 16px 20px;
}

.fsz22 {

    font-size: 22px !important;
}

.navbar-nav > li > a > i {
    font-size: 22px;
    margin-right: 2px;
    vertical-align: middle;
}

.navbar-nav > li > a > i.icon-submenu {
    margin-left: 2px;
    margin-right: 0;
    font-size: 10px;
    position: relative;
    top: 2px;
}

.navbar-nav > li > a > span {
    position: relative;
    top: 2px;
}

.navbar-nav > li > a img {
    width: 28px;
    margin-right: 2px;
}

.navbar-nav > li > .dropdown-menu {
    padding: 0;
    min-width: 200px;
}

.navbar-nav .dropdown-menu {
    border-top: 2px solid #ACB0B5;
}

.navbar-nav .dropdown-menu > li > a {
    padding: 10px 20px;
}

.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
    background-color: #fafafa;
}

.navbar-nav .dropdown-menu > li > a span,
.navbar-nav .dropdown-menu > li > a i {
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .navbar-nav.navbar-right {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .navbar-nav {
        width: 100%;
        margin: 0;
    }

    .navbar-nav > li {
        display: table-cell;
        width: 1%;
        position: inherit;
        text-align: center;
    }

    .navbar-nav > li > a {
        padding: 15px 20px;
    }

    .navbar-nav > li > a span:not(.badge),
    .navbar-nav > li > a .icon-submenu {
        display: none;
    }

    .navbar-nav .open .dropdown-menu {
        -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        position: absolute;
        width: 100%;
        margin-top: 3px;
        background-color: #fff;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 15px;
    }
}

ul.notifications > li {
    border-bottom: 1px solid #F0F0F0;
}

ul.notifications > li:last-child {
    border-bottom: none;
}

ul.notifications > li > .more {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
}

ul.notifications > li > .more:hover,
ul.notifications > li > .more:focus {
    text-decoration: none;
}

.dropdown-menu {
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    border-color: #eaeaea;
}

.dropdown-menu > li > a {
    color: #676a6d;
}

.dropdown-menu > li i {
    margin-right: 6px;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:focus,
.dropdown-menu .active > a:hover {
    background-color: #00AAFF;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    color: #a3a3a3;
}


/********************
     * SIDEBAR NAVIGATION
     ********************/

.sidebar {
    z-index: 9;
}
.z-index-9{
    z-index: 9;
}

.sidebar .nav > li > a {
    padding: 18px 30px;
    color: #AEB7C2;
    border-left: 5px solid transparent;
}

.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus,
.sidebar .nav > li > a.active {
    color: #AEB7C2;
    background-color: transparent;
}

.sidebar .nav > li > a:hover i,
.sidebar .nav > li > a:focus i,
.sidebar .nav > li > a.active i {
    color: #D1AA41;
}

.sidebar .nav > li > a:focus,
.sidebar .nav > li > a.active {
    background-color: #0B3236;
    border-left-color: #D1AA41;
}

.sidebar .nav > li > a[data-toggle="collapse"] .icon-submenu {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    float: right;
    position: relative;
    top: 5px;
    font-size: 12px;
    line-height: 1.1;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sidebar .nav > li > a[data-toggle="collapse"].collapsed .icon-submenu {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.sidebar .nav > li > a .badge {
    font-weight: 400;
    background-color: #F9354C;
}

.sidebar .nav {
    /* submenu */
}

.sidebar .nav i {
    margin-right: 10px;
    font-size: 18px;
}

.sidebar .nav span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    top: -2px;
}

.sidebar .nav .nav {
    background-color: #0B3236;
}

.sidebar .nav .nav > li > a {
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sidebar .nav .nav > li > a:focus,
.sidebar .nav .nav > li > a.active {
    background-color: transparent;
    border-left-color: transparent;
}

.sidebar .nav .nav > li > a.active a {
    color: #fff;
}


/********************
   * TYPOGRAPHY
   ********************/

.text-success {
    color: #41b314;
}

.text-danger {
    color: #f9354c;
}


/********************
   * INPUTS
   ********************/

.form-control {
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    border-color: #eaeaea;
    background-color: #ffffff;
}

.form-control:focus {
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-color: #2179ff;
    background-color: #fff;
}

.input-group {
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.input-group .form-control,
.input-group-addon {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-addon {
    border: 1px solid #eaeaea;
}

.btn-lg {
    padding: 10px 28px;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 5px 18px;
}

.btn-xs {
    padding: 5px 14px;
}

.btn-primary {
    background-color: #299819;
    border-color: #299819;
    outline: none;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #299819;
    border-color: #299819;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #f7f7f7;
}

.btn-success {
    background-color: #41b314;
    border-color: #3ca512;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #3ca512;
    border-color: #3ca512;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.4;
    filter: alpha(opacity=40);
}


/********************
   * PANELS
   ********************/

.panel {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dddbda;
    background-color: #ffffff;
}

.panel .panel-heading,
.panel .panel-body,
.panel .panel-footer {
    padding-left:6px;
    padding-right: 10px;
}

.panel .panel-heading {
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

.pb-42 {
    padding-bottom: 42px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.panel .panel-heading .panel-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    font-family: "Inter","Montserrat", sans-serif;
    color: #000000;
}

.panel .panel-heading button {
    padding: 0;
    margin-left: 5px;
    background-color: #299819;
    color: white;
    border: none;
    outline: none;
    font-weight: bold;
}

.panel .panel-heading button i {
    font-size: 14px;
}

.panel .panel-body {
    padding-top: 10px;
    padding-bottom: 15px;
}

.panel .right {
    position: absolute;
    right: 20px;
    top: 32%;
}

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


.panel-footer {
    background-color: #ffffff;
}


/********************
   * ELEMENTS
   ********************/

.label {
    font-weight: normal;
}


/* toastr notification */

.toast a {
    text-decoration: underline;
}

.toast a:hover,
.toast a:focus {
    text-decoration: none;
    color: #fff;
}
.no-padding {
    padding: 0 !important;
}

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

.margin0 {
    margin: 0px !important;
}

.pl0 {
    padding-left: 0px;
}

.padding10 {
    padding: 10px;
}

.padding3 {
    padding: 3px;
}


/********************
   * PAGE: PROFILE
   ********************/

.fsz {
    font-size: 18px !important;
}

.fsz-16 {
    font-size: 16px !important;
}

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

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


/* colored background */

.mt15 {
    margin-top: 15px;
    padding: 0px 0px 0px 50px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px !important;
}

.mb-13 {
    margin-bottom: 13px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.Diagram {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.document-2 {
    width: 20px;
    height: 20px;
    object-fit: contain;
}


.add-btn {
    /*margin-right: -31px;*/
    float: right;
}

p.panel-title.col-md-4.my-appoin {
    margin-left: -14px;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.name-input {
    border-color: rgb(191 191 191);
    border-width: 1px;
    border-style: solid;
    margin-top: 0px;
    /* height: 30px; */
}

.patient-cencel-btn {
    margin-top: 30px;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.patient-cencel-btn button:first-child {
    border: solid 1px #dddbda;
    background: #fff;
    margin-right: 15px;
}

.patient-cencel-btn button:last-child {
    border: solid 1px #299819;
    background: #299819;
    color: white;
    outline: none;
    font-weight: 600;
}

.container-padlr0 {
    padding-right: 0px;
    padding-left: 0px;
}

.mtN10 {
    margin-top: -8px;
}

.health-table-heading {
    /*border: solid 1px #e5e3e2;*/
    margin-top: 30px;
    border-radius: 4px;
}

.appetite-heading {
    /*background: #fff;*/
    padding: 12px 20px 12px 20px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.appetite-heading h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #3a4651;
    font-weight: 600;
}

.down-icon {
    float: right;
    font-size: 22px;
}

.bg-white {
    background: #fff !important;
}

.table-text-width {
    width: 15%;
    padding-left: 26px !important;
}

.table-text-width1 {
    width: 65%;
}

input#exampleCheck1 {
    margin-left: 26px;
}

.table-responsive {
    width: 100%;
}

.table-text-width2 {
    width: 40%;
}

.teble-text-ml {
    margin-left: 11px;
}

.slect-option2 {
    margin-top: 0px;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    outline: none !important;
    height: 30px;
    background: #fff !important;
    border: none;
    border-color: rgb(169, 169, 169);
    border-width: 1px;
    border-style: solid;
}

.table-td-font-size td {
    font-size: 12px;
    /* font-weight: 500; */
}

/* .table>thead>tr>th {
     border: none !important;
 } */

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

.nav ul li a > .active {
    color: #000 !important;
}

.counting-ml {
    padding-left: 15px !important;
}

.table-hd-text {
    padding-right: 20px !important;
}

.panel-heading1 {
    padding-right: 10px;
    padding-left: 10px;
}

.row-mlr {
    margin-left: 0px;
    margin-right: 0px;
}

.patient-box-text label {
    font-size: 13px;
    font-weight: 600;
    margin-top: 9px;
}

.uploadimgbtn {
    margin-top: -53px;
    margin-right: 20px;
}

.gallerybox {
    margin-top: 2px;
    display: inline;
}

.str-fixed-header {
    position: sticky;
    top: 69px;
    z-index: 999;
}

.patient-box {
    border-radius: 8px;
    padding: 0px 0px 30px 0px;
    /*box-shadow: 0px 0px 6px 0px #3b3b3b1c;*/
    background: white;
    border: 1px solid #bfbfbf;
}

.patient-box h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 16px;
    padding: 6px 15px 10px 15px;
}

.patient-boxNutritionTherapy h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 16px;
    padding: 10px 15px 30px 15px;
}


/* .patient-box span {
      float: right;
      font-size: 13px;
  } */

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.mt-50 {
    margin-top: 50px;
}

.mt-45 {
    margin-top: 45px;
}

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

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

.ml-28 {
    margin-left: 28px;
}

.ml-150 {
    margin-left: 131px;
}

.ml-N-17 {
    margin-top: -17px;
}
.mt-N-9 {
    margin-top: -9px;
}
.ml-N-10 {
    margin-left: -10px;
}

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

.mr-28 {
    margin-right: 28px;
}
  .form-control2 {
      padding: ;
      outline: none;
        color: black !important;
        font-size: 14px !important;
    }
.mt-6 {
    margin-top: 6px !important;
}

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

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

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

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

.mt-70 {
    margin-top: 50px;
}

.plusbtnPe {
    font-size: 12px;
    margin-right: 4px;
}

.select-option label {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    margin-top: 20px;
}

.hr-inputs1 {
    width: 100%;
}

.hr-inputs1 input {
    width: 31%;
    float: left;
}

.hr-inputs1 select {
    width: 32%;
    float: right;
    margin-left: 5px;
}

.width-100 {


    width: 100% !important;
}

.food-text-checkbox input {
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
    width: 19px;
    height: 18px;
}

.food-text-checkbox span {
    font-size: 14px;
    position: relative;
    top: -4px;
    color: #2b2826;
    font-weight: normal;
}

.food-text-checkbox input:first-child {
    margin-left: 0px;
}

.tongue-box {
    border-radius: 8px;
    border: solid 1px #e5e3e2;
}

.tongue-box h3 {
    border-bottom: 1px solid #e5e3e2;
    padding: 12px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #3a4651;
    font-weight: 600;
}

.tongue {
    display: inline-block;
}

.tongue input {
    width: 80%;
}

.tongue-vital-input {
    padding: 20px 10px;
}

.tEavl-ama-container {
    border: 1px solid #bdbdbd;
    border-radius: 9px;
    padding: 17px;
}

.tEavl-upl-container {
    border: 1px solid #bdbdbd;
    border-radius: 9px;
    padding: 17px;
    margin-top: 22px;
    margin-bottom: 22px;
}

#Vital_Id .vital_btn {
    border: none;
    outline: none;
    padding: 4px 9px;
    border-radius: 2px;
    border: solid 1px #dddbda;
    background-color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    color: #2b2826;
    margin-right: 10px;
}

#Vital_Id > .active {
    border-radius: 2px;
    border: solid 1px #0B3236;
    background-color: #0B3236;
    color: #ffffff;
}

.tongue-evaluation-box span {
    margin-right: 20px;
    font-size: 13px;
    color: #16325c;
    font-weight: 500;
}

.tongue-evaluation-box1 input {
    width: 15px;
    height: 15px;
    background: #ffffff;
}

.tongue-evaluation-box1 span {
    font-size: 13px;
    font-weight: 500;
    color: #2b2826;
    position: relative;
    top: -3px;
    margin-right: 30px;
}

.tongue-img {
    width: 100%;
    border: 1px solid #bdbdbd;
    border-radius: 9px;

}

.tongue-img img {
    width: 16vw;
    margin-top: 4px;
    height: 31vh;
    object-fit: contain;
    padding: 7px;
    margin-left: 1%;
}

.visual-exam-text {
    font-size: 14px;
    color: #606060;
    font-weight: 600;
}

.abdominal-exam-input p {
    width: 100%;
    padding: 5px 15px;
    box-shadow: 0 1px 0 0 #dddbda;
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    margin: 0px;
}

.abdominal-exam-input textarea {
    width: 100%;
    height: 150px;
    border: none;
    outline: none;
    font-size: 13px;
}
.clrD {
    margin-top: 0px !important;
}
.plus-btn {
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
    background-color: #f4f4f4;
    border: none;
    outline: none;
    width: 32px;
    height: 32px;
}
.abdominal-exam-kidney h4 {
    font-size: 16px;
    color: #514f4d;
    font-weight: bold;
}
.abdominal-exam-kidney button:first-child {
    margin-left: 60px;
    margin-right: 20px;
}
.abdominal-exam-kidney input {
    width: 18px;
    border: solid 1px #bebcbc;
    margin-left: 30px;
}
.abdominal-exam-kidney input:first-child {
    margin-left: 29px;
}
.abdominal-exam-kidney span {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    top: 0px;
    color: #73716e;
}
.pulse-box-btn button {
    padding: 10px 20px;
    margin-right: 10px;
    background: #fff;
    border-radius: 1.5px;
    border: solid 1px #299819;
    outline: none;
    color: #2d466c;
}

.strutural-img1 {
    margin-top: 30px;
    display: inline-block;
}
.pulse-air-box-img {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
    padding: 8px 7px;
    width: 40px;
    height: 40px;
    border: solid 1px #ffffff;
    background-color: #0B5057;
    border-radius: 50%;
    position: absolute;
    margin-left: -20px;
    margin-top: 15px;
    text-align: center;
}

.mlN20 {
    margin-left: -20px;
}
.pulse-air-box-text {
    width: 130px;
    height: 70px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
    background-color: #f3f2f2;
    text-align: center;
    padding-top: 5px;
    padding-top: 20px;
}
.pulse-air-box-text span {
    font-size: 10px;
    color: #16325c;
    font-weight: 500;
}
.pulse-air-box {
    margin-top: 30px;
}
.pulse-air-box-text h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    color: #16325c;
}
.pulse-air-box-btn {
    margin-top: -50px;
    position: relative;
    margin-left: 37%;
}
.pulse-air-box-btn button {
    margin-right: 10px;
}
.pulse-air-box-btn .active {
    background: #299819;
    color: #fff;
}
.abdominal-exam-kidney .active {
    background: #299819;
    color: #fff;
}
.pulse-progress-line {
    width: 100%;
    height: 10px;
    background: #f4f4f4;
    margin-top: 20px;
}
.one,
.two,
.three,
.four,
.five {
    position: absolute;
    margin-top: -6px;
    z-index: 1;
    height: 20px;
    width: 20px;
    border-radius: 25px;
}
.one {
    left: 5%;
}
.two {
    left: 25%;
}
.three {
    left: 45%;
}
.four {
    left: 65%;
}
.five {
    left: 85%;
}
.no-color {
    background-color: #f4f4f4;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.main-bgcolor {
    background: #3a4651;
}
.one::after {
    position: absolute;
    content: "1";
    top: 20px;
    left: 5px;
}

.two::after {
    position: absolute;
    content: "2";
    top: 20px;
    left: 5px;
}

.three::after {
    position: absolute;
    content: "3";
    top: 20px;
    left: 5px;
}

.four::after {
    position: absolute;
    content: "4";
    top: 20px;
    left: 5px;
}

.five::after {
    position: absolute;
    content: "5";
    top: 20px;
    left: 5px;
}

.Simg {
    height: 131px;
    width: 100%;
    object-fit: contain;
}

.SimgItem {
    text-align: center;
    display: flex;
    height: 166px;
}

.searchClear {
    position: absolute;
    margin-left: 87%;
    margin-top: -23px;
}

.searchClearMa {
    margin-left: 95%;
    position: absolute;
    margin-top: 11px;
}
.searchClearUa {
    margin-left: 93%;
    position: absolute;
    margin-top: -23px;
}

.ImgInp{
    font-size: 11px;
}
.width-80P{
    width: 80% !important;
}
.flex-none{
    flex: none !important;
}
.imgCard {
    box-shadow: 0px 0px 15px 0px #b4b2b2;
    width: 270px;
    display: inline-table;
    padding: 7px;
    border-radius: 9px;
    min-height: 23vh;
    max-height: 23vh;
}

.imgCard2 {
    box-shadow: 0px 0px 5px 1px #b4b2b259;
    padding: 7px;
    border-radius: 9px;
    border: 1px solid #dadada;
}


.imgSldrCard2 {
    box-shadow: 0px 0px 5px 0px #5858586e;
    padding: 7px;
    border-radius: 9px;
    margin: 10px;
}
.imgSldrCard2 img {
    width: auto;
    height: 132px;
    object-fit: contain;
    margin: auto;

}
.imgDltGallryCntr{
    display: flex;
    justify-content: flex-end;
}
.imgDltGallryCntr i {
    padding: 7px 7px 6px 7px !important;
    background: white;
    border-radius: 50%;
    transform: translateY(0%) translateX(0%);
    box-shadow: 0px 0px 3px 0px #000000ba;
    margin-bottom: 5px;
}
.strUpldBtn{
    border: 2px solid #299819 !important;
    background: #eaffea;
    border-radius: 12px;
    box-shadow: 0px 0px 4px 1px #dddddd;
}
.strUpldBtn p{
    color: black !important;
}
.StrGallery {
    box-shadow: 0px 0px 5px 0px #898989;
    padding: 7px;
    border-radius: 9px;
    margin: 10px;
}
.StrImgGalry{
    /*border: 2px solid #e3e3e3;*/
    /*border-radius: 8px;*/
    padding: 10px;
}
.StrGallery img {
    width: auto;
    height: 280px;
    margin: auto;
    object-fit: contain;
}
.mr-45 {
    margin-right: 45% !important;
}

.calender-box {
    margin-bottom: 19px;
}

.clrRed {
    color: red !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw600 {
    font-weight: 600 !important;
}
.btnViolatClr{
    background: #7c3aab !important;
}
.clrskyViolat {
    color: #5b00dc !important;
}
.clrGreen {
    color: green ;
}
.clrBrown {
    color:#bf5959;
}
.clrblueviolet {
    color: #a620f6;
}

.myapstatusbrdr {
    border: 0.5px solid black;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}


.table-heading-bg-grey {
    background: #f4f4f4;
    color: inherit;
}

.john-head-bg {
    background: #f3f2f2;
}

.display-none {
    display: none;
}

.width20 {
    width: 20%;
}

.pulse-progress0 {
    width: 0%;
    background: #3a4651;
}

.pulse-progress25 {
    width: 25%;
    background: #3a4651;
}

.plus-btn1 {
    width: 25px;
    height: 25px;
    font-size: 11px;
}

.cursor-point {
    cursor: pointer;
}

.font-size8 {
    font-size: 8px;
}

.font-size9 {
    font-size: 9px;
}

.font-size10 {
    font-size: 10px !important;
}

.font-size11 {
    font-size: 11px;
}

.font-size12 {
    font-size: 12px;
}

.font-size13 {
    font-size: 13px;
}

.font-size14 {
    font-size: 14px;
}

.font-size15 {
    font-size: 15px !important;
}

.font-size16 {
    font-size: 16px !important;
}
.custSelect{
    padding: 7px 11px 7px 11px;
    outline: none;
}
.per-text {
    float: right;
    margin-top: 20px;
    margin-right: 22%;
}

.table-text-width1 {
    width: 70%;
}

.elmination-input input {
    width: 20%;
    display: inline-block;
    margin-bottom: 0px;
}

.elmination-input select {
    width: 32%;
    margin-left: 5px;
    display: inline-block;
    margin-right: 5px;
    padding: 6px 7px;
    margin-bottom: 0px;
}

.table-text-width4 {
    width: 9% !important;
    padding-left: 26px !important;
    padding-top: 15px !important;
}

.eliminationbox-btn button {
    font-size: 8px;
    padding: 6px 10px;
    border-radius: 2px;
    border: solid 1px #dddbda;
    background-color: #ffffff;
    margin-top: 4px;
    color: #2b2826;
}

.table-heading-bg th {
    vertical-align: top !important;
}

tr.table-heading-bg.prakruthi-padd th {
    padding-bottom: 7px !important;
}

.width30 {
    width: 30%;
}

.width-36 {
    width: 36%;
}

.width-40 {
    width: 40%;
}

.pl10 {
    padding-left: 39px !important;
}
.plr-10{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.past {
    font-size: 8px;
    position: absolute;
    margin-top: 16px;
    margin-left: -41px;
    font-weight: 500;
}

.labelTextClr{

    color:#2c2c2c !important;
}
.now {
    font-size: 8px;
    position: absolute;
    margin-top: 16px;
    margin-left: -34px;
    font-weight: 500;
}

td.table-text-width3 {
    padding-top: 15px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.table {
    margin-bottom: 0px !important;
}

.table-pl {
    padding-left: 20px !important;
}

.history-illness-input p {
    width: 100%;
    height: 3px;
    box-shadow: 0 1px 0 0 #dddbda;
    margin: 0px;
    color: #ffffff;
}



.history-onset label {
    font-size: 13px;
    font-weight: 500;
    color: #16325c;
    width: 15%;
}

.history-onset input {
    width: 79%;
    display: inline-block;
}

.pad10 {
    padding: 10px;
}

.label-font {
    font-size: 16px;
    font-weight: normal;
    color: #514f4d;
}

.social-occupational {
    padding: 30px 10px;
}

.social-occupational-box input {
    margin-bottom: 15px;
}

.text-align-center {
    text-align: center !important;
}

.patient-box-male-ml {
    font-size: 14px;
}

.patient-box-male-ml input {
    width: 15px;
    height: 15px;
}

.patient-box-male-ml input:first-child {
    margin-right: 20px;
}

input[type="date"].form-control {
    line-height: 20px;
}

.i.fa.fa-bars {
    position: absolute;
    margin-top: 2px;
    font-size: 26px;
    color: #2b333e;
}

.fa {
    cursor: pointer;
}

select {
    border: solid 1px #bebebe !important;
}

.table-td-font-size a {
    color: #676a6d;
}

.infor-mt {
    /* margin-top: -9px; */
    margin-top: -3px;
}

.pulse-box-btn button {
    display: block;
    display: inline-block;
}

.pulse-box-btn button.active {
    background: #299819;
    color: #ffffff;
}

.font-size13 {
    font-size: 13px !important;
}

.font-size12 {
    font-size: 12px;
}

.width40 {
    width: 40%;
}

.width25 {
    width: 25%;
}

.width35 {
    width: 35%;
}

.width15 {
    width: 15% !important;
}
.width-90P{
    width: 90% !important;
}
.width50pr {
    width: 30%;
}

.width60 {
    width: 60% !important;
}

.width10 {
    width: 10% !important;
}

.width-p-100 {
    width: 100% !important;
}
.width-p-90 {
    width: 90% !important;
}
.width11 {
    width: 11% !important;
}

.width9 {
    width: 9% !important;
}

.width5 {
    width: 5% !important;
}

.width1 {
    width: 1% !important;
}

.width2 {
    width: 2% !important;
}

.width7 {
    width: 7% !important;
}

.text-red {
    color: #bf0e08;
}

.text-green {
    color: #47b881;
}

.mt70-mb8 {
    margin-bottom: 70px;
    margin-top: 8px;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.eliminationbox-btn .active {
    background-color: #0B5057 !important;
    color: #fff;
    border: 1px solid #0B5057;
}

.custom-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #ffffff;
    display: block;
    border: 2px solid #999;
}

.custom-checkbox:hover input ~ .checkmark {
    background-color: #fff;
}

.custom-checkbox input:checked ~ .checkmark {
    background-color: #fff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checkbox-left {
}

.custom-text {
    top: -3px !important;
    left: 30px;
    position: absolute !important;
}

.custom-text1 {
    top: 2px !important;
    left: 30px;
    position: absolute !important;
    font-weight: normal;
}

.btn {
    display: inline-block;
    padding: 6px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 15px;
}

.tongue-evaluation-box2 i {
    color: #0B3236;
}

.text_sm_input {
    border: 0px !important;
    border-bottom: 1px solid #999 !important;
    width: 70px;
    text-align: center;
    color: #006dd5;
    font-weight: 700;
}

.btn.bordered {
    border: 1px solid #999;
    color: #444;
}

.btn.bordered:hover {
    background-color: #f5f5f5;
}

.btn-blue {
    background: #299819 !important;
    padding: 5px 30px !important;
    float: right;
    font-weight: bold;
    color: #fff;
    border-radius: 13px;
    margin-top: 3px;
    border: 0px;
}

.btn-blue:hover {
    background-color: #299819;
    color: #fff;
}

.custom_multi {
    position: relative;
}

.custom_multi .btn-group {
    display: block !important;
}

.btn-light,
.btn-dark {
    padding: 10px 25px;
    border-radius: 25px;
}

button.button {
    border: 0px;
}

.flex {
    display: flex;
}

.flex.flexgrow > * {
    flex-grow: 1;
}

.history-onset textarea,
.history-onset select {
    width: 79%;
    display: inline-block;
}

.nc_checkbox .custom-checkbox {
    display: inline-block;
}

.ntrtpy_form .ntrtpy_chkbx_list {
    list-style-type: none;
    padding: 0px;
}

.clr_dblue {
    color: #0B5057;
}

.fw-700 {
    font-weight: 700;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600 !important;
}

.ntrtpy_form .descriptiondiv {
    background-color: #f9f9f9;
    padding: 10px;
}

.ntrtpy_chkbx_list.flex {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.ntrtpy_chkbx_list.flex .nc_checkbox {
    width: 180px;
    display: inline-block;
}

.RichTextEditor__editor___1QqIU .RichTextEditor__paragraph___3NTf9, .RichTextEditor__editor___1QqIU pre {
    margin: 0 !important;
}

.table-bordered-imp {
    /*border: 1px solid #b0b0b0 !important;*/
}

.no-border {
    border: 0px !important;
}

.no-margin {
    margin: 0px;
}

.mrb-25 {
    margin-bottom: 25px !important;
}

.mrb-10 {
    margin-bottom: 10px !important;
}

.pal-15 {
    padding-left: 15px !important;
}

.table_hd_bd_bordered th,
.table_hd_bd_bordered td, .table_hd_bd_bordered thead td {
    border-right: 1px solid #999;
}

.bg-bclr {
    background-color: #299819 !important;
}

.pat-15 {
    padding-top: 15px !important;
}

.tbl_input {
    width: 400px;
}

.mrb-0 {
    margin-bottom: 0px !important;
}

.table_hd_bd_bordered th,
.table_hd_bd_bordered td, .table_hd_bd_bordered thead td {
    border-right: 1px solid #e3e3e3;
}

.bg-pink {
    background-color: #f5f5f5;
    color: #374561;
}

.floatnone {
    float: none !important;
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 46px;
}

.aitems_center {
    align-items: center;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.pl-20 {
    padding-left: 20px;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.configuration .tab_btn {
    margin: 0px 30px 0px 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-40P {
    margin-right: 40%;
}

.mr-10 {
    margin-right: 10px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-27 {
    margin-right: 27px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-15 {
    margin-left: 15px;
}

.configure_search {
    display: inline-block;
    position: relative;
    width: 100% !important;
}

.configure_search input {
width: 100% !important;
    margin-bottom: 0px;
    border-radius: 20px !important;
    box-shadow: 0px 0px 4px -4px #2e2e2ee3 !important;
    padding: 0.43rem 0.94rem !important;
}

.configure_search input + .search_right {
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 1;
    color: rgb(54, 54, 54);

}

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

.p-5 {
    padding: 5px !important;
}

.p-7 {
    padding: 7px !important;
}

.p-8 {

    padding: 8px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.configuration .config_tab {
    background-color: #299819 !important;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 8px 35px;
    border: 0px;
    outline: 0px !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.05);
}

.pathpoptwidth tr td:last-child {
    min-width: 60%;
    width: 60%;
}

.pathpoptwidth tr td:last-child span.custom-text {
    padding-top: 5px;
}

.searchfd.flex > div:not(:last-child) {
    width: 20%;
}

.searchfd.flex > div:not(:last-child) {
    margin-right: 15px;
}

.searchfd.flex .to-text {
    width: 20px !important;
    text-align: center;
}


.custom_radiobox {
    font-size: 15px;
    margin-bottom: 0px;
}

.custom_radiobox input:not(:first-child) {
    margin-left: 15px;
}

.panel_subheading {
    background-color: #f2f2f2;
    padding: 10px 15px;
}

.ptlgy_tooltip {
    font-size: 18px;
    color: #0B5057;
    margin-left: 10px;
}

.food-text-checkbox span.custom-text {
    width: calc(220px - 30px);
}

.ntrtpy_chkbx_list li {
    margin-bottom: 10px;
}

.login_bg {
    height: 100vh;
    align-items: center;
    background-image: url(../img/loginbg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.login-form {
    width: 680px;
    margin-top: 4%;
    margin-right: 4%;
    float: right;
    margin-bottom: 6%;
}

.login-form form {
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 40%);
    padding: 12px;
    border-radius: 20px;
}

.loginbody {
    margin: 0px;
}

.login-logo p {
    margin: 15px 0px;
    font-size: 15px;
}

.login-form .input-group input,
.login-form .input-group select {
    border: 1px solid #bbb !important;
    border-left: 1px solid #fff !important;
    height: 45px;
    border-radius: 4px;
}

.login-form .input-group select {
    width: 100%;
}

.login-form .input-group {
    margin-bottom: 15px;
    border-radius: 4px;
}

.login-form .input-group i {
    font-size: 17px;
    color: #299819;
}

.login-form .input-group-addon {
    border-color: #bbb;
    background-color: #fff;
    border-right: 0px;
    box-shadow: none;
}

.login-form .form-group .btn-primary {
    background-color: #299819;
    height: 37px;
    border-radius: 4px;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 0 9px 0px #8e8e8e;
}

.display-ib {
    margin-left: 36%;
    margin-top: 12px;
}

.width16 {
    width: 16% !important;
}

.login-form .forgot_pwd {
    margin: 15px auto;
}

.login-form .forgot_pwd a {
    color: #0B3236;
    font-weight: 400;
}

.login-form .register_text {
    color: #707070;
    font-weight: 400;
    font-size: 13px;
}

.login-form .register_text a {
    color: #0B3236;
}

.searchfd .form-control {
    margin-bottom: 0px;
}

.max-w-300 {
    max-width: 300px;
}

.align-items-center {
    align-items: center;
}

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

.justify-end {
    justify-content: flex-end !important;
}

.align-content {
    align-content: center;
}

button.btn.btn-default {
    background-color: #fff;
    border: 1px solid #aaa;
    color: black;
}

.v-align-m tr th,
.v-align-m tr td {
    vertical-align: middle !important;
}

.patient_acc th span:first-child {
    color: #222;
}

.patient_acc th span:last-child {
    color: #0B5057;
    font-weight: 700;
}

.borderColor {
    border: 1px solid #ff1919 !important;
}

.errorFntColor {
    color: #ff1919 !important;
}

.errorFntColor strong {
    font-size: 1.5rem;
}

.strutural-img1 canvas.sound-wave {
    width: 100% !important;
    height: 80px;
}

.strutural-img1 canvas.sound-wave ~ button[type="button"] {
    border: solid 1px #299819;
    background: #299819;
    color: #fff;
    outline: none;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 25px;
    margin: 5px;
}

.strutural-img1 canvas.sound-wave ~ button.playing {
    background-color: #0B5057;
}

.strutural-img1 canvas.sound-wave ~ button.disabled {
    background-color: #999;
    border: 1px solid #999;
}

.strutural-img1 .progress-bar-wrapper .indicator {
    background-color: #0B3236 !important;
}

.strutural-img1 .react-h5-audio-player .flex {
    background-color: #f2f2f2 !important;
    z-index: 9 !important;
}

.strutural-img1 .toggle-play-wrapper .toggle-play-button {
    background-color: #0B5057 !important;
}

.toggle-play-wrapper .toggle-play-button .pause-icon {
    box-shadow: #0B5057 7px 0px 0px 0px inset !important;
}

.mt0 {
    margin-top: 0px;
}

.font700 {
    font-weight: 700;
}

.herbcreate_list ul {
    padding-left: 0px;
}

.herbcreate_list ul li {
    list-style-type: none;
    padding: 5px 0px;
}

.herbcreate_list ul li span {
    color: #0B3236;
    width: 140px;
    display: inline-block;
    text-align: left;
    font-weight: 600;
}

.herbcreate_table td {
    border: 0px !important;
}

.health-table-heading i.fa-trash {
    color: #333;
    font-size: 17px;
}

.health-table-heading i.fa-trash:hover {
    color: #0B3236;
}

.rbt .rbt-input-hint-container .rbt-input-hint {
    display: none !important;
}

.notfoundpage h1 {
    font-size: 30px;
    color: #299819;
}

.notfoundpage img {
    margin-bottom: 30px;
}

.notfoundpage {
    height: calc(50vh);
}

.notfoundpage button {
    border: solid 1px #299819;
    background: #299819;
    color: #fff;
    outline: none;
    font-weight: 600;
    margin-right: 10px;
    margin-top: 25px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.dropdown-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

.dropdown-menu::-webkit-scrollbar {
    width: 7px;
}

.l_grey {
    background-color: #f5f5f5 !important;
}

td.p-0 {
    padding: 0px !important;
}

div[aria-busy="true"] {
    height: 50vh;
    display: flex;
    align-items: center;
}

.doshafloattrigger {
    border-radius: 50%;
    z-index: 99;
    background-color: #0B5057;
    box-shadow: 0px 0px 10px #999;
    float: right;
    margin-right: 7%;
    padding: 5px;
    margin-top: 5px;
}
.doshafloattrigger .fa-tachometer-alt{
    font-size: 17px;
    color: white;
    vertical-align: text-bottom;
}

/*.doshafloattrigger i {*/
/*    color: #fff;*/
/*    font-size: 17px;*/
/*    line-height: 40px;*/
/*}*/

.doshafloatcontainer {
    width: auto;
    position: absolute;
    top: 97%;
    background-color: #ffffff;
    right: 7%;
    padding: 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 5px #909090;
    z-index: 1000;
}
.tdBgGreen{
    background: #d7efd4;
}
.valignmiddle tr td,
.valignmiddle tr th {
    vertical-align: middle !important;
}

.constitution_close {
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1009;
    font-size: 18px;
    color: #ccc;
}

.doshafloatcontainer table td {
    font-weight: 700;
}

.doshafloattrigger table tr:first-child td span {
    text-align: center;
    color: #313131;
    display: block;
}

.multicheck_lable div {
    width: 150px;
}

.ptrpy_chkbx_list {
    padding: 0px;
    margin-top: 10px;
}

.ptrpy_chkbx_list li {
    width: 30%;
    list-style-type: none;
}

.flexwrap {
    flex-wrap: wrap;
}

.steptabs {
    display: flex;
}

.steptabs li {
    flex-grow: 1;
    text-align: center;
}

.steptabs li a {
    color: #000;
    background-color: #f5f5f5;
}

.nav-tabs.steptabs > li.active > a {
    background-color: rgb(4, 71, 119) !important;
    color: #fff !important;
}

.nav-tabs.steptabs > li.done > a {
    background-color: rgb(90, 170, 53) !important;
    color: #fff !important;
}

.nav-tabs.steptabs > li > a {
    padding: 20px 10px;
    position: relative;
}

.nav-tabs.steptabs > li > a::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #f5f5f5;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 100%;
    z-index: 2;
}

.nav-tabs.steptabs > li.active > a::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #0B5057;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 100%;
    z-index: 2;
}

.nav-tabs.steptabs > li.done > a::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid rgb(90, 170, 53);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 100%;
    z-index: 2;
}

.nav-tabs.steptabs > li > a::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #ccc;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.nav-tabs.steptabs > li.done > a {
    color: #ccc !important;
}

.nav-tabs.steptabs {
    width: calc(100% - 30px);
}

.nav-tabs.steptabs li a span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 15px);
    left: 30px;
    background-color: rgb(94, 169, 223) !important;
    border-radius: 50%;
    color: #fff;
}

.innerrowdtls {
    background-color: #eee;
    color: #333;
}

.innerrowdtls table {
    border: 1px solid #ccc;
}

.innerrowdtls ul {
    padding-left: 25px;
}

.innerrowdtls strong {
    color: #0B5057;
    line-height: 25px;
}

.innerrowdtls h4 {
    margin-top: 20px;
    color: #0B5057;
}

.innerrowdtls ul {
    padding-left: 0px;
}

.innerrowdtls ul li {
    list-style-type: none;
    position: relative;
    line-height: 1.8em;
}

.blue_bg {
    background-color: #0B5057;
}

.btn-default button {
    padding: 0;
    margin-left: 5px;
    background-color: rgb(150, 150, 150);
    color: rgb(255, 255, 255);
    border: none;
    outline: none;
    font-weight: bold;
    padding: 5px 30px !important;
    border-radius: 15px;
}

div.btn-default,
div.btn-default:hover {
    background-color: transparent;
}


/***********/

.pt-5 {
    padding-top: 5px;
}
.tb_HDR-Main{
 border: 1px solid gray !important;
border-bottom: none !important;
}
.dark-tooltiptable.__react_component_tooltip {
    z-index: 999 !important;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
}

.table-dark-tool-tip th {
    background-color: rgb(8, 8, 8);
    padding: 8px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.table-dark-tool-tip td {
    background-color: rgb(0, 0, 0);
    padding: 8px !important;
    color: rgb(243, 237, 237) !important;
    background-color: rgb(0, 0, 0);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-weight: 600;
}
.Ay_tooltip{
    z-index: 111 !important;
    box-shadow: 1px 1px 1px 1px gray !important;
}
.add-btn > a > button {
    font-size: 14px;
    font-weight: 600;
}
.visibleNone{
    opacity: 0;
}
.absolute{
    position: absolute;
}
.theme_btngrp button.btn.btn-default, a.btn.btn-default {
    background-color: #fff;
    color: #666;
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid #299819;
    /* #0678c4 */
    font-weight: 600;
}

.theme_btngrp button.btn.btn-default:focus, a.btn.btn-default:focus {
    outline: none;
}

.theme_btngrp button.btn.btn-default.active, a.btn.btn-default.active {
    color: white;
    background-color: #299819;
}

.theme_btngrp button.btn.btn-default i.fa {
    font-size: 12px;
    padding-right: 5px;
}

.theme_btngrp button.btn.btn-default.active i.fa {
    color: #fff;
}

.theme_btngrp button.btn {
    border-radius: 20px;
}

.mr-30 {
    margin-right: 30px !important;
}
.mr-30P {
    margin-right: 30%;
}

.mr-70 {
    margin-right: 70px;
}

.summerycard {
    margin: 15px;
    background-color: #f4f4f4;
    border: 1px solid #acacac;
}

.summerycard .panel-title {
    border-bottom: 1px solid #707070;
}

.summerycard .panel-title h4 {
    font-size: 16px;
    font-weight: 700;
    color: #0B5057;
    padding: 15px 20px;
}

.summerycard .panel-title h6 {
    font-size: 13px;
    font-weight: 600;
    color: #0B5057;
    padding: 15px 20px;
}

.summerycard .panel-title h4 span {
    color: #3a4651;
}

.summerycard ul li {
    list-style-type: none;
    line-height: 2.3em;
}

.summerycard ul li h5 {
    font-size: 25px;
    color: #3a4651;
    margin-bottom: 0px;
}

.summerycard ul.labledlist li strong {
    color: #0B5057;
    width: 200px;
    display: inline-block;
    /* text-align: ; */
    margin-right: 15px;
}

.panel .table.dropsearchtable > tbody > tr > th:first-child,
.panel .table.dropsearchtable > tbody > tr > th:last-child {
    padding-left: 8px;
}

.dropsearchtable th select.form-control {
    height: 36px;
    margin-bottom: 0px;
}

.checkboxtabs {
    display: flex;
    background-color: #f5f5f5;
    height: 55px;
}

.checkboxtabs > li {
    flex-grow: 1;
    /* text-align: center; */
    color: #0B5057;
    border-right: 1px solid #aaa;
    font-weight: 600;
}

.checkboxtabs > li.active {
    background-color: #0B5057 !important;
    color: #fff;
}

.checkboxtabs li .custom-checkbox {
    text-align: center;
    display: inline-block;
    padding-left: 25px;
    margin: 15px 0px;
    padding-top: 2px;
    font-size: 11px;
}

.checkboxtabs li .dropdown li {
    text-align: left;
}

.checkboxtabs li .dropdown .caret {
    margin-left: 10px;
}

.btn-sm.btn-primary {
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 600;
}

.innerrowdtls ul li i {
    color: #0B5057;
    margin-right: 5px;
}

.innerrowdtls ul li.inactive i {
    color: #999;
}

#myTabDrop1 ~ .dropdown-menu {
    height: 300px;
    overflow-y: scroll;
}

#myTabDrop1 ~ .dropdown-menu .dropdown-header {
    color: #0B5057;
    background-color: #eee;
    font-weight: 700;
    font-weight: 11px;
}

#myTabDrop1 ~ .dropdown-menu a {
    padding-left: 25px;
}

.panel-body .recommenditem:not(:last-child) {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.marmamaindatapoints {
    background-color: #e0e0e0;
    padding: 10px 0px;
}

.marmamaindatapoints ul {
    margin-bottom: 0px;
}

.marmamaindatapoints ul li {
    line-height: 1.4em;
}

.marmamaindatapoints ul li strong {
    display: block;
    color: #0B5057;
}

.Toaster__alert {
    background-color: rgb(225, 252, 239);
    overflow: hidden;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 20px;
    height: 100%;
    box-shadow: 0px 0px 30px #aaa;
}

.clr_white {
    color: #fff;
}

.darkstrip {
    background-color: #0B5057 !important;
    color: #fff !important;
}

.combineform .number-field {
    max-width: 100px;
    min-width: 50px;
    border-radius: 0px !important;
    box-shadow: none;
    height: 35px;
}

.fuv-approve .btn-default.active {
    color: rgb(255, 255, 255) !important;
    background-color: #299819 !important;
    width: 152px !important;
}

.fuv-font {
    font-size: 15px !important;
}

.fuv-status {
    max-width: 100% !important;
    min-width: 50px !important;
}

.fuv-chalg {
    margin-left: 63px;
    width: 129%;
}

.labelml {
    margin-left: 65px;
}

.fuv-obst {
    margin-left: 59px;
}


.justify-between {
    justify-content: space-between;
}

input.form-check-input[readonly] + span {
    opacity: 0.5;
    cursor: default;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn-for-upload {
    border: 2px solid gray;
    color: white;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: bold;
    margin-top: 25px;
}

.mt-25 {
    margin-top: 25px;
}

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

.mt-48 {
    margin-top: 48px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-60 {
    margin-left: 60px;
}

.upload-file-text {
    margin-left: 10px;
    font-size: 14px;
}

.upload-btn-wrapper input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.upload-btn-wrapper:hover {
    cursor: pointer;
}


/* for csv parser upload  END */

.card {
    position: relative;
    display: block;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.btn.btn-default {
    border: 1px solid #999;
}

.wordBrk {
    word-wrap: break-word !important;
}
.wordBreak {
    word-break:break-word !important;
}
.flCap:first-letter {
    text-transform: capitalize;
}

#myTabDrop2 ~ .dropdown-menu {
    /* height: 300px; */
    overflow-y: scroll;
}

.rolebtn {
    margin-right: 180px;
}

.rolebtnclr {
    background-color: #299819 !important;
    border-radius: 30px !important;
    color: white !important;
}

.rolebtnbgclr {
    background-color: white !important;
    color: black !important;
}

.rolebtnclr:focus:active {
    background-color: #299819 !important;
    border-radius: 20px !important;
    color: white !important;
}

.rolebtnbgclr:focus:active {
    background-color: white !important;
    color: black !important;
}

.prf-pwd {
    height: 105px;
}

.prf-pwdh {
    padding-bottom: 37px !important;
}

.mt-7p {
    margin-top: 7%;
}

.mt-7 {
    margin-top: 7px;
}

.width80 {
    width: 80%;
}

.mt-90 {
    margin-top: 60px;
}

.mtn65 {
    margin-top: -65px;
}

.musicThrpy {
    border: 1px solid rgb(222, 222, 222);
    border-radius: 6px;
    padding: 5px;
    margin-top: 20px;
}

.musicThrpymt {
    margin-top: -21px;
}

.musicThrpymtDel {
    text-align: right;
    margin-left: 85px;
}

.musicThrpymr {
    margin-right: -13px;
}

.menumgm {
    border: 1px solid rgb(222, 222, 222);
    border-radius: 6px;
    padding: 5px;
    margin-top: 20px;
}

.menumgmr {
    margin-right: 0px !important;
}

.rc-time-picker-input {
    margin-bottom: 0px !important;
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    height: 36px !important;
    cursor: text;
    font-size: 15px !important;
    line-height: 1.5;
    /* color: #666; */
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.rc-time-picker-panel-input {
    font-size: 15px !important;
    margin: 0;
    padding: 2px !important;
}

.rc-time-picker-panel-select {
    font-size: 15px !important;
}

.rc-time-picker {
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 5px !important;
    border-color: #eaeaea !important;
    background-color: #ffffff !important;
    font-size: 19px;
}

.rc-time-picker-panel-inner {
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 5px !important;
    border-color: #eaeaea !important;
    background-color: #ffffff !important;
}

.col-pad-0 .row > div[class*="col-md"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.col-pad-0 .row div.panel {
    margin-bottom: 0px !important;
}

h1 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: sans-serif;
}

.upload-label {
    position: relative;
    display: inline-block;
    padding: 4px;
    background-color: #eeeeee;
    overflow: hidden;
    color: #070707;
    font-family: sans-serif;
    width: 100px;
    border-radius: 6px;
    text-align: center;
}

.input-file {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 10px;
}

.input-file {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 10px;
}

.isPregnantbox {
    border-radius: 8px;
}

.isPregnantbox h3 {
    border-bottom: 1px solid #e5e3e2;
    padding: 12px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #3a4651;
    font-weight: 600;
}

.btncrsr {
    cursor: default !important;
}

.optclr {
    color: black;
}

.musicThrpydurtionType {
    width: 200px;
}

.herobologycontainer {
    height: calc(100vh - 126px);
    background: url(../img/herbal-bg.jpg);
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: 75px;
}
.aromacontainer {
    height: calc(100vh - 126px);
    background: url(../img/aroma-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
     background-position-y: 45px;
}
.marmacontainer {
    height: calc(100vh - 122px);
    background:white;
    background: url(../img/marma-bg.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
     background-position-y: -84px;
}
.allopathycontainer {
    height: calc(100vh - 122px);
    background:white;
    background: url(../img/allopathy-bg.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
     background-position-y: 15px;
}
.marmaPanelHeaderBg{
    background: #f7ecd9 !important;
}
.herbHeader {
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}

.ui.active.dimmer {
    display: flex !important;
    position: fixed !important;
    font-size: 18px !important;
}

.ui.segment {
    margin: 0rem 0em !important;
    padding: 0em 0em !important;
}

.ayubannerrcmd {
    background: url(../img/ayurwayLR-bg2.jpg);
    background-size: cover;
    height: 75vh;
    background-attachment: fixed;
}

.aromackb {
    border-right: 0px !important;
}

.banneaufodl {
    background: url(../img/ayurwayLR-bg2.jpg);
    background-size: cover;
    height: calc(100vh - 223px);
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: -20px;
}

.brdtbl {
    border-radius: 9px 0px 0px 0px;
}

.brdtbr {
    border-radius: 0px 9px 0px 0px;
}

.hraroma {
    border: 0;
    height: 1px;
    margin-top: 6px !important;
    width: 145% !important;
    margin-left: -22% !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0));
}

.musicThrpy label {
    white-space: nowrap;
}

.musicThrpy .flex.flexgrow > div {
    margin-right: 10px;
}

.fclrcp {
    font-weight: 600;
    color: #474747;
}

.dlabAroma {
    margin-top: 11px;
    margin-left: 0px;
}

.aromtb {
    width: 96%;
    box-shadow: 0px 0px 8px 0px;
    margin-left: 2%;
    margin-bottom: 2%;
    border-radius: 14px 14px 7px 7px;
}

/*.ant-modal-footer {*/
/*    margin-top: 30px !important;*/
/*}*/

.armtxth4 {
    padding: 7px;
}

.armpnm {
    background-color: #ececec;
}

.armTb {
    background-color: rgba(255, 255, 255, 0.295);
    height: 40px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.armTb:hover {
    background-color: #f1f1f1cf !important;
}

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

.flex {
    box-shadow: 0px !important;
}

.react-h5-audio-player {
    width: 0px !important;
    height: 41px !important;
    margin-top: -20px !important;
    margin-bottom: 2px !important;
}

.toggle-play-button {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 50% !important;
    margin-left: -20px !important;
    background-color: rgb(0, 73, 125) !important;
    color: white !important;
    width: 33px !important;
    height: 33px !important;
    border-radius: 50% !important;
    padding-top: 0px !important;
    border: none !important;
    outline: 0px !important;
}

.play-icon {
    box-sizing: content-box !important;
    display: block !important;
    width: 0px !important;
    height: 0px !important;
    border-left: 20px solid white !important;
    position: relative !important;
    z-index: 1 !important;
    left: 6px !important;
    margin-left: -3px !important;
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
}

.pause-icon {
    box-sizing: content-box !important;
    display: block !important;
    width: 14px !important;
    height: 17px !important;
    border-left: 7px solid white !important;
    position: relative !important;
    z-index: 1 !important;
    left: 1px !important;
    background-color: white !important;
    box-shadow: rgb(251, 86, 21) 7px 0px 0px 0px inset !important;
}

.RichTextEditor__root___2QXK- {
    border: 1px solid #a1a1a1 !important;
    font-family: inherit !important;
}

.mb-78 {
    margin-bottom: -78px;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.mb-150 {
    margin-bottom: 150px !important;
}
.mb-200 {
    margin-bottom: 200px;
}
.mb-250 {
    margin-bottom: 250px;
}
.rbc-toolbar button.rbc-active {
    color: white !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.border-bottomHRBlack {
    border-bottom: solid 1px black;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.btn {
    outline: none !important;
}

.marmafilterdiv {
    width: 300px;
    display: inline-block;
    box-shadow: -4px 0px 8px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    right: -300px;
    bottom: 0px;
    bottom: 12%;
    background: white;
}

.marmafilterdiv.active {
    right: 0%;
}

.marmafilterdiv .marmafilterheader {
    padding: 5px 10px;
    background-color: #299819;
    color: #fff;
}

.marmafilterdiv .marmafilterbody {
    padding: 10px;
    background-color: #fff;
    height: 450px;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.cldbtn {
    margin-top: -100px !important;
}

.br5 {
    border-radius: 2px;
}

.msimg {
    padding-left: 6px !important;
}

.pl22 {
    padding-left: 22px !important;
}

.mrmpanel {
    border-bottom: 0px !important;
}

.dgtbtd {
    width: 0% !important;
}

.topfixed {
    margin-bottom: 6px;
}

.topfixed .patientinfo {
    background-color: #0b5057;
    color: #fff;
    padding: 7px 2px 6px 2px;
}

.topfixed .patientinfo .patientname {
    align-items: center;
    padding: 0px 5px;
}

.topfixed .patientinfo .patientname p {
    margin-left: 15px;
    font-size: 17px;
    font-weight: 700;
}

.topfixed .patientinfo .patientname p,
.topfixed .patientinfo ul li p,
.topfixed .patientinfo ul {
    padding: 0px;
    margin-bottom: 0px;
}

.topfixed .patientinfo ul {
    align-items: center;
}
.topfixed .patientinfo ul li span {
    color: #bbb;
}

.topfixed .patientinfo ul li p {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.ay-maintabs .nav.nav-tabs {
    display: flex !important;
}

.ay-maintabs .nav.nav-tabs li {
    float: none;
    flex-grow: 1;
    border-radius: 0px;
    z-index: 3;
   border-right: 1px solid #cecece;
}
.ay-maintabs .nav.nav-tabs li a {
    text-align: center;
    color: #3c3c3c;
    padding: 6px 14px 6px 14px !important;
}
.ay-maintabs .nav.nav-tabs li.active a {
    color: white;
    background-color: #299819;
    margin-right: 0px;
    border: none !important;
    border-radius: 0px !important;
}
.ay-subtabs {
    background-color: #EEEEEE;
    border: #B7B7B7;
    padding-left: 11px;
}
.ay-subtabs .nav-tabs{
   margin-left: 0%;
   margin-right: 0%;
}
.ay-subtabs .nav.nav-tabs li a {
    text-align: center;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    border: 0px;
    padding: 5px 21px 3px 0px;
}

.ay-subtabs .nav.nav-tabs li.active a {
    background-color: #EEEEEE;
}

.ay-subtabs .nav.nav-tabs li.active a::after {
    width: 84%;
    border-bottom: 3px solid #00a111;
    position: absolute;
    left: calc(50% - 52%);
    bottom: -2px;
    content: "";
}
.font-size14 {
    font-size: 14px !important;
}
.newinnertabs li button {
    font-weight: 700;
    padding: 10px 20px;
    color: #000;
    border: 0px;
}
.upldInpBtn{
    background: #299819;
    color: white;
    padding: 5px 19px 5px 18px;
    border-radius: 37px;
    box-shadow: 0px 0px 4px 0px #878282;
}
.newinnertabs li.active button {
    color: #0B3236;
    border-bottom: 4px solid #299819;
}

button {
    outline: none !important;
}

.fa-check {
    color: green;
}

.uploadedImage {
    position: relative;
}

.uploadedImage span {
    position: absolute;
    top: 14px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    left: 0px;
    font-size: 10px;
    color: black;
    text-transform: uppercase;
}

.borderColorText {
    border-color: lightsteelblue;
}

.food-text-checkbox label {
    margin-bottom: 0px;
}

.tfooter td {
    background-color: #eee;
    font-weight: 700;
    vertical-align: middle !important;
    color: #0b3236;
}

.grey-border-2x {
    border: 2px solid #d0d0d0;
}

.p-12 {
    padding: 12px !important;;
}

.p-11 {
    padding: 11px !important;
}
.frwtitle {
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
}

.min-height0 {
    min-height: 0px !important;
}

.headsticky th {
    position: sticky;
    top: 0px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    /* z-index: 500; */
    /* background-color: #0B3236; */
}

figure.user-card {
    background: #ffffff;
    border: 0;
    margin-bottom: 1rem;
    box-shadow: 0 0 25px rgba(26, 107, 225, 0.1);
    text-align: center;
    padding: 1.25rem 1.25rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

figure.user-card .profile {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    max-width: 72px;
    margin-bottom: 20px;
}

.text-black {
    color: black !important;
}

.text-green {
    color: black !important;
}

.mt-29 {
    margin-top: 29px;
}

.bgy {
    background-color: #299819 !important;
}

.medkitfntclr {
    color: #0B5057 !important;
}

ul.diaglistbadge li.badge {
    padding: 5px 10px !important;
}

.nbutton {
    border: solid 1px #299819;
    background: #299819;
    color: white;
    outline: none;
    font-weight: 600;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mr15 {
    margin-right: 15px;
}

.ml15 {
    margin-left: 15px;
}

.sound-wave {
    display: none !important;
}
.footerCntr{
    position: absolute;
    width: 100%;
    bottom: 1%;
}
.dtext {
    color: white !important;
}

.bgclr-lightgrey {
    background-color: lightgrey;
}

.bgclr-whitesmoke {
    background-color: whitesmoke;
}

.diagflex {
    margin-bottom: 20px;
}

.diagflex .panel {
    height: 100%;
    margin-bottom: 0px;
}

.mr-57 {
    margin-right: 57px;
}

.width350 {
    width: 350px !important;
}

.modal-lg.agnitble {
    width: 90%;
}

.structuralPlayer {
    width: 0px !important;
    height: 49px !important;
    margin-top: -51px !important;
    margin-bottom: 2px !important;
    margin-left: 50% !important;
}

.mr-5 {
    margin-right: 5px;
}

.mt-9 {
    margin-top: 9px;
}

.ml-10 {
    margin-left: 10px;
}

.rbc-month-header {
    height: 31px;
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    text-align: center;
    align-items: center;
}

.rbc-header {
    padding: 7px 2px !important;
}

.rbc-btn-group button {
    background-color: #e6e6e6 !important;
    color: #000 !important;
}

.rbc-toolbar button.rbc-active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    background-color: #299819 !important;
    border-color: #adadad;
}

.vh-85 {
    height: 85vh;
}
.vh-56 {
    height: 56vh;
}
.doctorlist_apmt {
    height: 90%;
    overflow-y: auto;
}

.doctorlist_apmt div > img {
    max-width: 50px;
}

.doctorlist_apmt .list-group-item-heading {
    /* margin: 0px; */
}

.configure_search.doctorsrch_apmt {
    display: block;
}

.configure_search.doctorsrch_apmt input {
    width: 100% !important;
}

.doctorlist_apmt .list-group-item.active {
    background-color: #0B5057;
}

.calander-wrapper,
.calander-wrapper > div,
.calander-wrapper > div > div {
    height: 100% !important;
}

.slimscroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.slimscroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
}

.slimscroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

.slimscroll::-webkit-scrollbar {
    width: 7px;
}

.historyFlag {
    color: #afafaf;
    font-size: 19px;
}

.historyFlagActive {
    color: #ff0000;
    font-size: 19px;
}

.historyFlagActive,
.historyFlag {
    position: relative;
    z-index: 5;
    font-size: 14px;
}

.aromaDLcontainer {
    height: calc(100vh - 410px);
    overflow-y: auto;
    overflow-x: hidden;
}

.aromaBtn-group {
    box-shadow: 0 0 9px 0px #000000a3 !important;
    border-radius: 30px !important;
    border: none !important;
}

.aromaRCMcontainer {
    height: calc(100vh - 330px);
    overflow-y: auto;
    overflow-x: hidden;
}

.HerbologyTabData::-webkit-scrollbar-track-piece {
    background-color: #C2D2E4;
}

.HerbologyTabData::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background: rgba(22, 127, 39, 0.7) !important;
}

.aromaRCMcontainer::-webkit-scrollbar-track-piece {
    background-color: #C2D2E4;
}

.aromaRCMcontainer::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background: rgba(22, 127, 39, 0.7) !important;
}

.aromaDLcontainer::-webkit-scrollbar-track-piece {
    background-color: #C2D2E4;
}

.aromaDLcontainer::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background: rgba(22, 127, 39, 0.7) !important;
}


.aromaTranspbg {
    background: #ffffffa1;

}

.HerbologyTabData {
    height: calc(100vh - 326px);
    overflow-y: auto;
    overflow-x: hidden;
}
.MarmaTabData {
    height: calc(100vh - 315px);
    overflow-y: auto;
    overflow-x: hidden;
}

.herbTablesection {
    height: calc(100vh - 364px);
    overflow-y: auto;
    overflow-x: hidden;
}

.HerbologyTabData table th {
    font-weight: normal;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.sectionCard-y-5 {
    box-shadow: 0px 5px 9px 0px #bababa !important;
}

.sectionCard-0 {
    box-shadow: 0px 0px 9px 0px #bababa !important;
}

.HerbologyTabData table td {
    color: #000 !important;
    font-size: 16px !important;
}

.HerbologyTabData table tr th {
    font-size: 16px !important;
}

.bg-empty {
    background-color: transparent;
    border-radius: 12px !important;

}

.aromasearchtable th .default.text,
.aromasearchtable th .dropdown.icon {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-themegreen {
    color: #0B3236;
}

.table-head-fixed {
    position: sticky;
    top: 50px;
    background: white;
}

.brdr-b-1 {
    border-bottom: 1px solid #b7b7b7;
}

.py-10 {
    padding-top: 4px;
    padding-bottom: 10px;
}

.border-none {
    border: none !important;
}

.Select-control .Select-input input {
    border: 0px !important;
}

.pkCalenderMl {
    margin-left: 220px;
}

.pkCalenderMt {
    margin-top: 75px;
}

.nogutters {
    padding: 0px !important;
    margin: 0px !important;
}

.calclr {
    background-color: "green";
    color: 'white';
    border-radius: "5px";
    border: "none";
}

.width50 {
    width: 50px;
}

.width50p {
    width: 50%;
}

.upper_btn {
    padding: 0px 15px !important;
    height: 30px;
    font-weight: 600;
}

.herboloryPanel {
    padding: 18px;
}

.prescripSearch {
    height: 34px !important;
    /* width: 1031px !important; */
}

.prescriptions {
    margin-bottom: 2rem;
}

.mrp30 {
    margin-right: 30%;
}

.prescription-title h1 {
    background: #0A5058;
    color: #FFF;
    padding: 1.2rem 1rem;
    font-size: 1.8rem;
    margin: 0px;
}

.prescriptions-text {
    background: #FFF;
    padding: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-gap: 1.5rem;
    align-items: start;
    margin-top: 0px;
}

.prescriptions-text-item span {
    color: #333333;
    font-size: 14px;
    padding-bottom: 3px;
    display: block;
    font-weight: 700;
}

.prescriptions-text-item h3 {
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.precautions {
    background: #FFF;
    padding: 0rem 2rem 2rem 2rem;
}

.precautions span {
    color: #333;
    font-size: 14px;
    padding-bottom: 3px;
    display: block;
}

.precautions h3 {
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.mlp-16 {
    margin-left: 16%;
}

.Select-menu-outer {
    z-index: 9999 !important;
}

.ml-150 {
    margin-left: 150px;
}

.my-1 {
    padding: 10px 0px;
}

@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}

@media (min-width: 768px) {
    .table-responsive {
        overflow: inherit;
    }
}

ul.acc_list {
    padding-left: 0px;
}

ul.acc_list > li {
    list-style-type: none;
    margin-bottom: 8px;
}

ul.acc_list li .content_box_o {
    padding: 15px;
}

.content_box_o.show {
    display: block;
}

.content_box_o.hide {
    display: none;
}

ul.acc_list > li > span {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: #fff;
    border-bottom: 3px solid #ddd;
    border-top: 3px solid #ddd;
}

ul.acc_list li > span i {
    padding: 20px;
}

ul.acc_list li > span strong {
    padding-left: 20px;
    padding-right: 20px;
}

ul.acc_list li > span i:hover {
    background-color: #ddd;
}

ul.acc_list .content_box_o ul li strong {
    display: block;
    color: #0B5057;
}

.labledlist_acc h5 {
    font-size: 20px;
}

.labledlist_acc li strong {
    display: inline-block !important;
    width: 200px;
    line-height: 2em;
}

.viewAllBillModal {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.e-input-group,
.e-control-wrapper {
    border: none !important;
    font-weight: 500 !important;
}

.e-ddl-icon {
    display: none !important;
}

.menuCgHeader {
    color: black !important;
    background: black !important;
}

.inlinecss.e-ddl .e-control.e-dropdownlist.e-input {
    font-size: 16px;
    font-style: inherit;
    padding: 17px;
    height: 7px;
    border-radius: 26px;
}

.material .inlinecss.e-ddl .e-control.e-dropdownlist.e-input {
    margin: -1px 0px 0px 4px;
}

.bootstrap .inlinecss.e-ddl .e-control.e-dropdownlist.e-input {
    margin: -43px 33px 0px 3px;
}

#contentText .e-input-group.e-control-wrapper.e-ddl::before,
#contentText .e-input-group.e-control-wrapper.e-ddl::after {
    content: none;
}

#contentText .e-input-group.e-control-wrapper.e-ddl,
#contentText .e-input-group.e-control-wrapper.e-ddl:hover,
#contentText .e-input-group.e-ddl.e-input-focus,
#contentText .e-input-group.e-ddl.e-input-focus::before,
#contentText .e-input-group.e-ddl.e-input-focus::after {
    border-width: 0px !important;
    border: none !important;
    border-bottom: 0px !important;
    box-shadow: none;
}

textarea {
    z-index: 999;
    display: block;
    width: 100%;
    /* overflow: hidden; */
    resize: vertical;
    min-height: 40px;
    line-height: 20px;
    border: 1px solid #9f9f9f !important;
}

.scroll {
    opacity: 0.8;
    background-color: #1d3939;
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 50px;
    border: none;
    outline: none;
}

.tableHeadFixed {
    position: sticky;
    top: -0.99px;
    z-index: 999;
}
.tableHeadFixed3 {
    position: sticky;
    top: -0.99px;
    z-index: 9;
}
.tableHeadFixed2 {
    position: sticky;
    top: -0.8px;
}
.tableHeadFixedPatientDieseases {
    position: sticky;
    top: 0px;
    z-index: 1;
}

.tableHeadFixedPaatientDiesases {
    position: sticky;
    top: 20px;
}

.scroll:hover {
    opacity: 1;
}

.mr-80 {
    margin-right: 80px;
}

.arrow-up {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 20px;
    margin: 0px 7px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #299819;
}

/*input:focus + .slider {*/
/*    box-shadow: 0 0 1px #299819;*/
/*}*/

.contentScrollable {
    overflow: auto;
    height: 60vh;
}

input:checked + .slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.ml-0 {
    margin-left: 0px !important;
}

.p-15 {
    padding: 15px;
}

.fw-700 {
    font-weight: 700;
}

.dgVk {
    background-color: #299819 !important;
}

.clrBLk {
    color: black !important;
    background-color: rgb(184, 184, 50) !important;
}

.mrP12 {
    margin-right: 12%;
}

.fuvSymptomHeader {
    background-color: rgb(11 80 87) !important;
    padding-top: 11px !important;
    padding-bottom: 43px !important;
    padding-right: 30px !important;
}

.width6 {
    width: 6%;
}

.width8 {
    width: 8%;
}

.width4 {
    width: 4%;
}

.width3 {
    width: 3%;
}

.modal-lgs {
    width: 86% !important;
}

.ml-P-20 {
    margin-left: 20% !important;
}
.ml-P-30 {
    margin-left: 30% !important;
}
.ml-P-80 {
    margin-left: 80% !important;
}

.ml-P-35 {
    margin-left: 35% !important;
}

.brds-50 {
    border-radius: 50%;
}

.durationWidth {
    width: 109px !important;
}

.payPresaccBg {
    background-color: #eeeeee !important;
}

.tableTdBrdrRight tbody tr td {
    border-right: rgb(138, 138, 138) 1px solid !important;
}

input:focus {
    border-color: #3a87ff !important;
    border-width:0.10rem !important;
}

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

select:focus {
    border-color: #3a87ff !important;
    border-width:0.10rem !important;
}

textarea:focus {
    border-color: #3a87ff !important;
    border-width:0.10rem !important;
}

.tableFixHead {
    overflow-y: auto;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
}


.galleryFixHeader {
    overflow-y: auto;
    z-index: 999;
}

.wellnessInfoHeader {
    color: black;
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    margin-left: 16%;
}

.width-auto {
    width: auto !important;
}

.pt-15 {
    padding-top: 15px;
}

.pt-10 {
    padding-top: 10px;
}

.nutritionTherapyRecTextbox {
    border-bottom: 1px solid #d9d9d9;
}

.funcAsmentFixedHeader {
    position: sticky;
    top: 72px;
    z-index: 100;
    background: white;
    border-radius: 7px;
}

.funcAsmentFixedTBHeader {
    position: sticky;
    top: 127px;
    z-index: 999;
}

.AgniFixedTBHeader {
    position: sticky;
    top: 0px;
    z-index: 999;
}

.AromaDFixedTBHeader {
    position: sticky;
    top: -1px;
    z-index: 5;
}

.Hr-FixedTBHeader thead tr th {
    position: sticky;
    top: -1px;
    z-index: 5;
}

.AromaD-Cat-FixedTBHeader {
    position: sticky;
    top: 42px;
    z-index: 5;
}

.HerbD-Cat-FixedTBHeader {
    position: sticky;
    top: 37px;
    z-index: 5;
}

.IgFixedTBHeader {
    position: sticky;
    top: 53px;
    z-index: 999;
}

.funcAsmentFixedTBTrendyHeader {
    position: sticky;
    top: 188px;
    z-index: 999;
}
.DraftEditor-editorContainer {
    height: 260px !important;
}
.finalDsContainer {
    padding: 20px;
    box-shadow: 0px 0px 7px 1px #c8c8c8;
    border-radius: 10px;
}
.generic_Select_inline{
    display: flex;
    align-items: baseline;
}
.finalDsTableContainer {
    padding: 8px;
    border-radius: 5px;

    box-shadow: 0px 0px 7px 0px #bababa;
    border: 0.5px solid #cecece;
}

.IngredientsContainer {
    padding: 13px;
    box-shadow: 0px 0px 4px 0px #c8c8c8;
    border-radius: 5px;
    border: 1px solid #cbcbcb;
    padding-left: 0px;
    padding-right: 0px;
}

.zindex-1000 {
    z-index: 1000 !important;
}

.herbologyWarningMsgR {
    margin-top: 17px;
    color: red;
}

.HerbAromatableGlass {
    background: rgba(255, 255, 255, 0.568) !important;

}

.aromaTableText {
    color: black !important;
}

.aromaTableText:hover {
    color: black !important;
}

.HerbAromatable > tbody > tr > td {
    border-top: 1px solid #bfbfbf;
}

/*.HerbAromatable>tbody>tr>td{*/
/* border-right: 1px solid black !important;*/
/*}*/
/*.HerbAromatable>thead>tr{*/
/* border: 1px solid black;*/
/*}*/
/*.HerbAromatable>tbody>tr{*/
/* border-top: 1px solid black;*/
/*}*/
.dropdown > .label {
    background-color: #12545b !important;
    color: rgb(255 255 255) !important;
    border-radius: 25px;
    padding: 5px 4px !important;
    font-weight: 400 !important;
     font-size: 13px !important;
}

.fsz-19 {
    font-size: 19px !important;
}

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

.fsz-22 {
    font-size: 22px !important;
}

.fsz-25 {
    font-size: 25px !important;
}

.fsz-30 {
    font-size: 30px !important;
}

.m-0 {
    margin: 0px !important;
}

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

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

.p-20 {
    padding: 20px !important;
}

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

.mt-53 {
    margin-top: 53px;
}

span.step {
    background: #299819;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
}

.ingredientsCount {
    padding: 0px;
    margin-left: 8px;
    margin-top: -5px;
}

.ingredientsDelt {
    padding: 0px;
    margin-top: -5px;
    margin-left: 55px;
}

.ingredientsModalHeader {
    background: #f0f0f0;
    border-bottom: 1px solid #bbbbbb;
    padding: 4px !important;
    position: sticky;
    top: 0px;
    z-index: 999;

}

.addNewingredientsContainer {
    padding: 10px;
    border: 1px solid #c1c1c1;
    box-shadow: 1px 1px 7px 0px #d2d2d2;
    border-radius: 8px;
}

table.fixed {
    table-layout: fixed;
    width: 100%;
}

table.fixed td {
    overflow: hidden;
}

/* tp steps */
.tpSteps {
    width: 22px;
    height: 22px;
    line-height: 24px;
    position: absolute;
    left: 4px;
    background-color: rgb(66 35 113) !important;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-top: 3px;
}

.steps {
    list-style: none;
    display: flex;
}

.steps .step {
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background: #299819;
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-right: 30px;
    padding: 0 20px;
    border-radius: 30px;
}

.steps .step:hover {
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background: #007f1f;
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-right: 30px;
    padding: 0 20px;
}

.steps .step > button {
    transition: 0.3s ease-in-out;
    background: #299819;
    margin-left: 10px;
}

.steps .step > button:hover {
    transition: 0.3s ease-in-out;
    background: #007f1f;
    margin-left: 10px;
}

.steps .step:last-child {
    margin-right: 0;
}


.focusbtnclr:focus {
    background: #0c4124 !important;
}

.add-btn-center button {
    box-shadow: 0 0 6px 0px #696969 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
}
.add-btn2 button {
    padding: 5px 20px !important;
    float: right;
    font-weight: bold;
    color: white !important;
    box-shadow: 0 0 5px 0px #a2a2a2 !important;
    border-radius: 30px !important;
    border: 1px solid #9f9f9f !important;
}
.add-btn button {
    background: #299819 !important;
    padding: 5px 20px !important;
    float: right;
    font-weight: bold;
    color: white !important;
    border-radius: 20px;
    border: 0px;
    box-shadow: 0 0 5px 0px #a2a2a2 !important;
    border-radius: 30px !important;
    border: 1px solid #9f9f9f !important;
}
.add-btn-blue button {
    background: #197f98 !important;
    padding: 5px 20px !important;
    float: right;
    font-weight: bold;
    color: white !important;
    border-radius: 20px;
    border: 0px;
    box-shadow: 0 0 5px 0px #a2a2a2 !important;
    border-radius: 30px !important;
    border: 1px solid #9f9f9f !important;
}

.cancel-add-grp .add-btn button {
    background: #299819 !important;
    padding: 6px 30px !important;
    font-weight: bold;
    color: white !important;
    border-radius: 20px;
    border: 0px;
    box-shadow: 0 0 6px 0px #696969 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
}



.cancelA-btn button {
    background: #ffffff !important;
    padding: 6px 30px !important;
    float: right;
    font-weight: bold;
    color: #484848 !important;
    border-radius: 20px;
    border: 0px;
    box-shadow: 0 0 6px 0px #696969 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
}
.cancel-add-grp .cancelA-btn button {
    background: #ffffff !important;
    padding: 6px 30px !important;
    font-weight: bold;
    color: #484848 !important;
    border-radius: 20px;
    border: 0px;
    box-shadow: 0 0 6px 0px #696969 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
}
.pd-btn button {
    background: #056f11 !important;
    padding: 2px 16px !important;
    float: right;
    color: white !important;
    border-radius: 20px;
    border-radius: 30px !important;
    border: 2px solid #458c45 !important;

}
.flex-cnt-end{
    display: flex;
    justify-content: flex-end !important;
}
.fl-right {
    float: right !important;
}
.pd-btn a button span{
    color: white !important;
}
.pd-btn button:active {
    background: #347d50 !important;

}
.pd-btn a button p {
    margin-top: 2px;
    margin-left: 5px;

}
.cancelA-btn button:active {
    background: #228116 !important;
}
.add-btn button:active {
    background: #228116 !important;
}
.add-btn button:hover {
    transform: scale(1.05);
    transition-duration: 0.4s;
}
.cancelA-btn button:hover {
    transform: scale(1.05);
    transition-duration: 0.4s;
}


.FANextPrevBtn button .i{
    vertical-align: middle;
    display: flex;
    justify-content: center;
}

.FANextPrevBtn button:active {
    background: #228116 !important;
}
.FANextPrevBtn button {
    /* box-shadow: 0px 0px 5px 0px #5c5c5c !important; */
    border-radius: 18px !important;
    padding: 0.55rem 1.55rem !important;
    display: flex !important;
    /*align-items: center !important;*/
}
/*.btn-group {*/
/*    box-shadow: 0 0 5px 0px #939393 !important;*/
/*    border-radius: 30px !important;*/
/*}*/

.boxshadowNone {
    box-shadow: none !important;
}

.patient-cencel-btn button {
    box-shadow: 0 0 5px 0px #939393 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
}

.patient-cencel-btn button:active {
    background: #228116 !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.pluscnr {
    width: 109px;
    background: #ffffff;
    padding: 5px;
    border-radius: 30px;
    border: 2px solid #1bc162;
    margin-top: -7px;
    margin-right: 23px;
    margin-bottom: 9px;
    box-shadow: 0px 0px 7px 0px #9b9b9bb3;
}
.DR-adn-btn{
    color: #129300;
}
.ingredientsModalHeaderPk {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    margin-left: 1px !important;
}

.ingredientsModalHeaderPk .item button {
    box-shadow: 1px 0px 9px 0px #8e8e8e;
    border-radius: 6px;
}

.ReadmoreContainer {
    border: 1px solid #d9d9d9;
    padding: 14px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 0px #bebebe94;
    border-radius: 7px;
}

.headerGrey {

    background: #eeeeee;
}

.ReadmoreTitle {
    border-bottom: 2px solid;
    margin-top: 15px;
    border-block-width: 1px;
    width: fit-content;
    margin-left: 39%;
    font-weight: 700;
}

.presContainerBrdr {
    border: 1px solid #cbcbcb !important;
}

.text-center .btn {
    box-shadow: 0 0 6px 0px #939393 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
}

.text-center .btn:active {
    background: #228116 !important;
}

.newinnertabs li button {
    outline: none !important;
    color: #575757;
    background: white;
    box-shadow: 1px 1px 5px -2px grey;
    border-radius: 5px;
}

.bgWhite {
    background: white !important;
}

.haFAHeaderTitle {
    font-size: 18px;
    padding: 21px 8px 10px 14px;
}

.FApvhdr {
    margin-left: 27%;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    position: absolute;
    margin-top: 43px;
}

.FA-prev-nxt-btns {
    padding:9px 15px 9px 14px !important;
}

.tableFontClrBlack tbody tr td {
    color: black !important;
}

.tableFontClrBlack tbody tr a {
    color: rgb(106 106 106) !important
}

.panel .panel-heading {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.searchBarInp {
    border-radius: 31px;
    box-shadow: 0px 0px 3px 0px #dcdcdc;
}

.searchBarInp:focus {
    outline: none !important;
}

.loginInp input, .loginInp select {
    box-shadow: none !important;
}

.miniCopyToMenuBox {
    list-style: none;
    border: 1px solid #d2d2d2;
    border-radius: 7px;
    box-shadow: 0px 0px 6px 0px #c5c5c5;
    margin-top: 5px;
    padding: 15px;
    width: 141px;
}

.miniCopyToMenuBox ul a label input:active {
    box-shadow: none !important;
}

.modal-close-btn {
    margin-top: -4px;
    position: absolute;
    right: 5%;
    top: 9px;
}

.eating-habits-Td tbody tr td {
    padding: 15px;
    font-size: 16px;
}

.ehPreference {
    background: white;
    /* padding: 8px; */
    box-shadow: 0 0 3px 0px #bcbcbc;
    border-radius: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 11px;
}

.ehPreference-item {
    border: 1px solid #d9d9d9;
    padding-right: 21px;
    padding-bottom: 10px;
    padding-top: 14px;
    margin-left: 11px;
    border-radius: 6px;
}

.ui.selection.dropdown {
    border: 1px solid #bebebe !important;
}

.ReactGridGallery_tile {
    border: 1px solid #cdcdcd !important;
    border-radius: 5px !important;
}

.ProSidebarCntnr {
    position: fixed !important;
    margin-top: 16%;
    z-index: 999;
}

.pro-sidebar {
    color: #ffffff !important;
}

.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
    padding: 8px 38px 4px 9px !important;
}

.pro-sidebar .pro-menu {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.pro-sidebar > .pro-sidebar-inner {
    background: #124c53 !important;
    border-radius: 30px !important;
    box-shadow: 0px 0px 7px 0px #37373782 !important;
}

.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item {
    background-color: #0B3236 !important;
}

.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner {
    max-height: 100vh !important;
    overflow-y: auto !important;
    background-color: #0B3236 !important;
}

.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
    font-size: 19px !important;
    margin-right: 2px !important;

}

.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
    padding: 6px 4px 6px 9px !important;
}

.pro-sidebar .pro-menu.shaped .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
    background-color: #056f11 !important;
}

.pro-sidebar {
    min-width: 80% !important;
    max-width: 93% !important;
}

.pro-menu ul {
    display: flex !important;
}

.pro-menu ul nav ul {
    display: block !important;
}

.pro-inner-list-item {
    position: fixed !important;
    left: -745px !important;
    top: 50px !important;
    margin: 0px !important;
    transform: translate(1095.2px, 0px) !important;
    box-shadow: rgb(41 41 41) 0px 0px 9px !important;
    border-radius: 4px !important;
}

.font-size16 {
    font-size: 16px !important;
}

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

.scroll-content-body {
    overflow-y: auto;
    height: 43vh;
}
.scroll-content-body2 {
    overflow-y: auto;
    height:  calc(100vh - 190px);
}
.scroll-content-body4 {
    overflow-y: auto;
        height: calc(100vh - 81px);
}

.pkPrinterSet {
    padding-left: 220px;
    padding-right: 220px;
}

.pkPrinter-table-td {
    background-color: #dadadaeb !important;
    color: black;
}

.PMDetails-table-td {
    background-color: #f0f0f0eb !important;
    color: black;
    padding: 6px 12px 10px 12px;
}

.PMDetails-table-td-content {
    padding: 8px 12px 8px 12px;
    font-size: 15px;
    min-height: 45px !important;
    word-break: inherit;

}

.PM-Hintmsg {
    padding: 30px 29px 31px 44px;
}

.PM-Main-FixedHeader {
    position: sticky;
    top: 115px;
    z-index: 9;
    box-shadow: 1px 2px 5px 0px #0000001c;
    border-bottom: 1px solid #cacaca;
}

.pkPrinter-table-td-content {
    min-height: 60px !important;
}

.pkPrinter-table-td-border {
    border: 1px solid #b0b0b0 !important;
}

.pkPrintIngContainer {
    border: 1px solid gray;
}

.pkPrint-body tr td {
    padding: 4px !important;
}

.presPaTable tbody tr td, .presPaTable tbody tr th {
    padding: 4px !important;
}

.presProtocolTableh {
    text-align: center;
    padding: 8px;
    font-size: 14px;
    background: #f6f6f6;

}

.presProtocolTable {
    border: 1px solid #d8d8d8;
    margin-bottom: 25px;
    width: inherit;
}

.presContainer {
    padding: 30px;
    border: 1px solid #e2e2e2;
    background: #f9f9f9;
}
.presContainer p {
    word-break: break-all;
}
.pl-18 {
    padding-left: 18px;
}

.ant-spin {
    height: 40vh !important;
    /*align-items: center !important;*/
    /*margin-top: 10% !important;*/
    width: 100% !important;
}

.userImgNav li a span {
    color: black !important;
}

.userImgNav li a {
    background: white !important;
}

.fclr-black {
    color: #454545 !important;
    font-family: revert;
}

.userImgNav li {
    width: auto !important;
    cursor: pointer !important;
}


.Toastify__toast {
    min-height: 0px !important;
    max-height: 35px !important;
}

.Toastify__toast-body {
    font-size: 15px !important;
    margin-top: -10px !important;
}

.Toastify__toast-container {
    width: auto !important;
}

.Toastify__toast {
    border-radius: 6px !important;
    box-shadow: 2px 9px 31px -10px grey !important;
    padding: 26px !important;
}

.card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.gutters-sm > .col, .gutters-sm > [class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.mb-2{
    margin-bottom: 2px;
}
.bg-gray-300 {
    background-color: #e2e8f0;
}

.h-100 {
    height: 100% !important;
}

.shadow-none {
    box-shadow: none !important;
}


.width-50P {
    width: 50% !important;
}

.crop-containers {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80px;
}

.controls {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    transform: translateX(-50%);
    height: 80px;
    display: flex;
    align-items: center;
}

.slider {
    padding: 22px 0px;
}

.myProfile-d {
    border-radius: 30px;
    background: white;
    padding: 14px;
}

.ReactGridGallery_tile-viewport {
    text-align: center !important;

}

.ReactGridGallery_tile-viewport img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.modal-title {
    font-size: 19px !important;
}

.card-Container {
    border-radius: 7px;
    box-shadow: 0px 0px 5px -4px #8f8f8fba;
    border: 1px solid #9d9d9dab;

}
.card-ContainerPanel {
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px #8f8f8fba;
}
.followupvisitPulse .pulse-air-box-btn {
    position: static;
    margin: 0px;
    text-align: center;
}

.followupvisitPulse .pulse-air-box {
    margin: 0px 20px;
}

.followupvisitPulse .pulse-air {
    display: flex;
    align-items: center;
    height: 80px;
}

.followupvisitPulse .superficialpulse {
    position: relative;
}

.followupvisitPulse tr td:nth-child(2) .pulse-air {
    display: flex;
    justify-content: center;
}

.Toaster__alert {
    background-color: rgb(225, 252, 239);
    overflow: hidden;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 20px;
    height: 100%;
    box-shadow: 0px 0px 30px #aaa;
}

.Toaster__alert .Toaster__alert_text {
    display: inline-block;
    padding-left: 30px;
    font-size: 15px;
    color: #0d8016;
}

.Toaster__alert .Toaster__alert_close {
    background-color: transparent;
    color: #000;
    border: 0px;
    font-size: 18px;
}

.Toaster__alert .Toaster__alert_text:before {
    content: "\2713";
    background-color: #1f9b2a;
    padding: 0px 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    color: #fff;
    margin-top: 20px;
    line-height: 2.3em;
}

.aromaTreatmentTypeMenu {
    box-shadow: -1px 1px 6px 2px #80808070;

}

.aromaContainer {
    box-shadow: 0px 0px 4px -1px #6b6b6bd6;
    border-radius: 12px;
}

.Toastify__close-button--error {
    margin-top: -7px !important;
    margin-left: 41px !important;
}

.fuvFixedHeader {
    position: sticky !important;
    top: 112px !important;
    z-index: 50 !important;
    box-shadow: 0px 2px 3px 0px #00000024 !important;
}

.pkPrintborder {
    border: 1px solid #808080ab;
}
.Edit-btns {
    background-color: white;
    padding: 7px 20px 7px 20px;
    border-radius: 30px;
    font-weight: 600;
    border: 2.2px solid #01ac01;
    box-shadow: 0 0 8px 0px #a4a4a442 !important;
    width: max-content;
}

.PM-AddFormTableBxsdw {
    box-shadow: 0 0 7px 0px #b2b2b2;
    table-layout: fixed;
}

.cancel-save-btngroup {
    text-align: end;
}

.cancel-save-btngroup button {
    box-shadow: 0 0 5px 0px #6e6e6e96 !important;
    padding: 5px 22px 5px 22px !important;
    font-weight: 600;
}

.pHealthyPracticeScrollableTable {
    overflow-y: scroll;
    height: 38vh !important;
}

.pHealthyPracticeScrollableTable::-webkit-scrollbar-thumb {
    width: 12px;
    background: rgba(22, 127, 39, 0.7) !important;
}

.pHealthyPracticeScrollableTable::-webkit-scrollbar {
    width: 12px;
}

.pHealthyPracticeScrollableTable::-webkit-scrollbar-track {
    background: #d9d9d9 !important;
}


.pHealthyPracticeScrollableTable::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
}

.pHealthyPracticeScrollableTable::-webkit-scrollbar-thumb:hover {
    background: rgba(22, 127, 39, 0.7) !important;
}

.vsHealthyPracticeScrollableTable {
    overflow-y: scroll;
    height: 88vh !important;
}

.wsBg {
    padding: 0px 4px 1px 0px !important;
}

.wsContainer .panel img {
    margin-left: 21px;
    margin-top: 5px;
}

.brRadius-12 {
    border-radius: 12px !important;
}

.fuvSymptomsPDFHeaderOnPrint {
    display: none;
}

.fuvSymptomsPDFHeaderOnPrintContainer {
    display: none;
}

.ml-p-3 {
    margin-left: 3% !important;
}

.ml-p-4 {
    margin-left: 4% !important;
}

.ml-p-5 {
    margin-left: 5% !important;
}

.ml-p-6 {
    margin-left: 6% !important;
}

.ml-p-7 {
    margin-left: 7% !important;
}

.ml-p-8 {
    margin-left: 8% !important;
}

.ml-p-13 {
    margin-left: 15% !important;
}

.ml-p-14 {
    margin-left: 15% !important;
}

.ml-p-15 {
    margin-left: 15% !important;
}

.ml-p-16 {
    margin-left: 16% !important;
}

.ml-p-17 {
    margin-left: 17% !important;
}

.ml-p-20 {
    margin-left: 20% !important;
}
.ml-p-28 {
    margin-left: 28% !important;
}

.ml-p-19 {
    margin-left: 19% !important;
}

.ml-p-18 {
    margin-left: 18% !important;
}

.ml-p-25 {
    margin-left: 25% !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.symptomhistoryDataSt {
    width: fit-content;
    margin-right: 5px;
    margin-bottom: 0px !important;

}

.symptomhistoryDataStcntr {
    display: flex !important;
}

.ml-p-18 {
    margin-left: 18% !important;
}

.ml-p-17 {
    margin-left: 17% !important;
}

#overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
    cursor: progress;
}

.childOverlay {
    margin-top: 16%;
    width: 33%;
    margin-left: 35%;
    cursor: progress;
}

#overlay-dsp-none {
    display: none;
}

.width132 {
    width: 132px;
}
.finalBillContainer {
    border: solid 2px #e0e0e0;
}
.pmSectionHdr {
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    text-align: center;
    border-bottom: solid 1px #8f8f8f !important;
}
.ml-p-33 {
    margin-left: 33% !important;
}

.ml-p-20 {
    margin-left: 20% !important;
}

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

.positionSticky {
    position: sticky !important;
}

.Stickytop-51 {
    top: 51px !important;
}
.Stickytop-72{
    top: 72px !important;
}
.Stickytop-112 {
    top: 112px !important;
}

.Stickytop-126 {
    top: 126px !important;
}

.Stickytop-167 {
    top: 167px !important;
}

.Stickytop-208 {
    top: 208px !important;
}

.StatusMsg {
    padding: 11px 10px 11px 10px !important;
    border-radius: 50px !important;
    margin-top: 110px !important;
    width: auto !important;

}
.StatusMsgCal {
    padding: 11px 10px 11px 10px !important;
    margin-top: 110px !important;
    width: auto !important;

}
.menuContainer {
    width: fit-content;
}

.menuItemContainer {
    display: flex;
    width: auto;
    padding: 3px 6px 4px 6px;
    background: #0B5057;
    border-radius: 40px;
    box-shadow: 0px 0px 6px 0px #383838;
    border: 0.5px solid #16484d;
}


.menuItem {
    background: #1f8310;
    padding: 8px;
    border-radius: 50%;
    margin-right: 13px;
    justify-content: center;
    border: solid 2px #9cd99b96;
    transition: all 0.5s ease;
}
.menuItem .anticon{
    vertical-align: middle !important;
    margin-left: 1px !important;
}
.mainSubmenu-active-bg:hover {
    background: #bcffc1 !important;
}

.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input {
    border: none !important;
}

.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input:focus {
    box-shadow: none !important;
}

.ant-select-item-group {
    padding: 0 !important;
}

.grpLableCntr {
    position: sticky !important;
    top: 50px !important;
    padding: 2px 10px 2px 10px;
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    font-size: 15px;
    font-weight: 600;
    border-top: 0.5px solid #c4c4c4;
    border-bottom: 0.5px solid #c4c4c4;
}


.loader2 {
    width: 150px;
    height: 3px;
    background-color: #e1e1e1;
    margin: 0 auto;
    z-index: 4;
}

.bar2 {
    height: 3px;
    width: 150px;
    position: relative;
    overflow: hidden;
    background-color: #1ec4ff;
    display: block;
    margin-top: 0px;
    margin: 0px;
    animation: bar2 2s linear infinite;
    z-index: 3;
}

.bar2:before {
    position: absolute;
    content: "";
    left: -50px;
    width: 50px;
    height: 5px;
}

@keyframes bar2 {
    from {
        left: 0px;
        width: 0%;
    }
    20% {
        width: 5%;
    }
    40% {
        width: 10%;
    }
    50% {
        width: 15%;
    }
    55% {
        width: 20%;
    }
    60% {
        width: 25%;
    }
    75% {
        width: 30%;
    }
    80% {
        left: 35%;
    }
    85% {
        left: 40%;
    }
    95% {
        left: 45%;
    }
    to {
        left: 50%;
    }
}

.ml-p-30 {
    margin-left: 30% !important;
}

.ml-p-40 {
    margin-left: 40% !important;
}

.ant-notification-notice-message {
    margin-right: 15px !important;
}

.ant-popover-message-title {
    font-weight: 600 !important;
}

/*.ant-select-item {*/
/*    position: sticky !important;*/
/*    top: 0px !important;*/
/*}*/

.table-heading-bg {
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    border-top: 0.5px solid #aeaeae !important;

}
.table-heading-bg2 {
    background: #cedce3;
    color: #000;
    border-top: 0.5px solid #aeaeae !important;

}
.timeLineContr {
    margin-top: 45px;
    margin-left: 8%;
    padding: 10px;
}

.tmNode {
    border: solid 2px;
    padding: 10px;
    border-radius: 52%;
    width: 44px;
}

.tmNode span {
    font-weight: 800;
    font-size: 20px;
}

time.icon {
    font-size: 1em;
    display: block;
    position: relative;
    width: 10em;
    height: 9em;
    background-color: #fff;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
}

time.icon * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

time.icon strong {
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #fd9f1b;
    border-bottom: 1px dashed #f37302;
    box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em {
    position: absolute;
    bottom: 2em;
    color: #fd9f1b;
}

time.icon span {
    font-size: 2.1em;
    letter-spacing: -0.05em;
    padding-top: 1.6em;
    color: #2f2f2f;
}

time.icon p {
    margin-top: 35px;
}

.ant-timeline-item-content {
    margin: 0 0 0 43px !important;
}

.infoHelper {
    padding: 4px;
    border: 0.5px solid #00000047;
    border-radius: 8px;
    display: flex;
}

.infoIcon {
    font-size: 20px;
    color: #0f8704 !important;
}

.AlertIcon {
    font-size: 20px;
    color: #e77e00 !important;
}
.infoIconWarning {
    font-size: 20px;
    color: #f58500 !important
}
.ayuLogo a img {
    height: 95px !important;
}

i.flag {
    display: none !important;
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    /* STYLES GO HERE */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width: 321px) {
    /* STYLES GO HERE */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width: 320px) {
    /* STYLES GO HERE */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    /* STYLES GO HERE */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width: 1224px) {

}

@media only screen
and (max-width: 1367px) {
    body {
        font-size: 12px !important;
    }

    .add-btn > a > button {
        font-size: 13px !important;
    }

    .ayuLogo a img {
        width: 310px !important;
        height: 70px !important;
    }

    .ant-avatar {

        font-size: 25px !important;
    }
}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {
    /* STYLES GO HERE */
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    /* STYLES GO HERE */
}

/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: landscape) {
    /* STYLES GO HERE */
}

/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: portrait) {
    /* STYLES GO HERE */
}

.containerPRM {
    border: 1px solid #b9b9b9;
    padding: 8px;
    margin-top: 10px;
    border-radius: 10px;
}

.pr-pl-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.pr-28 {
    padding-right: 28px !important;
}

.plantDStl {
    border: 1px solid #d1d1d1;
    padding: 7px;
    background: #f7f7f7;
    border-radius: 7px;
}

.blPRdt {
    font-size: 15px;
    margin-bottom: 11px;
}

.grandTotalinpDt {
    border: 1px solid #d6d6d6;
    padding: 5px;
    background: white;
    border-radius: 6px;
}

.mt-116 {
    margin-top: 116px;
}

.pdbxIcon {
    padding: 0px 0px 5px 0px;
    text-align: center;
    font-size: 36px;

}

.pdbx12Icon {
    text-align: center;
    font-size: 61px;

}

.Pdgrbox1 {
    margin: 20px 0;
    background: #0b581a;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 11px 0px rgb(97 97 97 / 95%);*/
    transition: all .2s ease-in-out;
}


.Pdgrbox1:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox2:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox3:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox4:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox5:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox6:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox7:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox8:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox9:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox10:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox11:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox12:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Pdgrbox13:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}
.Pdgrbox14:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}
.pdbxCont {
    text-align: center;
    font-size: 16px;
    font-weight: 600 !important;
}

.Pdgrbox2 {
    background: #8e6543;
    width: 96%;
    margin: 20px 0;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
    min-height: 200px;
}

.Pdgrbox3 {
    background: #5e7890;
    width: 96%;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
    min-height: 200px;
}

.Pdgrbox4 {
    background: #768a25;
    width: 96%;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
    min-height: 200px;
}

.Pdgrbox5 {
    background: #254a56;
    width: 96%;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
    min-height: 200px;
}

.Pdgrbox6 {
    justify-content: center;
    background: #a29500;
    margin: 20px 0;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Pdgrbox7 {
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    width: 96%;
    min-height: 200px;
    background: #8e3131;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Pdgrbox8 {
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    width: 96%;
    min-height: 200px;
    background: #347d50;

    color: #fff;
    border-radius:8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Pdgrbox14 {
    background: #6b0098d9;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    padding: 43px 10px 13px 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}
.Pdgrbox9 {
    background: #006498;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    padding: 43px 10px 13px 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Pdgrbox10 {
    align-items: center;
    justify-content: center;
    background: #7e5796;
    margin: 20px 0;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius:8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}


.Pdgrbox11 {
    align-items: center;
    justify-content: center;
    background: #a75820;
    margin: 20px 0;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Pdgrbox12 {
    align-items: center;
    justify-content: center;
    background: #009688;
    margin: 20px 0;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Pdgrbox13 {
    min-height: 200px;
    background: #7f4343d1;
    width: 96%;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.NmBgClrGreen {
    background: #c1f2c0;
}

.NmBgClrYellow {
    background: #f2eca4;
}

.PrBgClrBlue {
    font-size: 18px;
    color: #2e4185;
}

.herbCatHdr {
    background: white;
    font-size: 19px;
    font-weight: 600;
        padding: 3px 40px 2px 22px;
    border-radius: 0px 6px 6px 0px;
    box-shadow: 0px 0px 5px 1px #c1c1c1;
}

.rmHrb-btn {
box-shadow: 0px 0px 7px -2px #777777 !important;
    padding: 6px 15px 5px 15px !important;
    border-radius: 30px !important;
    background: #299819 !important;
    color: white !important;
    font-weight: 600 !important;
    border: none !important;
    margin-left: 20px !important;
    margin-bottom: 5px;
}

.herbCatHdrData {
    display: block;
       padding: 9px 0px 0px 17px;
    border-bottom: 1px solid #b3b3b3;
}

.FilledStatus {
    padding: 6px 4px 0px 0px;
    color: green;
    font-weight: 600;
    font-size: 14px;
    margin-right: 2px;
}

.clrInvoiceIcon {
    color: #bd7d00;
}

.clrCartIcon {
    color: #299819;
}

.clrPaymntHistIcon {
    color: #2f78a2;
}

.clrViewPresIcon {
    color: #2f78a2;
}

.clrPresIcon {
    color: #039235;
}

.clrDeltIcon {
    color: #d71600;
}

.FillPresTable {
    border-collapse: unset !important;
}

.FillPresTable > tbody > tr > td {
    border-top: none !important;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd !important;
    vertical-align: middle;
}
.UsrImgPrevTitle{
    text-align: center;
    margin-bottom: 20px;
}
.bordrdTable {
    border-collapse: unset !important;
}

.bordrdTable > tbody > tr > td {
    border-top: none !important;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd !important;
    font-weight: 500 !important;
    color: #2e2e2e !important;
}

.bordrdTable > tbody > tr > td:first-child {
    border-left: 1px solid #ddd !important;
}
.bordrdNoHdrTable {
    border-collapse: unset !important;
}

.bordrdNoHdrTable > tbody > tr > td {
    border-top: none !important;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd !important;
}

.bordrdNoHdrTable > tbody > tr > td:first-child {
    border-left: 1px solid #ddd !important;
}
.bordrdNoHdrTable > tbody > tr > td:nth-child(1) {
    border-top: 1px solid #ddd !important;
}
.bordrdNoHdrTable > tbody > tr > td:nth-child(2) {
    border-top: 1px solid #ddd !important;
}
.FillPresTablePrnt {
    border-collapse: unset !important;
}
.totalHighlit-clrblue{
    background: #dff0ff !important
}
.totalHighlit-clrShpCh{
    background-color: #fff2e2;
}
.clrShippingIcon{
    color: #3470ab;
}

.FillPresTablePrnt > thead > tr > th {
    padding: 2px !important;
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    border-top: 1pt solid rgb(207 207 207) !important;
    border-bottom: 1pt solid rgb(207 207 207) !important;
    border-left: 1pt solid rgb(207 207 207) !important;
}

.FillPresTablePrnt > thead > tr > th:last-child {
    border-right: 1pt solid rgb(78 78 78) !important;
}

.FillPresTablePrnt > tbody > tr > td {
    padding: 2px !important;

    border-top: none !important;
    border-bottom: 1pt solid rgb(78 78 78) !important;
    border-left: 1pt solid rgb(78 78 78) !important;
}

.FillPresTablePrnt > tbody > tr > td:last-child {
    border-right: 1pt solid rgb(78 78 78) !important;
}




.AyurTable_brdrd > thead > tr > th {
    background: #ffffff !important;
    border-top: 1pt solid rgb(78 78 78) !important;
    border-bottom: 1pt solid rgb(78 78 78) !important;
    border-left: 1pt solid rgb(78 78 78) !important;
}

.AyurTable_brdrd > thead > tr > th:last-child {
    border-right: 1pt solid rgb(78 78 78) !important;
}

.AyurTable_brdrd > tbody > tr > td {
    padding: 2px !important;

    border-top: none !important;
    border-bottom: 1pt solid rgb(78 78 78) !important;
    border-left: 1pt solid rgb(78 78 78) !important;
}

.AyurTable_brdrd > tbody > tr > td:last-child {
    border-right: 1pt solid rgb(78 78 78) !important;
}
.AyurTable_brdrd {
    border-collapse: unset !important;
}







.grandTotalinpTb {
    border: 1px solid #c9c9c9;
    width: auto;
    float: right;
}

.grandTotalinpTb > tbody > tr > td {
    border-top: none !important;
    border-bottom: 1px solid #ddd !important;
    padding: 5px;
    vertical-align: middle;
    text-align: right;
}
.pl-15{
    padding-left: 15px !important;
}
.pr-15{
    padding-left: 15px !important;
}
.grandTotalinpTb:last-child {
    border-bottom: none !important;
}

.grandTotalinpTb {
    border-collapse: unset !important;
}
.grandTotalinpTb > tbody > tr {
    text-align: left !important;
}
.grandTotalinpTbPrnt {
    border-collapse: unset !important;
}
.grandTotalinpTbPrnt > tbody > tr {
    text-align: left !important;
}
.grandTotalinpTbPrnt {
    border: 1px solid #c9c9c9;
}
.grandTotalinpTbPrnt > tbody > tr > td {
    border-collapse: unset !important;
    border-top: none !important;
    border-bottom: 1px solid #3e3e3e !important;
    padding: 5px;
    vertical-align: middle;
}

.grandTotalinpTbPrnt > tbody > tr:last-child {
    border-bottom: none !important;
}

.grandTotalinpTbPrnt {
    border-collapse: unset !important;
}

.grandTotalinpTbPrnt > tbody > tr {
    text-align: left !important;
}

.blueClrInv {
    color: #0784cd;
}

.invoiceInfoTB1Cntr {
    padding: 1px 1px 1px 15px;
}

.BillToCntr {
    border: 0.5px solid;
    padding: 4px 15px 15px 15px;
    /*width: fit-content;*/
}

.verticalAl-top {
    vertical-align: baseline;
}

.displayGrid {
    display: grid !important;
}


.MdbxIcon {
    padding: 10px;
    text-align: center;
    font-size: 42px;
}

.Mdbx12Icon {
    padding: 17px 19px 0px 19px;
    text-align: center;
    font-size: 61px;

}

.Mdgrbox1 {
    align-items: center;
    justify-content: center;
    background: #0C7B93;
    margin: 20px 0;
    padding: 38px 10px 20px 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Mdgrbox1:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox2:hover {
    width: 100%;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox3:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox4:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox5:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox6:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox7:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox8:hover {
    width: 100%;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox9:hover {
    width: 100%;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox10:hover {
    width: 100%;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox11:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.Mdgrbox12:hover {
    transform: scale(1.07);
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 95%);*/
}

.MdbxCont {
    text-align: center;
    font-size: 16px;
    font-weight: 600 !important;
}

.Mdgrbox2 {
    align-items: center;
    justify-content: center;
    background: #8e6543;
    margin: 20px 0;
    padding: 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Mdgrbox3 {
    align-items: center;
    justify-content: center;
    background: #985315;
    margin: 20px 0;
    padding: 38px 10px 20px 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;

}

.Mdgrbox4 {
    align-items: center;
    justify-content: center;
    background: #4D4C7D;
    margin: 20px 0;
    padding: 38px 10px 20px 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Mdgrbox5 {
    align-items: center;
    justify-content: center;
    background: #3e6431;
    margin: 20px 0;
    padding: 30px 10px 20px 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Mdgrbox6 {
    align-items: center;
    justify-content: center;
    background: #2e5e6a;
    margin: 20px 0;
    padding: 20px 10px 20px 10px;
    width: 96%;
    min-height: 200px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Mdgrbox7 {
    align-items: center;
    justify-content: center;
    background: #3a628e;
    margin: 20px 0;
    width: 96%;
    min-height: 200px;
    padding: 25px 10px 10px 10px;
    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Mdgrbox8 {
    align-items: center;
    justify-content: center;
    background: #347d50;
    margin: 20px 0;
    padding: 10px;
    width: 96%;
    min-height: 200px;

    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: width .5s;
}

.Mdgrbox9 {
    align-items: center;
    justify-content: center;
    background: #006498;
    margin: 20px 0;
    padding: 10px;
    width: 96%;
    min-height: 200px;

    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: width .5s;
}

.Mdgrbox10 {
    align-items: center;
    justify-content: center;
    background: #7e5796;
    margin: 20px 0;
    padding: 10px;
    width: 96%;
    min-height: 200px;

    color: #fff;
    border-radius:8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: width .5s;
}


.Mdgrbox11 {
    align-items: center;
    justify-content: center;
    background: #9C3D54;
    margin: 20px 0;
    padding: 25px 10px 10px 10px;
    width: 96%;
    min-height: 200px;

    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}

.Mdgrbox12 {
    align-items: center;
    justify-content: center;
    background: #6f5555;
    margin: 20px 0;
    padding: 38px 10px 20px 10px;
    width: 96%;
    min-height: 200px;

    color: #fff;
    border-radius: 8px;
    /*box-shadow: 0px 0px 6px 1px rgb(97 97 97 / 78%);*/
    transition: all .2s ease-in-out;
}
.mt-10-p{
    margin-top: 10%;
}
.mt-4-p{
    margin-top: 4%;
}
.form-control {
    color: #414141 !important;
    font-size: 14px !important;
        padding: 3px 12px !important;
}


.h-30vh {
    height: 30vh !important;
}

.h-40vh {
    height: 40vh !important;
}

.h-45vh {
    height: 45vh !important;
}

.h-55vh {
    height: 55vh !important;
}

.h-56vh {
    height: 56vh !important;
}

.h-57vh {
    height: 57vh !important;
}

.h-58vh {
    height: 58vh !important;
}

.h-38vh {
    height: 38vh !important;
}

.h-50vh {
    height: 50vh !important;
}

.h-53vh {
    height: 53vh !important;
}

.h-60vh {
    height: 60vh !important;
}

.h-48vh {
    height: 45vh !important;
}

.h-63vh {
    height: 63vh !important;
}

.diagscrlSection {
    overflow-y: scroll;
    border: 2px solid #e8e8e8;
    border-radius: 6px;
}

.diagscrlSection::-webkit-scrollbar {
    width: 12px;
}

.diagscrlSection::-webkit-scrollbar-thumb {
    width: 12px;
    background: rgba(22, 127, 39, 0.7) !important;
}

.diagscrlSection::-webkit-scrollbar-track {
    background: #d9d9d9 !important;
}

.scale-up-center {
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.diagStickyHeader {
    position: sticky;
    top: 0px;
    z-index: 99;
}

.RecomPrdViewBtnGrp {
    margin-top: 1%;
    position: absolute;
    margin-right: -1%;
    z-index: 99;
}

.diagSymDisContanerScrl {
    position: sticky;
    top: 0px;
    z-index: 99;
    overflow-y: scroll;
    border: 2px solid #e8e8e8;
    border-radius: 6px;
}

.diagDisContanerScrl {
    position: sticky;
    top: 0px;
    z-index: 99;
    overflow-y: scroll;
    padding-right: 10px;

}

.scroll-y {
    overflow-y: scroll;
}

.diagSection table {
    box-shadow: 0px 0px 4px 0px #c6c8cf;
}

.diagDisContaner {
    border: 2px solid #e8e8e8;
    border-radius: 6px;

}

.tbHdrTicky {
    position: sticky;
    top: -1px;
}

.diagElemPathologyTitle {
    padding: 6px 1px 6px 1px;
}

.diagSymDisContanerScrl::-webkit-scrollbar {
    width: 12px;
}


.diagDisContanerScrl::-webkit-scrollbar-thumb {
    width: 12px;
    background: rgba(22, 127, 39, 0.7) !important;
}

.diagDisContanerScrl::-webkit-scrollbar-track {
    background: #d9d9d9 !important;
}

.diagSympDisTitle {
    padding-left: 5px;
    padding-bottom: 7px;

}

.h-446px {
    height: 446px;
}


.stepsBtn {
    list-style: none;
    display: flex;
    margin-left: -23px;
    margin-bottom: 5px !important;
}

.stepsBtn .step {
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background: white;
    position: relative;
    height: 45px;
    line-height: 45px;
    margin-right: 30px;
    padding: 0 20px;
    cursor: pointer;
    box-shadow: 0px 0px 7px 0px #939393;
}

.fuvStepMenu .stepsBtn .step {
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background: #eeeeee !important ;
    position: relative;
    height: 45px;
    line-height: 45px;
    margin-right: 30px;
    padding: 0 20px;
    cursor: pointer;
    box-shadow: 0px 0px 0px 0px #ffffff00 !important;
}





.stepsBtn .step > a {
    text-decoration: none;
    color: black;
}

.stepsBtn .step::before {
    transition: 0.3s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    border-left: 25px solid transparent;
    border-top: 24px solid white;
    border-bottom: 21px solid white;
}
.fuvStepMenu .stepsBtn .step::before {
    transition: 0.3s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    border-left: 25px solid transparent;
    border-top: 24px solid   #eeeeee !important ;
    border-bottom: 21px solid   #eeeeee  !important ;
}
.stepsBtn .step:first-child::before {
    display: none;
}

.stepsBtn .step::after {
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 0;
    right: -25px;
    border-left: 25px solid white;
    border-top: 24px solid transparent;
    border-bottom: 21px solid transparent;
    content: "";
}

.fuvStepMenu .stepsBtn .step::after {
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 0;
    right: -25px;
    border-left: 25px solid  #eeeeee !important ;
    border-top: 24px solid transparent;
    border-bottom: 21px solid transparent;
    content: "";
}
.stepsBtn .stepact > a {
    text-decoration: none;
    color: black;
}

.stepsBtn .stepact {
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background: #ddf8e4;
    position: relative;
    height: 45px;
    line-height: 45px;
    margin-right: 30px;
    padding: 0 20px;
    cursor: pointer;
    box-shadow: 0px 0px 7px 0px #939393;
}
.fuvStepMenu .stepsBtn .stepact {
    background:   #bce3c6 !important;

    box-shadow: 0px 0px 0px 0px #ffffff00 !important;
}
.stepsBtn .stepact::before {
    transition: 0.3s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    border-left: 25px solid transparent;
    border-top: 24px solid #ddf8e4;
    border-bottom: 21px solid #ddf8e4;
}

.stepsBtn .stepact:first-child::before {
    display: none;
}

.stepsBtn .stepact::after {
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 0;
    right: -25px;
    border-left: 25px solid #ddf8e4;
    border-top: 24px solid transparent;
    border-bottom: 21px solid transparent;
    content: "";
}

.fuvStepMenu .stepsBtn .stepact::after {
    border-left: 25px solid #bce3c6 !important;
}
.fuvStepMenu .stepsBtn .stepact::before {
    border-top: 24px solid #bce3c6 !important;
    border-bottom: 21px solid #bce3c6 !important;
}
.stepsBtn .step:hover {
    background: #ddf8e4;
}

.stepsBtn .step:hover::before {
    border-top-color: #ddf8e4;
    border-bottom-color: #ddf8e4;
}

.stepsBtn .step:hover::after {
    border-left-color: #ddf8e4;
}

.stepsBtn .step:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}


.stepsBtn .step:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.stepsBtn .stepact:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.circleNumTag {
    background: #056f11;
    border-radius: 3em;
    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    color: #ffffff;
    height: 1.8em;
    width: 1.8em;
    display: inline-block;
    font-family: 'Roboto', Helvetica, Sans-serif;
    font-size: 14px;
    line-height: 2em;
    text-align: center;
    margin-right: 9px;
}

.mt-n-7 {
    margin-top: -7px;
}

.mt-n-6 {
    margin-top: -6px;
}

.mt-n-4 {
    margin-top: -4px;
}

.diagRecmHdrBg {
    background: #f4f4f4;

}

.clsBtn {
    line-height: 20px;
}

.h-300px {
    height: 300px;
}

.linkbtn {
    cursor: pointer;
    float: right;
    width: fit-content;
    border: 2px solid #0799ff;
    padding: 3px 8px 3px 8px;
    border-radius: 18px;
    box-shadow: 0px 0px 3px 0px #8f8f8f;
}

.linkbtn:hover {
    background: #fafafa;
    box-shadow: 0px 0px 3px 0px #8f8f8f;
}

.textUdrLine {
    text-decoration: underline;
}

.tbSearch input {
    padding: 2px 11px 2px 11px;
    border-radius: 29px;
    border: #7d7d7d;
    box-shadow: 0px 0px 4px 0px #999999;
    outline: none !important;
    font-weight: 100;
    width: 100%;
    color: black;
}
.trBg_Clr_pale_yellow{
    background:   #ffefd9;
}
.trBg_Clr_pale_yellow2{
    background: #ffffd99c;
}
.tbSearch span {
    margin-left: -25px;
    color: black;
}

.fontHilighter {
    color: #000000;
    background: #ffef42;
    font-weight: 600;
}
.eyeBadge {
    cursor:pointer ;
    border-radius: 30px;
    padding: 4px 14px 4px 14px;
    background: #c7753a;
    font-size: 12px;
}
.healthRcrdsScrol {
    height: 57vh;
    overflow-y: scroll;
}
.healthRcrdsScrol::-webkit-scrollbar {
    width: 11px;
}
.wrapText{
    white-space: nowrap;
}
.healthRcrdsScrol::-webkit-scrollbar-thumb {
    background: rgba(22, 127, 39, 0.7) !important;
}

.healthRcrdsScrol::-webkit-scrollbar-track {
    background: #e8f1ea !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.hlthRcrdSrchbar > span {
    margin-left: -30px;
    margin-top: 9px;
    font-size: 15px;
}

.hlthRcrdSrchbar > input {
    border-radius: 30px;
    padding: 0px 35px 0px 12px;
}

.ant-table-pagination {
    border-top: 1px solid #c3c3c359 !important;
    padding: 10px 17px 10px 3px !important;
    margin: 0px !important;
}

.ant-table-thead tr th {
    background:var(--Th-Bgclr-violet) !important;
    color: var(--Th-font-clr-white) !important;
    font-weight: 600 !important;
}

.ant-table-column-sorter-up, .ant-table-column-sorter-down {
    font-size: 12px;
}

.ant-table-column-sorter {
    color: #767676 !important;
}

.ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active {
    color: #00a7ff !important;
    font-weight: 700;
}

.ant-table-filter-trigger {
    font-size: 18px !important;
    color: #767676 !important;
}

.ant-table-filter-dropdown {
    padding: 8px 11px 2px 1px !important;
}

.ant-table-body::-webkit-scrollbar {
    width: 11px;
}

.ant-table-body::-webkit-scrollbar-thumb {
    /*background: rgba(16, 124, 34, 0.55) !important;*/
}
.fuvSympVistNo {
    padding: 6px 8px 6px 8px;
    border-radius: 55px;
    background: #00760b;
    color: white;
    margin-right: 5px;
    box-shadow: 0px 0px 2px 0px black;
}
.Ayurfooter {
    text-align: center;
}
.chartSection{
    box-shadow: 0px 0px 4px 1px #afafaf;
    border-radius: 5px;
    /*width: fit-content;*/
}
.custom-tooltip{
    background: #fcfcfc;
    padding: 0px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0px 0px 3px 0px #979797;
}
.custom-tooltip .label{
    color: black;
}
.pdfuv-btn {
    background: #299819 !important;
    padding: 6px 10px !important;
    float: right;
    font-weight: bold;
    color: white !important;
    border-radius: 20px;
    border: 0px;
    box-shadow: 0 0 6px 0px #696969 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
    font-size: 15px;
}

.diagMenuSticky {
    position: sticky;
    top: 115px;
    z-index: 900;
    background: #ece9f0;
}

.AyurTitle {
    background: #f7f7f6db;
}

.AyurTitle p {
    text-align: center;
    font-size: 65px;
    font-weight: 600;
    color: #0d3537;
    margin-bottom: 0px;
}

.AyurTitle .ayurSubitle p {
    font-size: 29px;
    font-weight: 600;
    color: #0d3537;
}

.textUnderLine {
    text-decoration: underline;
}

.sympInnerCol_brdNone tr td {
    border: none !important;
}

.sympStickyHDR {
    position: sticky;
    top: 112px;
}
.w-full{
    width: 100%;
}
.rofImgCntr {
    border-collapse: collapse !important;
    border-spacing: 0;
    width: fit-content;
    padding: 0px;
    border: 0.5px solid;
    margin-right: 10px;
    align-self: flex-start;
    display: block;
    float: left;
}

.rofContentCntr {
    width: fit-content;

}

.VataimgDesc {
    margin-bottom: 4px;
    width: fit-content;
    margin-left: 29px;
}

.PittaimgDesc {
    margin-bottom: 4px;
    width: fit-content;
    margin-left: 29px;
}

.KaphaimgDesc {
    margin-bottom: 4px;
    width: fit-content;
    margin-left: 25px;
}

.box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 5px
}

.box::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
    border-radius: 5px
}

.box::-webkit-scrollbar-thumb {
    /*background: rgba(22, 127, 39, 0.7) !important;*/
    border-radius: 5px
}

.notification {
    padding-top: 4px;
    position: relative;
    display: inline-block;
    padding-right: 2rem;
}

.number {
    padding: 2px 0px 1px 5px;
    background-color: #d63031e0;
    border-radius: 20px;
    color: white;
    position: absolute;
    top: 2px;
    left: 18px;
    border-style: solid;
    border-width: 2px;
}

.number .notCounter {
    color: white !important;
    padding: 4px 6px 8px 2px;
}

.number:empty {
    display: none;
}

.notBtn {
    transition: 0.5s;
    cursor: pointer
}

.notBtn .fas {
    font-size: 20pt;
    padding-bottom: 10px;
    color: #299819;
    margin-right: 40px;
    margin-left: 40px;
}

.box {
    width: 319px;
    height: 0px;
    border-radius: 8px;
    transition: 0.5s;

    position: absolute;
    overflow-y: scroll;
    padding: 0px;
    left: -275px;
    margin-top: 0px;
    background-color: white;
    -webkit-box-shadow: 10px 10px 23px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 52%);
}

.box:hover {

}

.belIcn:hover {
    color: #299819;
}

.notBtn:hover > .box {
    height: 40vh
}

.gry {
    background-color: #F4F4F4;
}

.top {
    color: black;
    padding: 10px
}

.display {
    position: relative;
}



.cont:empty {
    display: none;
}

.stick {
    text-align: center;
    display: block;
    font-size: 50pt;
    padding-top: 70px;
    padding-left: 80px
}

.stick:hover {
    color: black;
}

.cent {
    text-align: center;
    display: block;
}
.ant-popover-inner-content{
    overflow-y: auto !important;
}
.ui.popup{
    padding: 8px !important;
}
.admPanelHdrFixed{
    position: sticky !important;
    top: 76px;
    z-index: 9;
    border-bottom: 0.5px solid #d9d9d9;
    box-shadow: 0px 0px 6px 0px #d1d1d1;
}
.ant-popover-inner{
    background-color: #fff;
    background-clip: padding-box !important;
    border-radius: 6px !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) !important;
}
.sec {
    padding: 6px 8px 0px 0px;
    transition: 0.5s;
    box-shadow: 0px 0px 6px 0px #b5b5b59e;
    margin-bottom: 9px;
    border-radius: 7px;
    border: 0.5px solid #d9d9d9;
}
.txt p{
    font-size: 11px;
}
.txt p span{
    color: #444444;
}
.profCont {
    padding-left: 9px;
}

.NotfText .txt {
    display: inline;
    vertical-align: top;
    font-size: 11px;
}

.NotfText .txt p {
    margin-bottom: 1px;

}

.profile {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    width: 50px;
    float: left;
}


.sub {
    font-size: 1rem;
    color: grey;
}

.sec:hover {
    background-color: #ebebeba6;
}

.NotfHeaderTitle {
    text-align: center;
    font-size: 17px;
    color: black;
    border-bottom: 2px solid #a5b6a6;
    position: sticky;
    top: 0px;
    background: #f2f2f2;
    box-shadow: 0px 3px 2px 0px #b9b9b945;
}
.text-align-right{
    text-align: right;
}
.AdditionalPrdTable{
    padding: 14px 3px 43px 6px;
    border-top: 1px solid #c9c9c9;
}


.ROFPrintTab {
    border-collapse: collapse !important;
    border-spacing: 0;
    width: 100%;
}

.ROFPrintTab tbody tr td {
    border: 0.5px solid #979797;
    padding: 5px;

}
.DoshaAnalysisTab {
    border-collapse: collapse !important;
    border-spacing: 0;
    width: 100%;
}

.DoshaAnalysisTab tbody tr td {
    border: 0.5px solid #979797;
    padding: 5px;

}
.userCardFooter i{
    color: #4d4d4dc7;
}
.ay-maintabsAdmin{
    float: none;
    flex-grow: 1;
    border-radius: 42px;
    border-right: 1px solid #9b9b9b;
    z-index: 3;
    background: white;
    box-shadow: 0px 0px 6px 0px #6e6e6e;
}
.ay-maintabsAdmin .nav.nav-tabs li {
    float: none;
    flex-grow: 1;
    border-radius: 0px;
    border-right: 1px solid #9b9b9b;
    z-index: 3;
    background: white;
}
.ay-maintabsAdmin .nav.nav-tabs {
    display: flex !important;
}
.ay-maintabsAdmin .nav.nav-tabs li a {

    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding: 15px 0px;
    border: 0px;
    transition: 2s;
}
.ay-maintabsAdmin .nav.nav-tabs li.active a::after {
    width: 0px;
    height: 0px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #eee;
    position: absolute;
    left: calc(50% - 6px);
    bottom: 0%;
    z-index: 9999;
    content: "";
}
.ay-maintabsAdmin .nav.nav-tabs li.active a {
    color: white;
    background-color: #0e7200;
    margin-right: 0px;
    border-radius: 0px;
    box-shadow: 2px 5px 9px 0px grey;

}

.ROFPrintTab thead tr th {
    border: 0.5px solid #979797;
    padding: 5px;
    background:var(--Th-Bgclr-violet)!important;
    color: var(--Th-font-clr-white)!important;
    border-top: none !important;
}

.ROFPrintTab tbody tr th {
    border: 0.5px solid #979797;
    padding: 5px;
    color: #000;
}

.lineBreaker {
    white-space: pre-line;
    word-break: break-all;
}

.contDivider-Up {
    border-top: 0.5px solid #c9c9c9;
    padding-top: 11px;
}

.user-box-wrapper {
    margin-top: 40px;
    z-index: 1;
    border: solid 2px #cbcbcb;
    box-shadow: 0px 0px 5px 0px #00000038;
    border-radius: 9px;
    width: 100%;
}
.user-box {
    position: relative;
    text-align: center;
    padding-top: 30px;
}
.box-inner {
    padding: 17px;
}
.st-img img{
    width: 222px;
    object-fit: contain;
    height: 27vh;
}
.ReportCnr{
    margin-bottom: 2%;
    padding: 18px;
}
.report-style-class{
    width:100%;
    height: 70vh;
    border: none;
}
.userAction{
    text-align: right;
    margin-right: 16px;
    margin-top: -13px;
    border: none;
}
.ant-popover-placement-bottomRight{
    position: fixed !important;
}
.avatar {
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateY(-90%) translateX(-50%);
}
.profile-brdr{
    box-shadow: 0px 0px 3px 0px #0808086b;
    border: 4px solid #ffffff;
    border-radius: 50%;
}
.avatar img {

    width: 50%;
    border-radius: 50%;
    display: block;
}
.user-card-cntnr{
    margin: 1em 15px !important;
}
.user-nam{
    font-size: 20px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 2px;
    color: #3a3a3a;
}
.user-contact {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 2px;
    color: #3a3a3a;
    flex: auto;
}
.user-occupation {
    font-size: 14px;
    font-style: italic;
    color: #707070;
    margin-bottom: 2px;
}
.location {
    color: black;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e3e3e3;
    font-family: sans-serif;
    word-break: break-all;
}
.location .fa {
    color: #c6c6c6;
    margin-right: 4px;
}
.dots-loader div {
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
}
.p-115{
    padding: 115px;
}
.dots-loader div:nth-child(1) {
    background-color: #FF5460;
    animation: move 2s infinite cubic-bezier(.2,.64,.81,.23);
}
.dots-loader div:nth-child(2) {
    background-color: #FF9D84;
    animation: move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23);
}
.dots-loader div:nth-child(3) {
    background-color: #F0E797;
    animation: move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23);
}
.dots-loader div:nth-child(4) {
    background-color: #75B08A;
    animation: move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23);
}
.notifContr{
    height: 44vh !important;
}
.flex-center{
    display: flex;
    justify-content: center;
}
.ay-Paid-btn{
    background: #009f12;
    padding: 2px 8px 2px 8px;
    border-radius: 4px;
    color: white;
    font-size: 15px;
    vertical-align: middle;width: fit-content;
}
.hintInfoClr1{
    color: #be5e0c !important;
}
.ErrOverlay{
    position: fixed;
    background: rgba(0, 255, 255, 0);
    height: 137px;
    width: 100%;
    z-index: 9799;
    margin-top: -132px;
}
.fontClrBlackshade1{
    color: #575757;
}
.ay-Warning-btn{
    background: #b39400;
    padding: 2px 8px 2px 8px;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    vertical-align: middle;width: fit-content;
}
.ay-Danger-btn{
    background: #e32a2a;
    padding: 2px 8px 2px 8px;
    border-radius: 4px;
    color: white;
    font-size: 15px;
    vertical-align: middle;
    width: fit-content;
}
.pr-0{
    padding-right: 0;
}
@keyframes move {
    0% {left: 0%;}
    100% {left:100%;}
}
.herbTabRow{
    background-color: rgb(255 255 255 / 88%) !important;
}


.custTable tbody tr:nth-child(even){
   background: #efefefed !important;
}
.herbTabRec tbody tr td{
    border: 0.5px solid #979797;
}
.herbTabRec tbody tr:hover{
    background: #f1f9ffed !important;
}
.custTable tbody tr th{
    padding: 0.30rem;
    font-size: 15px;
}
.custTable tbody tr td{
    border: 0.5px solid #979797;
    color: #3d3d3d;
    padding: 0.30rem;
    font-size: 15px;
}
.custTable tbody tr:hover{
    background: #f1f9ffed !important;
}
.file {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ayfileUpldBtn > input[type='file'] {
    display: none
}

.ayfileUpldBtn > label {
    font-size: 1rem;
    font-weight: 300;
    cursor: pointer;
    outline: 0;
    user-select: none;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 29%);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-fixed-top{
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1367px) {
    .ayuLogo object {
        height: 70px !important;
    }
    .navbar-fixed-top{
        display: flex;
        align-items: center;
    }
    /*.menuContainerTop .menuContainer {*/
    /*    margin-top: 15px !important;*/
    /*} */

    #wrapper .main {
        margin-top: 7%;
    }

    .PM-Main-FixedHeader {
        top: 76px !important;
    }

    .fuvFixedHeader {
        top: 83px !important;
    }

    .blPRdt {
        font-size: 15px !important;
    }

    .gallerybox {
        margin-top: 2px;
        display: inline;
    }

    .str-fixed-header {
        top: 71px;
    }

    .table > thead > tr > th {
        font-size: 11px;
    }
    .patient-box-text label {
        font-size: 12px;
    }

    .form-control {
        color: #414141 !important;
        font-size: 12px !important;
    }

    .topfixed .patientinfo .patientname p {
        font-size: 13px !important;
    }

    .topfixed .patientinfo ul li p {
        font-size: 12px !important;
    }

    .btn {
        font-size: 13px !important;
    }


    .diagMenuSticky {
        position: sticky;
        top: 84px !important;
    }

    .sympStickyHDR {
        top: 84px;
    }

    .login-form {
        margin-bottom: 6%;
    }
    .ay-maintabsAdmin{
        margin-top: -32px;
    }
}
@media screen and (min-width: 678px) {
    .ayuLogo object {
        height: 70px !important;
    }
    #wrapper .main {
        margin-top: 5%;
    }

    .PM-Main-FixedHeader {
        top: 50px !important;
    }

    .fuvFixedHeader {
        top: 71px !important;
    }

    .blPRdt {
        font-size: 15px !important;
    }

    .gallerybox {
        margin-top: 2px;
        display: inline;
    }
    .bgClr-greenTB-data{
        background: #93ff93;
    }
    .str-fixed-header {
        top: 71px;
    }
    .table > thead > tr > th {
        font-size: 13px;
    }
    .table > body > tr > td {
        font-size: 14px;
    }
    .patient-box-text label {
        font-size: 12px;
    }
    .form-control {
        color: #414141 !important;
        font-size: 14px !important;
        height: 28px!important;
    }

    textarea.form-control{
           height: auto !important;
    }
    .topfixed .patientinfo .patientname p {
        font-size: 13px !important;
    }
    .topfixed .patientinfo ul li p {
        font-size: 12px !important;
    }
    .btn {
        font-size: 13px !important;
    }
    .diagMenuSticky {
        position: sticky;
        top: 72px !important;
    }
    .sympStickyHDR {
        top: 72px;
    }
    .login-form {
        margin-bottom: 6%;
    }
    .ay-maintabsAdmin{
        margin-top: -41px;
    }
}
.ant-popover-title{
    border-bottom: 1px solid #c5c5c5 !important;
}
.forgtInfoMsg{
    border: 2px solid #e5e5e5;
    background: #fbfbfb;
    border-radius: 7px;
    margin-top: 18px;
}
.divHeight-46{
    height: 46vh;
}
:root {
    --Th-font-clr-white:#ffffff;
    --Th-font-clr-Black:#121212;
    --Th-Bgclr-lgreen:#c0dec8;
    --Th-Bgclr-violet:#743ea8;

    --color-white: #ffffff;
    --color-light: #f1f5f9;
    --color-black: #121212;
    --color-night: #001632;
    --color-red: #f44336;
    --color-blue: #1a73e8;
    --color-gray: #80868b;
    --color-grayish: #dadce0;
    --shadow-normal: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

a,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
}
.AcLogintext {
    font-family: inherit;
    line-height: inherit;
    text-transform: unset;
    text-rendering: optimizeLegibility;
}
.AcLogintext-large {
    font-size: 1.42rem;
    font-weight: 600;
    color: var(--color-black);
}
.AcLogintext-normal {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-black);
}
.AcLogintext-links {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-blue);
}
.AcLogintext-links:hover {
    text-decoration: underline;
}
.top-N-5{
    top: -5px !important;
}
.top-N-4{
    top: -4px !important;
}
.AcLoginMain .AcLoginwrapper {
    max-width: 35rem;
    width: 100%;
    padding: 1.2rem;
    border: none;
    outline: none;
    border-radius: 0.55rem;
    color: var(--color-black);
    background: #ffffff;
    float: right;
    margin-right: 7.2rem;
    margin-top: 2rem;
    box-shadow: 0px 0px 7px 0px #9b9b9b7d;
}
.AcLoginMain .AcLoginwrapper .form {
    width: 100%;
    height: auto;
    margin-top: 1rem;
}
.AcLoginMain .AcLoginwrapper .form .input-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}
.form .input-control input:focus{
    border: 1px solid #bfbfbf !important;
    box-shadow: none !important;
}
.AcLoginMain .AcLoginwrapper .form .input-field {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    width: 100%;
    height: auto;
    padding: 0.75rem 1.25rem;
    border: none;
    outline: none;
    border-radius: 2rem;
    color: var(--color-black);
    background: var(--color-light);
    text-transform: unset;
    text-rendering: optimizeLegibility;
}
.AcLoginMain .AcLoginwrapper .form .input-submit {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: inherit;
    cursor: pointer;
    min-width: 40%;
    height: auto;
    padding: 0.65rem 1.25rem;
    border: none;
    outline: none;
    border-radius: 2rem;
    color: var(--color-white);
    background: var(--color-blue);
    box-shadow: var(--shadow-medium);
    text-transform: capitalize;
    text-rendering: optimizeLegibility;
}
.AcLoginMain .AcLoginwrapper .striped {
    border-bottom: 1px solid #d9d9d9;
}

.AcLoginMain .AcLoginwrapper .striped-text {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: inherit;
    color: var(--color-black);
    margin: 0 1rem;
}
.AcLoginMain .AcLoginwrapper .method-control {
    margin-bottom: 1rem;
}
.AcLoginMain .AcLoginwrapper .method-action {
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0.35rem 1.25rem;
    outline: none;
    border: 2px solid var(--color-grayish);
    border-radius: 2rem;
    color: var(--color-black);
    background: var(--color-white);
    text-transform: capitalize;
    text-rendering: optimizeLegibility;
    transition: all 0.35s ease;
}
.AcLoginMain .AcLoginwrapper .method-action:hover {
    background: var(--color-light);
}
.AcLoginbtn-hover {
    width: 134px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 5px;
    height: 35px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.Reset-ntn.AcLoginbtn-hover {
    width: 198px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 5px;
    height: 35px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.AcLoginbtn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.AcLoginbtn-hover:focus {
    outline: none;
}
.doctorlist_apmt .list-group-item.active{
    z-index: 2;
    color: #000 !important;;
    background-color: #d3ffec5e  !important;
    border: 3px solid #b2ebb2 !important;
    border-radius: 7px !important;
    margin-bottom: 9px !important;
}

.doctorlist_apmt .list-group .list-group-item{
    margin-bottom: 9px !important;
    margin-right: 10px !important;
}

.usrInfo p{
    color: #7f7e7e !important;
    margin-left: 6px;
}
.doctorlist_apmt .list-group-item{
    z-index: 2;
    color: #000 !important;;
    /*background-color: #337ab7 !important;*/

    border: 3px solid #e7e7e7 !important;
    border-radius: 7px !important;
}
.doctorlist_apmt .list-group-item.active {
    background-color: #f0fff9;
}
.AcLoginbtn-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #00cf1f, #c3b701, #10c12a);
    box-shadow: 0 4px 10px 0 rgb(139 139 139 / 59%);
}
.AyrLoginWcInp{
    border-radius: 30px !important;
}
.AyrLoginWcInp.active.visible{
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
}
.ant-picker-input input{
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.myId {
    margin-right: 5rem;
    border-radius: 5px;
    background: #c9d6ff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #e2e2e2, #c9d6ff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
            to right,
            #e2e2e2,
            #c9d6ff
    ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    padding: 2rem;
    display: grid;
    justify-content: center;
    align-content: center;
}

.call-button {
    text-align: center;
    margin-top: 2rem;
}

.video-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-content: center;
    margin-top: 10rem;
    margin-left: 10rem;
}

.caller {
    text-align: center;
    color: #fff;
}

.ant-picker-input input:focus{
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}
.diag-Protocol-tabs .ant-tabs-tab{
    border: 1px solid #c7c7c7 !important;
    padding: 7px 17px 6px 17px !important;
    border-radius: 2px !important;
    font-size: 15px !important;
}
.diag-Protocol-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{
    color: black !important;
}
.diag-Protocol-tabs .ant-tabs-tab{
    border: 1px solid #c7c7c7 !important;
    padding: 7px 17px 6px 17px !important;
    border-radius: 2px !important;
    font-size: 15px !important;
}
.ALP-Protocol-tabs  .ant-tabs  .ant-tabs-nav{
        margin: 0px !important;
    padding-bottom: 7px!important;
    background: #ffffffb0!important;
    padding-left: 10px!important;
    padding-top: 6px!important;
}
.ALP-Protocol-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{
    color: black !important;
}
.ALP-Protocol-tabs .ant-tabs-tab{
    border: 1px solid #c7c7c7 !important;
    padding: 7px 17px 6px 17px !important;
    border-radius: 2px !important;
    font-size: 15px !important;
    background: white;
}
.ALP-Protocol-tabs .ant-tabs-tab + .ant-tabs-tab{
    margin: 0 0 0 8px;
}
.ant-tabs-ink-bar{
    background:  #32a11c !important;
}
.ant-tabs-tab:hover{
    color:#171717 !important ;
}
.diag-Protocol-tabs .ant-tabs-tab + .ant-tabs-tab{
    margin: 0 0 0 8px;
}
.copyColorIcon{
    color: #009aa5ad;
}
.user-Vid{
    padding: 10px 12px 10px 10px;
    border: 2px solid #dddddd;
    box-shadow: 1px 1px 3px 0px #d9d9d9;
    margin-right: 21px;
    border-radius: 9px;
    display: inline-block;
}
.caller-user-Vid{
    box-shadow: 1px 1px 3px 0px #d9d9d9;
    border-radius: 9px;
}
.userInfoSection{
    border: 2px solid #dddddd;
    border-radius: 7px;
    padding: 16px;
    box-shadow: 1px 1px 3px 0px #d9d9d9;
}
.vid-mic-On-off{
    display: contents;
    color: #197b19;
}
.vid-mic-On-off .leaveMeeting {
    background: red !important;
    color: white;
}
.leaveMeeting{
     background: red;
     padding: 6px 13px 6px 13px;
    color: white;
 }
.leaveMeeting:hover{
    background: red;
    color: white;
    padding: 6px 13px 6px 13px;
}
.text-top{
    vertical-align: text-top;
}
.imgDwnld {
    border: 1px solid #a8a8a8;
    background: white;
    padding: 4px 12px 4px 12px;
    margin-bottom: 5px;
    border-radius: 22px;
    box-shadow: 0px 0px 3px 0px #6a6a6a;
    background: #299819;
    color: white;
    display: flex;
}
.imgPrevs{
    border: 1px solid #b6b6b6;
    padding: 5px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 0px #7c7c7c;
    margin-bottom: 25px;
}
.PulseGreencircle {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px;
}
.ring-container {
    position: relative;
}
.ONL-Green {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
}
.OFFL-Red {
    width: 15px;
    height: 15px;
    background-color: #e2000e;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px;
}
.IncomingCall {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.vidbg{
    background: black;
}
.warningInfo .ant-result{
    padding: 15px 32px !important;
}
.antTb-brdr .ant-table{
    /*padding: 0px 10px 10px 10px!important;*/
    border-radius: 7px!important;
}
.antTb-brdr .ant-table-container{
    border-left: 1px solid lightgrey!important;
    border-right: 1px solid lightgrey!important;
    border-bottom: 1px solid lightgrey!important;
}
.FA-prev-nxt-btns i{
    vertical-align: middle !important;
}

.menuItem:hover{
    transform: scale(1.16);
}
.StrImgItem{
    width: 200px !important;
    padding: 0 !important;
}
.imgDltCntr{
    background: white;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    margin-top: 4px;
    margin-left: 74%;
    transform: translateY(-2%) translateX(0%);
}

.imgDltCntr i{
    padding: 7px !important;
    color: #424242;
    border-radius: 100%;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 0px 1px 0px #b3b3b3;
    font-size: 12px;
}

.StrGallery .imgDltCntr{
    background: white;
    border-radius: 50%;
    border: 1px solid #a7a7a7;
    position: absolute;
    z-index: 1;
    margin-top: 4px;
    margin-left: 79%;
    transform: translateY(-2%) translateX(0%);
    box-shadow: 1px 1px 3px 0px #767676;
}

.StrGallery .imgDltCntr i{
    padding: 10px 10px  10px 10px !important;
}
.loadProgressOverlay{
    position: absolute;
    z-index: 55555;
    height: 265px;
    width: 90%;
    background: #0202028f;
}
.loadProgressOverlay .ant-progress{
    display: block !important;
    margin: auto !important;
    transform: translate(0px, 105px) !important;
    width: 75% !important;
    text-align: center !important;
}
.loadProgressOverlay .ant-progress .ant-progress-text{
    color: white !important;
}
.lightBoxCntr .lb-container .lb-header .lb-title span{
    text-align: center !important;
}
.lb-header .close{
    opacity: 1 !important;
}

.tbInnerSection{
    padding: 8px 12px 15px 10px;
    border: 2px solid #dbdbdb;
    border-radius: 5px;
    background: white !important;
}
.tbInnerSectionTitle{
    padding: 4px 0px 10px 0px;
}
.tbInnerSectionBody .ant-table-wrapper .ant-table.ant-table-small {
    margin: 0!important;
}
.expTbRowIcon>.ant-table-cell {
    background: #efefef !important;
}
.frmCrtBtnGrp{
    color: black !important;
}
.fmCrtForm{
    border: 2px solid #e3e3e3;
    border-radius: 7px;
    margin-bottom: 15px;
}
.frmIngtbHdr{
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding-left: 10px;
    padding-top: 11px;
    padding-bottom: 6px;
    border-radius: 5px;
}
.tagStokSuccess {
    width: fit-content;
    float: right;
    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}

.tagStokSuccess span{
    color: #258b17 !important;
    background: #f0fff2 !important;
    border-color: #1fbd007a !important;
}
.RecTagStokSuccess span{

    color: #139a00 !important;
    background: #fcfcfc !important;
    border-color: #0b2a057a !important;
    font-size: 13px;

}

.RecTagStokSuccess {
    width: fit-content;
    float: right;
    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}
.RecTagStokerr span{
    color: #ff0000 !important;
    background: #ffffff !important;
    border-color: #451e1e47 !important;
}

.RecTagStokerr {
    width: fit-content;
    float: right;
    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}

.tagStokerr {
    width: fit-content;
    float: right;
    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}

.tagStokerr span{
    color: #ff0000 !important;
    background: #fff0f0 !important;
    border-color: #bd000047 !important;
}



.tagAppStNew {
    width: fit-content;

    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}
.tagAppStNew3 {
    width: fit-content;
    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}
.tagAppStNew4 {
    width: fit-content;
    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}
.tagAppStNew5 {
    width: fit-content;
    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}
.tagAppStNew5 span{
    color: #9a4b00 !important;
    background: #fff1e4 !important;
    border-color: #ffb84a !important;
}
.tagAppStNew span{
    color: #258b17 !important;
    background: #f0fff2 !important;
    border-color: #1fbd007a !important;
}
.tagAppStNew3 span{
    color: #d19f07 !important;
    background: #f3f4e1 !important;
    border-color: #9470137a !important;
}
.tagAppStNew4 span{
    color: #d5511e !important;
    background: #fff7f0 !important;
    border-color: #bd00007a !important;
}
.tagAppStCancelled {
    width: fit-content;

    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}

.tagAppStCancelled span{
    color: #ff0000 !important;
    background: #fff0f0 !important;
    border-color: #bd000047 !important;
}


.tagAppStDone {
    width: fit-content;

    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}

.tagAppStDone span{
    color: #3431ab !important;
    background: #f0f3ff !important;
    border-color: #001cbd47 !important;
}
.tagAppStInProgress {
    width: fit-content;

    padding: 3px;
    font-size: 13px;
    font-weight: 600!important;
}

.tagAppStInProgress span{
    color: #cb6e00 !important;
    background: #fff6f0 !important;
    border-color: #ff8a00 !important;
}




















.clearFilterBtn{
    background: #299819;
    padding: 4px 11px 0px 11px;
    color: white;
    border-radius: 20px;
    font-size: 12px !important;
    font-weight: 600;
}
.usersNamesTags{
    background: #f0faff;
    padding: 2px 5px 2px 5px;
    border: 1px solid #dadada;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
}
.ant-btn-primary{
    background-color: #299819 !important;
    border-color: #299819 !important;
}



.StrImg{
    display: flex;
    height: 166px;
    padding: 6px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.imgCard2 img{
    width: 100%;
    object-fit: contain;
}
.mainImgCntr{
    border: 1px solid #dbdbdb;
    padding: 0px 0px 18px 0px !important;
    border-radius: 5px;
}
.paginationClrShade  .ant-pagination-item-active a{
    background-color: #e7fee4 !important;
    color: rgba(0, 0, 0, 0.85) !important;
}

.flex-justfy-sp-arnd{
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.flex-start{
    justify-content: flex-start !important;
}
.paginationClrShade  .ant-pagination-item-active{
    border-color:#18c400 !important;
}

.paginationClrShade .ant-pagination-item:focus-visible, .ant-pagination-item:hover{
    border-color: #18c400 !important;
}

.paginationClrShade .ant-pagination-item:focus-visible, .ant-pagination-item a:hover{
    background-color: #e7fee4 !important;
    color: rgba(0, 0, 0, 0.85) !important;
}

.STrckHdr{
    text-align: center;
}
.STrckMain{
    padding: 15px;
}
.STrckCnt{
    border: 2px solid #cccccc;
    padding: 10px;
    margin-top: 15px;
    border-radius: 8px;
}

.ant-picker-ok button{
    color: white !important;
}
.fixedModalBody{
    height: 48vh;
    overflow-y: auto;
}
.z-index-N-9{
    z-index: -9 !important;
}

.checkBoxDisabled{
    opacity: 0.5 !important;
    border: 2px solid #0c9c0c !important;
}

.clearFilterBtn2{
    background: #299819 !important;
    padding: 6px 11px 6px 11px !important;
    color: white !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0px 0px 3px 0px #818181 !important;
}
.clearFilterBtn3{
    border:2px solid #299819 !important;
    padding: 6px 11px 6px 11px !important;
    color: #414141   !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.subSectFormCntr{
    border: 1px solid #c4c4c4;
    padding: 10px;
    border-radius: 6px;
}
.subSectForm {
    border: 1px solid silver;
    margin-top: 15px;
    border-radius: 6px;
}
.subSectFormTb tbody tr td{
    width: 20px !important;
}
.linkRowBtn{
    width: fit-content;
    float: right;
    padding: 3px;
    font-size: 12px;
    font-weight: 600!important;
    border: 2px solid #c7c7c7;
    border-radius: 5px;
}

.brdrRad-20{
    border-radius: 20px !important;
}

.ant-modal-header{
    border-radius: 6px 6px 0 0 !important;
    padding: 12px 12px !important;
}
.ant-modal-content{
    border-radius: 6px !important;

}

.BillStatus .ant-result{
    padding: 10px !important;
}
.fuvStepMenu{
    position: sticky;
    top: 142px;
    background: white;
    z-index: 99;
    box-shadow: 0px 3px 5px 0px #acacac69;
    padding-bottom: 1px;
    padding-top: 3px;
}
.AlertNotif.ant-notification-notice{
    position: relative;
    width: 420px;
    max-width: calc(100vw - 24px * 2);
    margin-bottom: 16px;
    margin-left: auto;
    padding: 16px 24px;
    overflow: hidden;
    line-height: 1.5715;
    word-wrap: inherit;
    background: #fefffe;
    border-radius: 16px;
    box-shadow: 0 3px 20px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);

}
.AlertNotif  .ant-notification-notice-message{
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-bottom: 2px solid #f0f0f0;
}
.PformContainer {
    border: 2px solid #b9b9b9;
    padding: 10px;
}
.PformInput input{
border-bottom: 1px solid gray !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
outline: none;
font-size: 16px;
}
.PformInput input:focus{
    box-shadow: none !important;
}

.PformHeaderMain{
    border-bottom: 2px solid #cecece;
}
.PFormInpCheckbox .custom-checkbox{
    position: relative;
    cursor: pointer;
}
.PFormInpCheckbox .custom-checkbox input{
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;

}
.fl-left{
    float: left !important;
}
.PFormInpCheckbox .checkmark{
     position: relative !important;
}
.clr_3c61a7{
    color: #3c61a7;
}
.FilterCntr{
    border-top: 2px solid #d6d5d5;
    border-bottom: 2px solid #e9e9e9;
    background: #f2f1f1;
    padding: 10px;
}
.FS_italics{
    font-style: italic;
}
.tdMergeDataDivider{
    border-top: 2px solid #e2e2e2;
    padding-top: 12px;

}
.display-inLine-Bloc{
    display: inline-block !important;
}
.x-axis-dataScroll{
    display: block;
    max-width: fit-content;
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
}
.itemTooltpCntr{
    color: black !important;
}
.itemTooltp{
    display: flex;
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    padding: 5px;
}
.PageInfoCntr{
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;

}
.itemTooltp:last-child{
    border: 1px solid #bebebe;
}
.PageInfoHdr{
    color:black;
    font-size: 15px;
    padding: 6px 6px 6px 6px;
    background: #edf7e5;
    font-weight: 600;
}
.PageInfo p{
    color: black;
}

.DocPrevItemDes{
    width: 77%;
    word-break: break-word;
    display: flex;
    align-items: center;
}
.FileUpldSectionCntr {
    border: 2px solid #e5e5e5;
    overflow-y: scroll;
    height: 362px;
    border-radius: 7px;
}
.FileUpldSectionHdr  {
    position: sticky;
    top: 0;
    background: white;
}
.DocPrevCntr {
    display: flex;
    border: 1px solid #dddddd;
    box-shadow: 0px 0px 4px 0px #adadadb8;
    padding: 7px 8px 7px 8px;
    border-radius: 10px;
    width: 100%;
}
.Clr-text-400{
    color:#434343;
}
.DocPrevItem {
    border: 1px solid #c7c7c7;
    padding: 3px;
    width: 57px;
    height: 57px;
    margin-right: 10px;
}
.FileUpldSectionPrevs{
    padding: 0px 12px 15px 12px;
}
.FileUpldSectionHdrCnt {
    width: 80%;
    margin-left: 8px;

}
.AlertMsg{
    width: 10%;
    position: fixed;
    z-index: 120;
    margin-left: 44%;
    box-shadow: 0px 0px 19px 1px #00000052;
    border-radius: 49px;
    top: 237px;
}
.AlertMsg .ant-alert {
    border-radius: 30px !important;
}

.DocPrevItem img{
    object-fit: contain;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.DocPrevRemoveItem{
    width: 13%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mt-P-15{
    margin-top: 15% !important;
}
.UserPrfwelnessInfo{
    display: block;
    margin-left: 7px;
    font-size: 14px;
}
.alertMsgOverLay {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #ffffff00;
    z-index: 2222;
    margin-top: -241px;
    overflow: hidden !important;
}
.subTDCntr{
    border-top: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
}
.subTDCntr:last-child{
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
}
.subTDHdr{
    background: #ddf2ff;
    text-align: center;
}
.subColDataSec{
    padding: 5px;
    word-break: break-word;
}
.inpGrpSaveBtn{
    background: #d2f5d4 !important;
}
.CnsltTbCntr{
    border: 1px solid #bdbdbd;
}
.CnsltTbCntr2{
    border-bottom: 1px solid #bdbdbd;
}
.CnsltTbCntrHDR{
    padding: 15px 10px 7px 10px;
}
.card-ContainerSubPanel{
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px #1414143b;
}
.AbdCardCntr{
    border: 1px solid #cacaca;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.AyIntTabs .ant-tabs-tab {
    background: white !important;
    border: 0px !important;
    box-shadow: 0px 0px 6px 0px #717171;
    border-radius: 6px !important;
}
.AyIntTabs .ant-tabs-top > .ant-tabs-nav::before{
    border: none !important;
}
.AyIntTabs .ant-tabs-nav{
    margin: 0 !important;
}
.AyIntTabs .ant-tabs-nav-list{
    padding: 5px 10px 8px 0px;
}
.ui.search.dropdown>.text{
    font-size: 13px !important;
    font-weight: 500 !important;
}
.control-label{
    font-weight: 500!important;
    color: black !important;
}
.scroll-x{
    overflow-x: scroll !important;
}
.emptyBx{
    height: 25px !important;
}
input[type="text"],
.SendBtn {
    padding: 4px 8px;
    border: 0;
    outline: 0;
}
.SendBtn {
    background-color: transparent;
    cursor: pointer;
}
.SendBtn:hover i {
    color: #0da50f;
    transform: scale(1.2);
}
.ChatBxMainCntr {
    width: 400px;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    background-color: #f9fbff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    /*overflow: hidden;*/
    padding: 8px;
}
#Chatbx {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#CntDrag{
    position: fixed;
}

.Chatbxhead {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c2c2c2;
    padding: 0px 0px 0px 2px;
}
.Chatbxhead .user {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.Chatbxhead .user .avatar {
    margin-right: 8px;
}
.Chatbxhead .user .avatar {
    margin-right: 8px;
}
.Chatbxhead .user .avatar img {
    display: block;
    border-radius: 50%;
}
.Chatbxhead .bar_tool {
    display: flex;
    list-style: none;
    margin-bottom: 6px;
    align-items: center;
}
.BlueClrShade1{
    color: #2a84dd;
}
.GreenClrShade1{
    color: #09b266;
}
.chartDot{
    border: 3px solid red;
    height: 30px;
    width: 30px;
    padding: 41px;
}
.Chatbxhead .bar_tool i {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ChatBxCntr {
    flex-grow: 1;
    background-color: #eee;
}
.py-7{
    padding: 7px 0px;
}
.ChatBxCntr .bubble {
    display: flex;
    padding: 8px 17px 8px 17px;
    margin-bottom: 10px;
    border-radius: 30px;
    width: max-content;
    max-width: 365px;
    word-break: break-word;
}
.ChatBxCntr .bubble p {
    color: #f9fbff;
    font-size: 14px;
    text-align: left;
    line-height: 1.1;
    display: flow-root;
}
.ChatBxCntr .incoming {
    text-align: left;
    margin-left: 2px;
    position: relative;
}
.ChatBxCntr .incoming .bubble {
    /*border: 1px solid #d0d0d0 !important;*/
    box-shadow: 0px 0px 3px 0px #9e9e9e8f;
    background-color: #f1f1f1;
}
.ChatBxCntr .incoming .bubble p {
    color: black !important;
}
.ChatBxCntr .outgoing {
    float: right;
    margin-right:5px;
}
.ChatBxCntr .outgoing .bubble {
    background-color: #5b859a;
    float: right;
    box-shadow: 0px 0px 4px 0px #80808096;
}
.ChatBxfoot{
    display: flex;
    padding: 5px 9px 5px 25px;
    border: 1px solid grey;
    border-radius: 39px;
}
.ChatBxfoot:focus{
    border: 2px solid #b9ceea !important;
    box-shadow: none !important;
}
.ChatBxfoot .msg {
    flex-grow: 1;
}
.ChatBxfoot .msg:focus {
    border: none;
    box-shadow: none !important;
}

@keyframes bounce {
    50% {
        transform: translate(0, 2px);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ellipsis {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 3px;
    background-color: #b7b7b7;
}
.dot_1 {
    animation: bounce 0.9s linear 0.1s infinite;
}
.dot_2 {
    animation: bounce 0.9s linear 0.2s infinite;
}
.dot_3 {
    animation: bounce 0.9s linear 0.3s infinite;
}
#msgInp {
    overflow: auto;
    padding: 11px 0px 0px 0px;
    font-size: 14px;
    display: block;
    resize: none;
    outline: none;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
}
.OnlineInd{
    content: " ";
    border-radius: 50%;
    width: 9px;
    height: 9px;
    display: inline-block;
    background-color: #0dc90d;
}
.OfflineInd{
    content: " ";
    border-radius: 50%;
    width: 9px;
    height: 9px;
    display: inline-block;
    background-color: #e23030;
}
.OlStatusInfo{
    color: #363636;
    font-size: 13px;
}
.ChatbxBody{
    height: 320px;
    overflow-y: auto;
    padding: 15px 0px 5px 0px;
    display: block;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-ms-flex-direction: column-reverse;*/
    /*flex-direction: column-reverse;*/
    /*-webkit-box-pack: end;*/
    /*-ms-flex-pack: end;*/
    /*justify-content: flex-end;*/
}
.ChatbxBodyNormalView{
    height: 320px;
    overflow-y: auto;
    /*scroll-behavior: smooth;*/
    padding: 15px 0px 5px 0px;
}
.usrMSGInfo1{
    text-align: end;
    width: fit-content;
    float: right;
    margin-top: -17px;
}
.usrMSGInfo1 span{
color: #7d7d7d;
}
.userInfoCntr{
    width: 100%;
}
.ConsultantChatList .list-group-item{
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 6px 9px;
}

.msgDtls{
    text-align: end;
    margin-right: 18px;
}
.ChatBxCntr .outgoing .bubble .dotSeprtr {
    font-size: 14px;
    margin: 0px;
}
.ChatBxCntr .incoming .bubble .dotSeprtr {
    font-size: 14px;
    color: gray;
    margin: 0px;
}
.ChatBxCntr .outgoing .bubble .msgDtlsCnt {
    color: #e0e0e0;
    float: right;
    padding-left: 8px;
    margin-top: 2px;
}
.ChatBxCntr .incoming .bubble .msgDtlsCnt {
    float: right;
    padding-left: 14px;
}
.typing{
margin-left: 12px;
font-size: 14px;
}
div#wave {
position: relative;
margin-top: 3px;
margin-left: 5px;
}
div#wave .dot {
display: inline-block;
width:7px;
height: 7px;
border-radius: 50%;
margin-right: 3px;
background: #303131;
animation: wave 1.3s linear infinite;
}
div#wave .dot:nth-child(2) {
animation-delay: -1.1s;
}
div#wave .dot:nth-child(3) {
animation-delay: -0.9s;
}

@keyframes wave {
0%, 40%, 100% {
    transform: initial;
    background: rgba(0,0,0,0.6);
}

20% {
    transform: translateY(-8px);
    background: rgba(0,0,0,0.3);
}
}

.filterDrpShdw{
filter: drop-shadow(6px 10px 7px #8f8f8ff0);
}
#CntDrag{
z-index: 100;
}
.chatFloatingIconCntr{
    padding: 12px;
    background: white;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 0px 7px 0px #80808099;
}
.backToDownMain{
    position: absolute;
    margin-left: 80%;
    margin-bottom: 2%;
    z-index: 9;
}
.backToDownCntr{
    padding: 5px 9px 1px 9px;
    border-radius: 50%;
    color: white;
    background-color: #1d7bd2;
    box-shadow: 0px 0px 8px 0px #7777777d;
}
.MsgDivider {
    background-color: #ebf8fe;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 11px;
    position: sticky;
    top: -16px;
    z-index: 9;
    box-shadow: -1px 1px 4px 0px #938f8f33;
}
.MsgEmptyInfo{
    text-align: center;
    margin-top:25%;
}
.MsgEmptyInfo p{
    color: #9f9f9f;
    font-weight: 600;
}
.emptyMsgIcon{
    color: #9f9f9f !important;
}
.caller-user-Vid{
    background: black;
}
.user-Vid-pan-cotrols {
    display: flex;
    justify-content: center;
    background: #1e2933;
    padding: 8px 9px 5px 5px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pan-cotrol{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.MeetingLeaveBtn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-Vid-pan-cotrols .pan-cotrol {
    margin-right: 20px;
}
.user-Vid-pan-cotrols .pan-cotrol i{
    color: white;
}
.user-Vid-pan-cotrols .pan-cotrol p{
    color: white;
}
.caller-user-Vid-pan{
    width: 100%;
    padding: 10px 7px 10px 7px;
}

.VideoItem {
    width: 100% !important;
    min-height: 100% !important;
    object-fit: contain;
    display: block;
    transition: width 1s;
    border-radius: 5px;
}
.VideoItemCntr {
    width: inherit;
    display: grid;
    gap: 7px;
    max-height: 74vh;
    overflow-y: scroll;
}
.jointStatusCntr{
    position: absolute;
    z-index: 999;
}
.svgShadow{
    filter: drop-shadow(0px 2px 1px rgb(0 0 0 / 0.6)) !important;
}
.joinStatusItem{
    background: #346e9b;
    padding: 4px;
    border-radius: 3px;
}
.joinStatusItem p{
    color: white;
    font-size: 16px;
}
.chatbxUserListCntr {
    padding: 0px 9px 0px 3px;
}
.Unset_grid-template-columns{
    grid-template-columns: unset !important;
}
.VideoCntr {
    display: flex;
    position: relative;
    min-height:300px !important;
    max-height:435px !important;
    border: 2px solid #4a804a;
}
.VideoCntrActiveBorder{
    border: 3px solid #c9c100d4 !important;
}
.VidDesc {
    display: flex;
    padding: 3px 7px 5px 7px;
    position: absolute;
    color: white;
    z-index: 1;
    background-color: #1d1d1d80;
    border-bottom-right-radius: 5px;
    align-items: center;
}


.VidDescRightCnt {
    display: flex;
    padding: 3px 7px 5px 7px;
    position: absolute;
    color: white;
    z-index: 1;
    border-bottom-right-radius: 5px;
    align-items: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
}
.VidDescFul{
    color: white;
    z-index: 1;
    position: absolute;
    background: #222222;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.FirmMainLogo{
    height:40px !important;
}
.OutlineAYC-btn{
    background-color: white;
    padding: 5px 15px 5px 15px;
    border-radius: 30px;
    font-weight: 600;
    border: 2.2px solid #01ac01;
    float: right;
    font-size: 13px;
}
.fsz-18{
    font-size: 18px !important;
}
.ApmtSteps  .ant-steps-item-title::after {
    height: 2px !important;
}
.ApmtSteps .ant-steps-item-title::after {
    background: #b8b8b8 !important;
}
.ApmtSteps .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
    color: rgb(108 108 108 / 77%) !important;
}
.ApmtSteps  .ant-steps-item-description {
    font-size: 13px !important;
}
.ApmtSteps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
    color: rgb(0 122 255);
}
.ApmtSteps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
    color: rgb(26 103 170 / 85%);
}
.ApmtHDRStatusCntr{
    width: 43%;
    display: flex;
}
.StatusStepsCntr{
    padding: 10px 10px 10px 10px;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
}
.bigAYBtn{
    display: flex;
    justify-content: center;
    width: 100%;

}
.bigAYBtn button{
    background: #299819;
    color: white;
    font-weight: 700;
    padding: 8px 18px 8px 18px;
    border-radius: 36px;
    font-size: 15px;
}
.CallNotifWrapper {
    height: 60%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.panelHDRContent{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    flex-shrink: inherit;
    padding: 7px;
}
.SecDivider{
    border-bottom: 2px solid #c7c7c78f;
}
.antSubTabs .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar{
height: 100%;
border-radius: 52px;
z-index: -1;
}
.antSubTabs .ant-tabs-tab {
    border: 1px solid #c7c7c7 !important;
    padding:5px 15px 5px 15px !important;
    border-radius: 50px !important;
    font-size: 15px !important;

}

.antSubTabs .ant-tabs-tab-active .ant-tabs-tab-btn{
    color:white !important;
}
.CustSubTabs{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.TabItem{
    border: 2px solid #4c078c75;
    width: fit-content;
    font-size: 15px;
    padding: 3px 7px 3px 7px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    margin-bottom: 10px;
}
.TabItem-active{
    background: #942ac9;
    color: white;
}
.panelHDRContent_grey{
    display: flex;
    background-color: #f4f4f4;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    flex-shrink: inherit;
    padding: 13px;
}
.panelHDRContent2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    flex-shrink: inherit;
    padding: 13px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    box-shadow: 0px 0px 4px -1px #8f8f8fba;
    border-top: 1px solid #9d9d9dab;
    border-left: 1px solid #9d9d9dab;
    border-right: 1px solid #9d9d9dab;
}

.p-1{
    padding: 1px;
}
.p-2{
    padding: 2px;
}
.p-3{
    padding: 3px;
}
.p-4{
    padding: 4px;
}
.GenTableTh{
    background:var(--Th-Bgclr-violet)!important;
    color: white;
}

.GenTable {
    border-collapse: collapse;
}
.GenTable .GenTableTd, .GenTableThNoBg {
    border: 1px solid #ccc;
    text-align: left;
}
.GenTable .GenTableTd, .GenTableTh {
    border: 1px solid #ccc;
    text-align: left;
}
.GenTable  thead tr {
    background-color: #4a7a81 ;
    color: #fff;
}



.CallNotifCntr {
    background: white;
    border: 1px solid grey;
    padding: 11px;
    border-radius: 7px;
    min-width: 34%;
    box-shadow: 0px 0px 20px 0px #212121;
    max-width: 66%;
    min-height: 192px;
    max-height: 400px;
    overflow-y: auto;
}
.CallNotifDesc{
    border: 1px solid #bababa;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 0px 3px 4px 0px #a6a6a66b;
}
.VidCamDevcDropwn{
    position: absolute;
    margin-left: 59px;
    margin-top: -41px;
}
.CallStatusInfoCntr {
    background: #3e684f;
    position: absolute;
    color: white;
    font-size: 20px;
    padding: 10px;
    border: 2px solid #ffd7008c;
    border-radius: 6px;
    z-index: 9;
}
.positionRelative{
    position: relative!important;
}

.incrementalInputCntr{
    display: flex;
    align-items: center;
}
.incrementalInputCntr .value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    padding: 6px 31px;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ayTbCellBG{
    background: #87ceebd6;
}
.incrementalInputCntr .value-button:hover {
    cursor: pointer;
}

.incrementalInputCntr #decrease {
    border-radius: 8px 0 0 8px;
}

.incrementalInputCntr #increase {
    border-radius: 0 8px 8px 0;
}

.incrementalInputCntr #input-wrap {
    margin: 0px;
    padding: 0px;
}

.incrementalInputCntr input#number {
    text-align: center;
    outline: none !important;
    /*border: none !important;*/
    /*border-top: none !important;*/
    /*border-bottom: none !important;*/
    margin: 0px  !important;
    height: 36px  !important;
}

.incrementalInputCntr input[type=number]::-webkit-inner-spin-button,
.incrementalInputCntr input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



.userNotesAreaCntr {
    min-width: 35%;
    max-width: 45%;
    position: absolute;
    margin-top: -25%;
    border: 2px solid #3ab04f;
    border-radius: 6px;
    background: white;
    z-index: 13;
}
.userNotesAreaHdr{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 10px;
}
.CallNotifCntrDecline {
    background: white;
    border: 1px solid grey;
    padding: 11px;
    border-radius: 7px;
    box-shadow: 0px 0px 20px 0px #212121;
    overflow-y: auto;
    width: fit-content;
}
.CallNotifActionBar {
    margin-top: 13px;
    display: flex;
    justify-content: center;
}
.CallNotifActionBar .ant-btn-primary{
    border-radius: 5px;

}
.CallNotifActionBar .AcceptBtn{
    cursor: pointer;
    background: green;
    color: white;
    padding: 6px 8px 6px 8px;
    border-radius: 5px;
    font-weight: 600;
    box-shadow: 0px 0px 8px 0px #808080d4;
}
.CallNotifActionBar .RejectBtn{
    cursor: pointer;
    background: #df0909;
    color: white;
    padding: 6px 8px 6px 8px;
    border-radius: 5px;
    font-weight: 600;
    box-shadow: 0px 0px 8px 0px #808080d4;
}
.CallNotifActionBar .RejectBtn button i{
    transform: rotate(225deg);
}

.panelSearchbarAy .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #25aa17 !important;
}
.panelSearchbarAy .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused {
    border-color:#25aa17 !important;
}
.panelSearchbarAy .ant-input-affix-wrapper > input.ant-input {
    border: none !important;
}
.panelSearchbarAy .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.panelSearchbarAy .ant-input-affix-wrapper {
    padding: 4px 14px;
}
.panelSearchbarAy .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.CallNotifIcon {
    padding: 12px 0px 15px 0px;
    display: flex;
    justify-content: space-between;
}
.IncoimgAYCallPulse i {
    color: #fff
}
.rbc-toolbar-label{
    font-weight: 600;
}
.IncoimgAYCallPulse {
    height: 35px;
    width: 35px;
    background-color: #10ac26;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.IncoimgAYCallPulse::before {
    content: "";
    position: absolute;
    border: 2px solid #10ac26cc;
    width: calc(100% + 17px);
    height: calc(100% + 17px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
}
.IncoimgAYCallPulse::after {
    content: "";
    position: absolute;
    border: 2px solid #10ac267d;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
    animation-delay: 0.3s;
}

@keyframes IncoimgAYCallPulse {
    0% {
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.3);
        opacity: 0
    }
}
.mx-width-10{
    max-width: 10%;
}
.mx-width-15{
    max-width: 15%;
}
.mx-width-20{
    max-width: 20%;
}
.mx-width-25{
    max-width: 25%;
}
.mx-width-30{
    max-width: 30%;
}
.mx-width-35{
     max-width: 35%;
 }
.mx-width-40{
    max-width: 40%;
}


.mn-width-10{
    min-width: 10%;
}
.mn-width-15{
    min-width: 15%;
}
.mn-width-20{
    min-width: 20%;
}
.mn-width-25{
    min-width: 25%;
}
.mn-width-30{
    min-width: 30%;
}
.mn-width-35{
    min-width: 35%;
}
.mn-width-40{
    min-width: 40%;
}
.AY_OutlineBtn {
    background: #ffffff !important;
    padding: 6px 12px 3px 12px !important;
    color: #616161 !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    box-shadow: 0px 0px 3px 0px #81818138 !important;
    border: 2px solid silver;
    display: block;
    width: fit-content;
}
.AY-btnBlue{
    background: #21709bc9 !important;
    color: white !important;
}

.AY_OutlineBtn2{
    background: #ffffff !important;
    padding: 4px 12px 4px 12px !important;
    color: #616161 !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    box-shadow: 0px 0px 3px 0px #81818138 !important;
    border: 2px solid #a1a1a1;
    display: block;
    width: fit-content;
}
.add-btn-cancel{
    background: white;
    border: 2px solid #adadad;
    border-radius: 30px;
    padding: 3px 10px 3px 10px;
    font-weight: 600;
    color: #2e2e2e;
    box-shadow: 0px 1px 5px 0px #a7a7a766;
    cursor: pointer;
}
.UXInfo{
    display: flex;
    /*background: white;*/
    width: fit-content;
    /*border: 1px solid #afafaf;*/
    border-radius: 30px;
    /*padding: 4px 11px 4px 11px;*/
    align-items: center;
    /*box-shadow: 0px 0px 5px 0px #3d3d3d4a;*/
}
.UXInfo span{
    font-size: 20px;
    color: #2f4dc1 !important;
}
.filtrColCntr{
    overflow-y: auto;
    height: 68vh;
}
 .UploadFileBox{
     background: #3977a3;
     color: white;
     width: fit-content;
     padding: 10px;
     border-radius: 47px;
 }
.SlotTable_Scrl{
     height: 40vh !important;
     overflow-y: auto;
 }
.SlotTable_Scrl_maxH_40vh{
    max-height: 40vh !important;
    overflow-y: auto;
}
.UploadFileBox input{
    border: none !important;
    border-radius: 39px;
    background: transparent;
    outline: none !important;
}
.outline-none{
    outline: none !important;
}
.editableEl {

}
.loadingspinner {
    pointer-events: none;
    width: 2.5em;
    height: 2.5em;
    border: 0.4em solid transparent;
    border-color: #eee;
    border-top-color: #3E67EC;
    border-radius: 50%;
    -webkit-animation: loadingspin 1s linear infinite;
    animation: loadingspin 1s linear infinite;
    margin-left: 50%;
}
.AY_Loader{
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    /* margin: 6%; */
    background: #7373737a;
    z-index: 99;

}
@-webkit-keyframes loadingspin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loadingspin {
    100% {
        transform: rotate(360deg);
    }
}
.filtrColHdr{
    display: flex;
    justify-content: space-between;
    padding: 15px 0px 7px 7px;
    background: #fafafa;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0px -10px 13px 0px #000000;
}
.transitions_ease_out{
    transition: width 0.3s ease;
}
.transitions_ease_in{
    transition: width 0.3s ease-out;
}
.filtrColCntr .ant-collapse > .ant-collapse-item > .ant-collapse-header{
    font-weight: 600;
}
.GunaTbScroll{
       height: calc(100vh - 183px);
    overflow-y:scroll;
    position: relative;
}
.add-btnWhiteOutline button{
    padding: 5px 20px !important;
    float: right;
    font-weight: bold;
    color: #505050 !important;
    border-radius: 20px;
    border: 0px;
    border-radius: 30px !important;
    border: 2px solid #6fc06c !important;
    background: white;
}
.add-btnWhiteOutline2 button{
    padding: 5px 20px !important;
    font-weight: bold;
    color: #ffffff !important;
    border: 0px;
    border-radius: 30px !important;
    /* border: 2px solid #7fc06c !important; */
    background: #327496 !important;
    font-size: 12px !important;
}
.GunaTbRowFixed{
    position: sticky;
    top: 31px;
    background: white;
    z-index: 999;
    box-shadow: 0px 5px 13px -5px #94949466;
}
.SubGunaTbScroll{
    height: calc(100vh - 296px);
    overflow-y:scroll;
    position: relative;
}
.linkRowBtn2 {
    width: fit-content;
    padding: 2px 6px 2px 6px;
    font-size: 12px;
    font-weight: 600!important;
    border: 2px solid #dcdcdc;
    border-radius: 6px;
}
.AY_OutlineBtn2 {
    background: #ffffff !important;
    padding: 3px 12px 3px 12px !important;
    color: #616161 !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    box-shadow: 0px 0px 3px 0px #81818138 !important;
    border: 2px solid silver;
    display: flex;
    /* width: fit-content; */
    justify-content: center;
    align-items: center;
}
.AY_OutlineBtnSoldGreen {
    background: #299819 !important;
    padding: 3px 12px 3px 12px !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    box-shadow: 0px 0px 3px 0px #81818138 !important;
    border: 2px solid silver;
    display: flex;
    justify-content: center;
    align-items: center;
}
.AY_OutlineBtn_small {
    background: #ffffff !important;
    padding: 0px 11px 0px 11px !important;
    color: #616161 !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    box-shadow: 0px 0px 3px 0px #81818138 !important;
    border: 2px solid silver;
    display: flex;
    /* width: fit-content; */
    justify-content: center;
    align-items: center;
}
.PrntCnt{
    display: none;
}
.tableSticky_Ay{
    position: sticky !important;
    top: 0 !important;
    z-index: 9 !important;
}
.FM_StickyHDR {
    position: sticky !important;
    top: 69px !important;
    z-index: 9 !important;
}
.VidContrPanel{
    display: flex;
    justify-content: center;
}
.mr-11P{
    margin-right: 11% !important;
}
.mr-15P{
    margin-right: 15% !important;
}
.AY_CheckBox .custom-checkbox{
    display: flex!important;
    align-items: center!important;
}
.AY_CheckBox .checkmark{
    position: inherit !important;
}
.AY_CheckBox .chkbx_text{
    margin-left: 5px!important;
}

.ViewImgPrevCntr .lb-container{
    height: 68vh;
    width:50%;
    top: 100px;
    align-content: center !important;
    margin-left: 25% !important;
}
.ViewImgPrevCntr .lb-canvas .lb-img{
  min-height: 260px !important;
}

.ViewImgPrevCntr .lb-container .lb-canvas {
    background: #484848 !important;
}


.Scroll_X{
    overflow-x: auto;
}
.PresDivider{
    margin-top: 2px;
    border-bottom: 1px solid #8d8d8d;
}
.AY_PrintTable_Header_Shaded{
    background: #ffffff !important;
    color: #000 !important;
    padding: 4px !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
.AY_PrintTable{
    border-collapse: collapse !important;
    border: 0.01em solid black !important;
    width: 100% !important;
}
.AY_PrintTable thead tr th{
    background:  var(--Th-Bgclr-violet)  !important;
    color: var(--Th-font-clr-white) !important;
    padding: 4px !important;
    border-right: 0.01em solid !important;
    border-bottom: 0.01em solid!important;
    border-top: 0.01em solid !important;

}
.AY_PrintTable tbody tr td{
    padding: 4px !important;
    word-break: break-word !important;
    border-right: 0.01em solid;
    border-bottom: 0.01em solid;

}
.Pdgrbox1, .Pdgrbox2, .Pdgrbox3, .Pdgrbox4, .Pdgrbox5, .Pdgrbox6, .Pdgrbox7, .Pdgrbox8, .Pdgrbox9, .Pdgrbox10, .Pdgrbox11, .Pdgrbox12, .Pdgrbox13, .Pdgrbox14 {
    margin: 20px 0;
}
.vh-ht-36{
    height: 36vh !important;
}
.ant-table-cell-scrollbar {
    box-shadow: 0 1px 0 1px #ffffff00 !important;
    border-left: none !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th {
    border-right:1px solid rgba(255, 255, 255, 0) !important;
    border-left: 1px solid white !important;
}
.ant-table.ant-table-bordered > .ant-table-container table > thead > tr:first-child th:last-child {
    border-left: 1px solid rgba(255, 255, 255, 0) !important;
}
.fixedHdrCollapse .ant-collapse-header{
    position: sticky !important;
    top: 0px !important;
    background: #fafafa !important;
    z-index: 8 !important;
    border-bottom: 1px solid #d1d1d1 !important;
    box-shadow: 0px 2px 7px 0px #80808054 !important;
}
.z-index-99{
    z-index: 99 !important;
}
.p-sticky{
    position: sticky !important;
}
.top-47{
    top: 47px;
}
.mt-72{
    margin-top: 72px;
}
.zind-9999{
    z-index: 9999;
}
.tb-scrl thead {
    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
.tb-scrl tbody{
    display: block;
    height: 40vh;
    overflow: auto
}

.tb-scrl  tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.TpitemInfo{
    word-break: break-word;
}
.MasterDataDSB_Item{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.menuBtnsScrollWrapper{
    position: relative;
    display: flex;
    align-items: center;
}
.menuBtnsScrollCntr{
    position: absolute;
    width: 100%;
    justify-content: space-between;
    height: 100%;
}
.menuBtnsScrollCntr button{
    background: #00000094;
    color: white;
    z-index: 999;
    border-right: 1px solid grey;
 }
.leftScrlBtn{
    box-shadow: 8px 0px 19px 0px #999999a8;
}
.rightScrlBtn{
    box-shadow: -8px 0px 19px 0px #999999a8;
}
.menuBtnsScrollCntr button:hover{
    background: rgba(0, 0, 0, 0.76);
}
.nav-tabs.PTabs li a{
    width: max-content !important;
}
.nav-tabs{
    overflow-y: scroll !important;
    scroll-behavior: inherit;
    margin-left: 2%;
    margin-right: 2%;
}
.nav-tabs::-webkit-scrollbar {
    display: none;

}

   .ay-maintabs .nav.nav-tabs li a{
        padding: 5px 10px 5px 10px !important;
        width: max-content;
    }
/*--------------Mobile View---------------------------------------------------*/
@media (max-width: 1200px) {
    .menuContainer{
        margin-top: 0px !important;
    }
    .menuItemContainer {
        display: flex;
        width: auto;
        padding: 2px 6px 3px 6px;
        background: #0B5057;
        border-radius: 40px;
        box-shadow: 0px 0px 6px 0px #383838;
        border: 0.5px solid #16484d;
        align-items: center;
    }
    .menuItem {
        background: #1f8310;
        padding: 2px 5px 2px 4px;
        border-radius: 73px;
        margin-right: 9px;
        justify-content: center;
        border: solid 2px #9cd99b96;
        transition: all 0.5s ease;
        align-items: center;
    }
    .menuItem .anticon {
        /* vertical-align: middle !important; */
        /* margin-left: 1px !important; */
    }
    .menuItem span{
        font-size: 13px !important;
    }
    .navbar-fixed-top{
        display: flex;
        align-items: center;
    }


    .Scroll_Width_1500{
        max-width: unset !important;
        width: 1500px !important;
    }




    .ay-subtabs{
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .ay-subtabs .nav.nav-tabs{
        width: max-content;
    }
    .haFAHeaderTitle {
        font-size: 15px;
        padding: 7px 0px 5px 10px;
    }
    .newinnertabs {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: flex;
    }
    .ay-maintabs{
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .ay-maintabs::-webkit-scrollbar {
        display: none;
    }
    .newinnertabs::-webkit-scrollbar {
        display: none;
    }
    .ay-subtabs::-webkit-scrollbar {
        display: none;
    }
    .firmLogoCntr{
        display: flex;
        justify-content: left;
    }
    .AcLoginMain  {
        padding: 31px;
    }
    .AcLoginMain .AcLoginwrapper {
        padding: 1.2rem;
        border: none;
        outline: none;
        border-radius: 0.55rem;
        color: var(--color-black);
        background: #ffffff;
        box-shadow: 0px 0px 7px 0px #9b9b9b7d;
        margin: auto;
    }
    .AyurTitle p {
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        color: #0d3537;
        margin-bottom: 0px;
    }
    .AyurTitle .ayurSubitle p {
        font-size: 12px;
        font-weight: 600;
        color: #0d3537;
    }

    .login_bg {
        height: 23vh;
        align-items: center;
        background-image: url(../img/loginbg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: inherit;
    }
    .AyurTitle {
        background: #f7f7f6db;
        margin-top: 28%;
    }
    .AcLogintext-links {
        display: block;
        text-align: end;
    }
    .AcLoginMain .AcLoginwrapper .form .input-field {
        padding: 0.55rem 1rem;
    }
    .AcLogintext-large {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--color-black);
    }
    .loginbody {
        overflow: hidden;
    }
    .displayGrid {
        display: inherit;
    }
    .footerCntr{
        position: fixed !important;
        width: 100%;
        bottom: 4%;
        z-index: -1;
    }
    #CntDrag{
        top: 90%;
        left: 80%;
    }

    .pdbxIcon {
        padding:0px 0px 5px 0px;
        text-align: center;
        font-size: 30px;
    }
    .pdbxCont {
        text-align: center;
        font-size: 15px;
        font-weight: 600 !important;
    }
    .user-Vid-pan-cotrols .pan-cotrol {
        margin-right: 0px;
    }
    .user-Vid-pan-cotrols {
        display: block;
        background: #1e2933;
        padding: 8px 0px 5px 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .caller-user-Vid{
        margin-top: 10%;
    }
    .VidContrPanel{
        display: flex;
        justify-content: space-around;
    }
    .PM-Main-FixedHeader {
        top: 40px !important;
    }
}
@media (max-width: 800px) {
    .menuContainer{
        margin-top: 0px !important;
    }
    .menuItemContainer {
        display: flex;
        width: auto;
        padding: 2px 6px 3px 6px;
        background: #0B5057;
        border-radius: 40px;
        box-shadow: 0px 0px 6px 0px #383838;
        border: 0.5px solid #16484d;
        align-items: center;
    }
    .menuItem {
        background: #1f8310;
        padding: 2px 5px 2px 4px;
        border-radius: 73px;
        margin-right: 9px;
        justify-content: center;
        border: solid 2px #9cd99b96;
        transition: all 0.5s ease;
        align-items: center;
    }
    .menuItem .anticon {
        /* vertical-align: middle !important; */
        /* margin-left: 1px !important; */
    }
    .menuItem span{
        font-size: 13px !important;
    }
    .navbar-fixed-top{
        display: flex;
        align-items: center;
    }


    .Scroll_Width_1500{
        max-width: unset !important;
        width: 1500px !important;
    }


    .userInfoLeft{
        display: none !important;
    }
    .ay-maintabs .nav.nav-tabs li a{
        padding: 5px 14px 5px 14px !important;
        width: max-content;
    }
    .ay-subtabs{
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .ay-subtabs .nav.nav-tabs{
        width: max-content;
    }
    .haFAHeaderTitle {
        font-size: 15px;
        padding: 7px 0px 5px 10px;
    }
    .newinnertabs {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: flex;
    }
    .ay-maintabs{
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .ay-maintabs::-webkit-scrollbar {
        display: none;
    }
    .newinnertabs::-webkit-scrollbar {
        display: none;
    }
    .ay-subtabs::-webkit-scrollbar {
        display: none;
    }
    .firmLogoCntr{
        display: flex;
        justify-content: left;
    }
    .AcLoginMain  {
        padding: 31px;
    }
    .AcLoginMain .AcLoginwrapper {
        padding: 1.2rem;
        border: none;
        outline: none;
        border-radius: 0.55rem;
        color: var(--color-black);
        background: #ffffff;
        box-shadow: 0px 0px 7px 0px #9b9b9b7d;
        margin: auto;
    }
    .AyurTitle p {
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        color: #0d3537;
        margin-bottom: 0px;
    }
    .AyurTitle .ayurSubitle p {
        font-size: 12px;
        font-weight: 600;
        color: #0d3537;
    }

    .login_bg {
        height: 23vh;
        align-items: center;
        background-image: url(../img/loginbg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: inherit;
    }
    .AyurTitle {
        background: #f7f7f6db;
        margin-top: 28%;
    }
    .AcLogintext-links {
        display: block;
        text-align: end;
    }
    .AcLoginMain .AcLoginwrapper .form .input-field {
        padding: 0.55rem 1rem;
    }
    .AcLogintext-large {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--color-black);
    }
    .loginbody {
        overflow: hidden;
    }
    .displayGrid {
        display: inherit;
    }
    .footerCntr{
        position: fixed !important;
        width: 100%;
        bottom: 4%;
        z-index: -1;
    }
    #CntDrag{
     top: 90%;
     left: 80%;
    }
    .Pdgrbox1, .Pdgrbox2, .Pdgrbox3, .Pdgrbox4, .Pdgrbox5, .Pdgrbox6, .Pdgrbox7, .Pdgrbox8, .Pdgrbox9, .Pdgrbox10, .Pdgrbox11, .Pdgrbox12, .Pdgrbox13, .Pdgrbox14 {
        margin: 20px 0;
        min-height: 100px !important;
    }
    .pdbxIcon {
        padding: 0px 0px 5px 0px;
        text-align: center;
        font-size: 30px;
    }
    .pdbxCont {
        text-align: center;
        font-size: 15px;
        font-weight: 600 !important;
    }
    .user-Vid-pan-cotrols .pan-cotrol {
        margin-right: 0px;
    }
    .user-Vid-pan-cotrols {
        display: block;
        background: #1e2933;
        padding: 8px 0px 5px 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .caller-user-Vid{
        margin-top: 10%;
    }
    .VidContrPanel{
        display: flex;
        justify-content: space-around;
    }
    .PM-Main-FixedHeader {
        top: 40px !important;
    }
}


@media (max-width: 530px) {
    .Scroll_Width_1500{
        max-width: unset !important;
        width: 1500px !important;
    }
    .FirmMainLogo{
        height: 52px !important;
    }
    .userInfoLeft{
        display: none !important;
    }
    .ay-maintabs .nav.nav-tabs li a{
        padding: 5px 14px 5px 14px !important;
        width: max-content;
    }
    .ay-subtabs{
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .ay-subtabs .nav.nav-tabs{
        width: max-content;
    }
    .haFAHeaderTitle {
        font-size: 15px;
        padding: 7px 0px 5px 10px;
    }
    .newinnertabs {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: flex;
    }
    .ay-maintabs{
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .ay-maintabs::-webkit-scrollbar {
        display: none;
    }
    .newinnertabs::-webkit-scrollbar {
        display: none;
    }
    .ay-subtabs::-webkit-scrollbar {
        display: none;
    }
    .menuContainerTop{
        display: none;
    }
    .firmLogoCntr{
        display: flex;
        justify-content: left;
    }
    .AcLoginMain  {
        padding: 31px;
    }
    .AcLoginMain .AcLoginwrapper {
        padding: 1.2rem;
        border: none;
        outline: none;
        border-radius: 0.55rem;
        color: var(--color-black);
        background: #ffffff;
        box-shadow: 0px 0px 7px 0px #9b9b9b7d;
        margin: auto;
    }
    .AyurTitle p {
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        color: #0d3537;
        margin-bottom: 0px;
    }
    .AyurTitle .ayurSubitle p {
        font-size: 12px;
        font-weight: 600;
        color: #0d3537;
    }

.login_bg {
        height: 23vh;
        align-items: center;
        background-image: url(../img/loginbg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: inherit;
}
.AyurTitle {
        background: #f7f7f6db;
        margin-top: 28%;
    }
.AcLogintext-links {
        display: block;
        text-align: end;
    }
.AcLoginMain .AcLoginwrapper .form .input-field {
        padding: 0.55rem 1rem;
    }
.AcLogintext-large {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--color-black);
    }
    .loginbody {
        overflow: hidden;
    }
    .displayGrid {
        display: inherit;
    }
    .footerCntr{
        position: fixed !important;
        width: 100%;
        bottom: 4%;
        z-index: -1;
    }
    #CntDrag{
        top: 90%;
        left: 80%;
    }
    .Pdgrbox1, .Pdgrbox2, .Pdgrbox3, .Pdgrbox4, .Pdgrbox5, .Pdgrbox6, .Pdgrbox7, .Pdgrbox8, .Pdgrbox9, .Pdgrbox10, .Pdgrbox11, .Pdgrbox12, .Pdgrbox13,  .Pdgrbox14 {
        margin: 20px 0;
    }
    .pdbxIcon {
        padding: 0px 0px 5px 0px;
        text-align: center;
        font-size: 30px;
    }
    .pdbxCont {
        text-align: center;
        font-size: 15px;
        font-weight: 600 !important;
    }
    .user-Vid-pan-cotrols .pan-cotrol {
        margin-right: 0px;
    }
    .user-Vid-pan-cotrols {
        display: block;
        background: #1e2933;
        padding: 8px 0px 5px 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .caller-user-Vid{
        margin-top: 10%;
    }
    .VidContrPanel{
        display: flex;
        justify-content: space-around;
    }
    .PM-Main-FixedHeader {
        top: 40px !important;
    }
}
.file-upload {
    position: relative;
    display: inline-block;
}

.file-upload__label {
    display: block;
    padding: 0.6em 1.4em;
    color: #fff;
    background: #3a78ae;
    border-radius: 0.4em;
    transition: background 0.3s;
}
.file-upload__label:hover {
    cursor: pointer;
    background: #2e628f;
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1px;
    width: 0;
    height: 100%;
    opacity: 0;
}
.flex-col{
    flex-direction: column;
}
.add-btn3 button {
    background: #299819 !important;
    padding: 5px 20px !important;
    color: white !important;
    border: 0px;
    border-radius: 30px !important;
}
.RepliesSectionCntr{
    border-top: 2px solid #f0f0f0;
    height: 63vh;
}
.RepliesSectionSubCntr{
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}
.RepliesSectionLeft{
    border-right: 2px solid #e0e0e0;
    overflow-y: auto;
    overflow-x: hidden;
    height: 65vh;
}
.RepliesSectionLeft2{
    border-right: 2px solid #e0e0e0;
    overflow-y: auto;
    overflow-x: hidden;
    height: 76vh;
}
.LeadItem{
    cursor: pointer;
    border: 1px solid #d8d8d8;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px -3px gray;
    margin-bottom: 17px;
}
.LeadItem.activeClr{
    border: 2px solid #883ce3d4;
    background: #f2eaff;
}
.LeadItem .LeadName{
    font-size: 16px;
    font-weight: 600;
    color: #5e2d99;
}
.flex-sh-0{
    flex-shrink: 0;
}
.LeadItem .LeadMSGPRev{
    padding: 11px 7px;
    font-size: 14px;
    color: #181818;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.RepliesSectionLeftHDR{
    padding: 9px;
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 10px;
}
.RepliesSectionLeftHDR p{

    color: #5a5a5a;
}
.w-fit{
    width: fit-content;
}

.RepliesSectionHDR{
    border-bottom: 2px solid #eeeeee;
     padding: 13px;
}
.RepliesSectionHDR p{
    font-size: 15px;
    font-weight: 600;
    color: #5a5a5a;
}
.MSG_ItemCntr{
    width: fit-content;
    max-width: 48%;
    padding-bottom: 10px;
}
.MSG_Item.Left{
    padding: 12px 30px 12px 30px;
    border-radius: 50px;
    background-color: #592991;
    width: fit-content;
}
.MSG_Item.Right{
    border: 1px solid #d2b3ff;
    padding: 9px 30px 9px 30px;
    border-radius: 50px;
    background-color: #fcf4ff;
    width: fit-content;
}
.MSG_Item.Left .MSG_Cnt{
    color: white;
    font-size: 15px;
}
.MSG_Item.Left .MSG_Time{
    margin-left: 25px;
    font-size: 13px;
}
.MSG_Item.Right .MSG_Cnt{
    color: #000000;
    font-size: 15px;
}
.MSG_Time{
    color: #666666;
    font-size: 13px;
    margin-left: 30px;
}
.LeadsMSGCntr{
    overflow-y: auto;
    overflow-x: hidden;
    height: 49vh;
    position: relative;
    background: #fffff1;
}
.LeadsMSGInp{
    padding: 5px  14px 7px 28px !important;
    border: 1px solid lightgrey !important;
    font-size: 17px !important;
    border-radius: 65px !important;
    width:100% !important;
    outline: none !important;
}
.LeadMSGSendBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    background: #088742;
    padding: 11px 17px 11px 17px;
    border-radius: 56px;
    color: white;
}
.LeadMSGSendBtn3{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    background: #5f3ca2;
    padding: 11px 17px 11px 17px;
    border-radius: 56px;
    color: white;
}
.LeadMSGSendBtn2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    background: #686a93;
    padding: 11px 17px 11px 17px;
    border-radius: 56px;
    color: white;
}
.LeadsMSGInpCntr{
    border-top: 2px solid #ededed;
}
.NoChatCntr{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.NoChatCntr p{
    color: #bdbdbd;
    font-size: 18px;
}
.ReplyLoader{
    height: 90%;
    position: absolute;
    z-index: 999;
    background: #9e9e9e1c;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ReplyLoader p{
    color: #00d275;
    font-size: 15px;
    font-weight: 600;
}
.subTabDtCntr{
    border: 1px solid #cfcfcf;
}
.subTabDtHDR{
    background-color: #f8f2ff;
    padding: 3px 7px;
}
.subTabDtCNT{
    padding: 3px 7px;
}
.textGray1{
    color: #686868;
}
.ant-collapse-content-box{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.AromaFilterTB{
    background: #ffffffa6;
}
.eyeBadgeBlue {
    cursor: pointer;
    border-radius: 30px;
    padding: 4px 14px 4px 14px;
    background: #1b8aae;
    font-size: 12px;
}
.eyeBadgeGreen {
     cursor: pointer;
    border-radius: 30px;
    padding: 6px 19px 6px 19px;
    background: #2da300;
    font-weight: 600;
}
.bordrdTable > tbody > tr > td {
    border-top: none !important;
    border-bottom: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0 !important;
}
.bordrdTable > tbody > tr:nth-child(1) > td {
    border-top: 1px solid #b0b0b0 !important;
}
.inputBorder{
    border: 1px solid #b2b2b2;
}
.marmaRecCntr{
    padding: 12px;
    background: white;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px -3px #000000;
}
.blueOutlinBtn{
    border-bottom: 1px solid #2c8ff1;
    font-size: 13px;
}
.self-end{
    align-self: end;
}
.h-full{
    height: 100%;
}
.AyMainMenu ul li{
    padding: 0 !important;
    color: black !important;

}
.AyMainMenuItem{
  padding: 0.35rem 0.83rem!important;
}
.AyMainMenuItemActive{
    background: #4d9632  !important;
     color: white !important;
}
.AyMainMenuItemActive a{
     color: white !important;
}
.ay-menu-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0px;
  /*border-bottom: 2px solid #ccc;*/
}

.ay-menu-item {
    font-family: "Inter", "Montserrat", sans-serif;
    font-weight: 600 !important;
  position: relative;
  margin-top: 7px ;
  margin-bottom: 7px ;
  padding-right: 11px ;
  padding-left: 11px ;
  background: none;
  border: none;
  color: #005877;
  font-size: 13px;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}

.ay-menu-item:hover {
  color: #000;
}

.ay-menu-indicator {
  position: absolute;
  bottom: 0;
  height: 0.145rem;
  background-color: #02b40c;
  border-radius: 2px;
  transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
}

/*.ui.search.selection.dropdown>input.search{*/
/*    padding:0.444rem 0.745rem !important ;*/
/*}*/

.ui.selection.dropdown{
    padding:0.444rem 0.745rem !important ;
        min-height: 2.1914286em !important;
}
.ui.multiple.selection.dropdown{
       padding:0rem 0.745rem!important ;
}
.ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon {
    padding: .61666667em !important;
}
.ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td{
    padding: 4px 6px !important;
}
.ant-table-tbody > tr > td {
    border-bottom: 1px solid #dcdcdc !important;
}
.hidden-El{
    display: none;
    width: 0;
    height: 0;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header{
    padding: 7px 16px !important;
    font-weight: 600!important;
    font-size: 13px!important;
}
.marmaFilter{
    height: calc(100vh - 169px);
    overflow-y: auto;
}
.marmaTB{
        overflow-y: auto;
    height: calc(100vh - 169px);

}
.marmaRecommendScrollHeight{
        height: calc(100vh - 278px);
    overflow-y: auto;
}
.fillViolet{
    fill: #450e86;
}
.loader500{
        width: 3.3rem;
    height: 3.3rem;
}
.minPad{
    padding: 0rem 0.35rem;
}

.marmaFilter::-webkit-scrollbar{
    width: 6px !important;
}
.marmaFilterTBPagination{
    background: #ffffff;
    padding: 13px;
}
.marmaFilterTBContent{
    height: calc(100vh - 267px);
}
.allopathyFilterTBContent{
    height: calc(100vh - 225px);
}
.AY_OutlineBtn3 {
    background: #ffffff !important;
    padding: 1px 14px 1px 12px !important;
    color: #616161 !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    box-shadow: 0px 0px 3px 0px #81818138 !important;
    border: 2px solid #69addb;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custModalCTHDR .ant-modal-close{
    display: none!important;
}
.deleteActionBtn{
    border: 2px solid red;
    padding: 0.33rem 0.94rem;
    border-radius: 70px;
}
.quickLink{
    color: #293ee5 !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}
.MarmaPointImageCntr{
     position: relative;
    height: calc(100vh - 136px);
    display: flex;
    justify-content: center;
    background: #1d1d1d;
    padding: 8px;
}
.MarmaPointImageCntr img{
    height: 100% !important;
}

.tbSecondaryBtn{
    border: 1px solid #8f8f8f;
    padding: 0.22rem 0.77rem;
    width: fit-content;
    border-radius: 18px;
    color: #004cd0;
    cursor: pointer;
}
.borderBlue500{
    color: #0054d2;
}









.CustomSpinner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.CustomSpinner {
    display: inline-block;
    border-style: solid;
    border-radius: 50%;
    animation: CustomSpin 0.8s linear infinite;
}

.spinner-title {
    margin-top: 0.75rem;
    font-size: 1rem;
    color: #4b5563;
    font-weight: 500;
    font-family: sans-serif;
    text-align: center;
}

@keyframes CustomSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tbSecondaryBtn2 {
    border: 1.5px solid #0700b27d;
    padding: 0.22rem 0.77rem;
    width: fit-content;
    border-radius: 18px;
    color: #021ae0;
    font-weight: 500;
    cursor: pointer;
}