body {
    background-color:#dddde8  !important;
    /* font-family: "Source Sans Pro", sans-serif; */
    font-family: 'Montserrat', sans-serif !important;
    /* font-family: "segoe ui","roboto","oxygen","ubuntu","cantarell","fira" "sans","droid sans","helvetica neue",sans-serif, sans-serif !important; */
    font-size: 13px;
    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 #dddbda !important;
}

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

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

.flr{
   float: inherit !important;
}
.plusclr{
    color:#2ca01c !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: 7%;
}
.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 {
    float: left;
    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;
 }

 .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: #d6d6d6;
     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: #2ca01c;
     border-color: #2ca01c;
     outline: none;
 }

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

 .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: 25px;
     padding-right: 25px;
 }

 .panel .panel-heading {
     padding-top: 20px;
     padding-bottom: 20px;
     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: "Montserrat", sans-serif;
     color: #000000;
 }

 .panel .panel-heading button {
     padding: 0;
     margin-left: 5px;
     background-color: #2ca01c;
     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;
 }
 @media screen and (max-width: 640px) {
     .navbar-btn {
         float: left;
         padding: 5px 0;
         display: block;
     }
     .navbar-btn {
         margin-top: 5px;
         margin-bottom: -17px;
         position: absolute;
         margin-left: 10px;
     }
     .brand {
         position: relative;
         left: 35px;
     }
     .container-md-plr {
         padding-right: 0px;
         padding-left: 0px;
     }
     .slect-option1 {
         width: 49%;
     }
  
     .add-btn {
         position: absolute;
         right: 0px;
         top: -73px;
         margin-right: 0px !important;
     }
     .to-text {
         font-size: 18px;
         font-weight: 600;
         margin-top: 16px;
     }
     .slect-option1 {
         margin-top: 30px;
         padding: 8px 15px;
         border-radius: 5px;
         margin-left: 0px;
         outline: none !important;
     }
     .select-option-box {
         position: relative;
         top: 5px;
     }
     .panel .panel-body {
         padding-top: 50px;
         padding-bottom: 15px;
     }
     .slect-option2 {
         margin-top: 5px;
         margin-bottom: 5px;
         padding: 5px 10px;
         border-radius: 5px;
         width: 100%;
         outline: none !important;
     }
     .slect-option2::after {
         content: "";
         position: absolute;
         width: 10px;
         height: 10px;
         top: 0px;
     }
     label {
         display: inline-block;
         max-width: 100%;
         margin-bottom: 5px;
         margin-top: 5px;
         font-weight: 700;
     }
     input#exampleCheck1 {
         margin-left: 0px !important;
     }
     div#datetimepicker6 {
         width: 26%;
         border-radius: 5px;
         text-align: center;
         margin: 0px;
     }
     div#datetimepicker6:first-child {
         margin-top: 10px;
         margin-left: 20px;
     }
     div#datetimepicker6:last-child {
         margin-top: 20px;
         margin-bottom: 20px;
         margin-left: 20px;
     }
     .to-text {
         position: relative;
         left: -47%;
         top: 43px;
     }
     .easy-pie-chart {
         position: relative;
         width: 130px;
         margin: 0 auto 20px;
         /* margin-bottom: 15px; */
         text-align: center;
         /* margin-left: -3px; */
     }

     .tab {
         margin-top: 17px;
     }
     .dropdown-menu {
         position: relative;
         padding: 0px;
         width: 100%;
     }
     .food-text-checkbox span {
         font-size: 12px !important;
     }
     /* .navbar-form {
    display: block;
  }
  .navbar-form .input-group {
    width: 35%!important;
  } */
 }

 .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;
     margin-top: 8px;
 }

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

 .name-input {
     border-color: rgb(169, 169, 169);
     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 #2ca01c;
     background: #2ca01c;
     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 {
     color: #706e6b;
     font-size: 14px;
     font-weight: normal;
     margin-top: 20px;
 }
 .uploadimgbtn{
    margin-top: -53px;
    margin-right: 20px;
 }
 .gallerybox{
    margin-top: 2px;
    box-shadow: 0px 0px 7px 0px #aeaeae;
    width: 79% !important;
    border-radius: 8px;
    background: #ffffff;
    margin-right: 27%;
 }
 .str-fixed-header{
    position: sticky;
    top: 59px;
    z-index: 999;
    background: #e7e7e7;
 }
 .patient-box {
    border-radius: 8px;
    padding: 0px 0px 30px 0px;
    box-shadow: 0px 0px 7px 0px #bababa;
    background: white;
    border: 0.5px solid #cecece;
 }

 .patient-box h3 {
     margin-top: 0px;
     margin-bottom: 0px;
     background: #b2d5bc;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
     color: black;
     font-size: 16px;
     padding: 10px 15px 10px 15px;
 }

 .patient-boxNutritionTherapy h3 {
     margin-top: 0px;
     margin-bottom: 0px;
     background: #b2d5bc;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
     color: #fff;
     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-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}
 .ml-28 {
     margin-left: 28px;
 }

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

 .ml-N-17 {
     margin-top: -17px;
 }

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

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

 .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: 70px;
 }

 .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: 13px;
     color: #73716e;
     font-weight: 500;
 }
 .abdominal-exam-input p {
     width: 100%;
     padding: 5px 15px;
     box-shadow: 0 1px 0 0 #dddbda;
     background-color: #0B5057;
     margin: 0px;
     color: #ffffff;
     border-bottom: 3px solid #0B5057;
 }

 .abdominal-exam-input textarea {
     width: 100%;
     height: 150px;
     border: none;
     outline: none;
     font-size: 13px;
 }

 .abdominal-exam-kidney {
     margin-top: 50px;
 }

 .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;
     height: 18px;
     border: solid 1px #bebcbc;
     margin-left: 30px;
 }

 .abdominal-exam-kidney input:first-child {
     margin-left: 95px;
 }

 .abdominal-exam-kidney span {
     font-size: 13px;
     font-weight: 500;
     position: relative;
     top: -4px;
     color: #73716e;
 }

 .pulse-box-btn button {
     padding: 10px 20px;
     margin-right: 10px;
     background: #fff;
     border-radius: 1.5px;
     border: solid 1px #2ca01c;
     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: #2ca01c;
     color: #fff;
 }

 .abdominal-exam-kidney .active {
     background: #2ca01c;
     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;
 }

 .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{
    width: auto;
    height: 147px;
    margin: 15px 0px 10px;
 }
 .SimgItem{
     text-align: center;
 }
 .searchClear{
    position: absolute;
    margin-left: 87%;
    margin-top: -23px;
 }
.searchClearMa{
    margin-left: 95%;
    position: absolute;
    margin-top: 11px;
}

 .imgCard{
    box-shadow: 0px 0px 15px 0px #b4b2b2;
    width: 30%;
    display: inline-table;
    padding: 7px;
    border-radius: 9px;
 }
 .mr-45 {
     margin-right: 45%;
 }

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

 .clrRed {
     color: red;
 }

 .fw300 {
     font-weight: 300 !important;
 }
 .fw600 {
    font-weight: 600 !important;
}
 .clrGreen {
     color: green;
 }

 .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-size11 {
     font-size: 11px;
 }
 .font-size12 {
    font-size: 11px;
}
.font-size13 {
    font-size: 11px;
}
.font-size14 {
    font-size: 11px;
}
.font-size15 {
    font-size: 11px;
}
.font-size16 {
    font-size: 11px;
}
 .per-text {
     float: right;
     margin-top: 20px;
     margin-right: 22%;
 }

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

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

 .elmination-input select {
     width: 29%;
     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: 15px !important;
 }

 .width30 {
     width: 30%;
 }

 .pl10 {
     padding-left: 39px !important;
 }

 .past {
     font-size: 8px;
     position: absolute;
     margin-top: 16px;
     margin-left: -41px;
     font-weight: 500;
 }

 .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-present-illness-box {
     padding: 30px 30px;
 }

 .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;
 }

 .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 #dddbda !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: #2ca01c;
     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;
 }

 .width50pr {
     width: 30%;
 }

 .width60 {
     width: 60% !important;
 }

 .width10 {
     width: 10% !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 #333;
     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: 30px;
     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: #2ca01c !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: #2ca01c;
     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;
}
 .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: #2ca01c !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;
 }

 .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;
 }

 .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;
 }

 .configure_search input {
     width: 350px;
     margin-bottom: 0px;
     margin-right: 15px;
     padding-right: 35px;
     border-radius: 20px !important;
     box-shadow: 0px 0px 7px 0px #2e2e2e47 !important;
 }

 .configure_search input+.search_right {
     position: absolute;
     right: 30px;
     top: 10px;
     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: #2ca01c !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;
     display: flex;
     align-items: center;
     background-image: url(../img/loginbg.png);
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: bottom left;
 }

 .login-form {
     width: 680px;
     position: absolute;
     right: 10%;
 }

 .login-form form {
     margin-bottom: 15px;
     background: #fff;
     box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
     padding: 25px 30px;
     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: #2ca01c;
 }

 .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: #2ca01c;
    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;
 }

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

 button.btn.btn-default {
     background-color: #fff;
     border: 1px solid #aaa;
 }
 .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 #2ca01c;
     background: #2ca01c;
     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: #2ca01c;
 }

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

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

 .notfoundpage button {
     border: solid 1px #2ca01c;
     background: #2ca01c;
     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 {
     position: absolute;
     right: 9%;
     border-radius: 50%;
     top: 16vh;
     z-index: 1008;
     background-color: #0B5057;
     width: 40px;
     height: 40px;
     text-align: center;
     /* border-radius: 20px 0px 0px 20px; */
     box-shadow: 0px 0px 10px #999;
 }

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

 .doshafloatcontainer {
    width: auto;
    position: fixed;
    top: 24%;
    background-color: #ffffff;
    right: 9%;
    padding: 9px;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0px 0px 30px #555;
 }
 .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 {
     background-color: #0B5057;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     display: inline-block;
     color: #fff;
     font-weight: 700;
 }

 .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;
 }

 .dark-tooltiptable.__react_component_tooltip {
     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;
 }
 .add-btn>a>button{
     font-size: 14px;
     font-weight: 600;
 }
 .theme_btngrp button.btn.btn-default,a.btn.btn-default {
     background-color: #fff;
     color: #666;
     padding: 5px 10px;
     font-size: 13px;
     border: 1px solid #2ca01c;
     /* #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: #2ca01c;
 }

 .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;
 }
 .mr-30P {
    margin-right: 30%;
}

 .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: #2ca01c !important;
     width: 152px !important;
 }

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

 .fuv-status {
     max-width: 139px !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;
}
.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;
 }

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

 .rolebtn {
     margin-right: 180px;
 }

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

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

 .rolebtnclr:focus:active {
     background-color: #2ca01c !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: 90px;
 }

 .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 - 225px);
     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;
 }
 .herbHeader{
    padding-top: 8px !important;
    padding-bottom: 8px !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;
 }
 .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: #2ca01c;
     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: 15px;
 }

 .topfixed .patientinfo {
     background-color: #0B3236;
     color: #fff;
     padding: 10px 10px;
 }

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

 .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 {
     padding: 0px 30px;
 }

 .topfixed .patientinfo ul li span {
     color: #bbb;
 }

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

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

 .ay-maintabs .nav.nav-tabs li {
     float: none;
     flex-grow: 1;
     border-radius: 0px;
     border-right: 1px solid #9b9b9b;
     z-index: 3;
 }

 .ay-maintabs .nav.nav-tabs li a {
     text-align: center;
     font-size: 14px;
     color: #000;
     font-weight: 700;
     padding: 15px 0px;
     border: 0px;
 }

 .ay-maintabs .nav.nav-tabs li.active a {
     color: white;
     background-color: #0e7200;
     margin-right: 0px;
     border-radius: 0px;
     box-shadow: 2px 5px 9px 0px grey;
 }

 .ay-subtabs {
     background-color: #EEEEEE;
     border: #B7B7B7;
     padding-left: 30px;
 }

 .ay-subtabs .nav.nav-tabs li a {
     text-align: center;
     font-size: 13px;
     color: #000;
     font-weight: 600;
     padding: 16px 10px;
     border: 0px;
     /* transform: scale(1) !important;  */
 }

 .ay-subtabs .nav.nav-tabs li.active a {
    background-color: #EEEEEE;
    color: #0B3236;
    /* background: white; */
    border-radius: 14px;
    /* box-shadow: 0 0 10px 0px #979797; */
    padding: 9px;
    margin: 5px;
    /* border: 1px solid #cdcdcd; */
 }

 .ay-subtabs .nav.nav-tabs li.active a::after {
    width: 84%;
    border-bottom: 4px solid #00a111;
    position: absolute;
    left: calc(50% - 41%);
    bottom: 0px;
    content: "";
 }

 .ay-maintabs .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: "";
 }
 .font-size14 {
     font-size: 14px !important;
 }

 .newinnertabs {
     margin: 20px 0px 0px 15px;
     margin-bottom: -13px;
 }

 .newinnertabs li button {
     font-weight: 700;
     padding: 10px 20px;
     color: #000;
     border: 0px;
 }

 .newinnertabs li.active button {
     color: #0B3236;
     border-bottom: 4px solid #2ca01c;
 }
 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;
 }
 .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: #2ca01c !important;
 }

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

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

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

 .mb10 {
     margin-bottom: 10px;
 }

 .mr15 {
     margin-right: 15px;
 }

 .ml15 {
     margin-left: 15px;
 }

 .sound-wave {
     display: none !important;
 }

 .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 {
     background-color: #0B5057;
     height: 31px;
     color: white;
     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: #2ca01c !important;
     border-color: #adadad;
 }

 .vh-85 {
     height: 85vh;
 }

 .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-color: #744fd8;
}
.aromaRCMcontainer::-webkit-scrollbar-track-piece{
        background-color: #C2D2E4;
}
.aromaRCMcontainer::-webkit-scrollbar-thumb:vertical{
    height: 30px;
    background-color: #744fd8;
}
.aromaDLcontainer::-webkit-scrollbar-track-piece{
    background-color: #C2D2E4;
}
.aromaDLcontainer::-webkit-scrollbar-thumb:vertical{
height: 30px;
background-color: #744fd8;
}









.aromaTranspbg{
    background: #ffffffa1;

}
 .HerbologyTabData {
     height: calc(100vh - 390px);
     overflow-y: auto;
     overflow-x: hidden;
 }
 .herbTablesection {
    height: calc(100vh - 364px);
    overflow-y: auto;
    overflow-x: hidden;
}
 .HerbologyTabData table th {
     font-weight: normal;
     color: #fff;
 }
 .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;
     }
 }
 .table tbody tr td:last-child i {
     font-size: 15px !important;
 }
 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;
 }

 .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:0px;
    z-index: 999;
}
.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: #2ca01c;
 }

 input:focus+.slider {
     box-shadow: 0 0 1px #2ca01c;
 }
 .contentScrollable{
    overflow: auto;
    height: 72vh;
 }
 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: #2ca01c !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-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: rgb(55 255 0 / 69%) !important;
     box-shadow: 0px 0px 6px 1px green !important;
 }
 .mt-6{
    margin-top: 6px !important;
 }
 select:focus {
    border-color: rgb(55 255 0 / 69%) !important;
     box-shadow: 0px 0px 6px 1px green !important;
 }

 textarea:focus {
    border-color: rgb(55 255 0 / 69%) !important;
    box-shadow: 0px 0px 6px 1px green !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: 59px;
    z-index: 100;
    background: white;

}
.funcAsmentFixedTBHeader{
    position: sticky;
    top: 109px;
    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: 177px;
    z-index: 999;
}
.DraftEditor-editorContainer{
    height: 260px !important;
}
.finalDsContainer{
    padding: 20px;
    box-shadow: 0px 0px 7px 1px #c8c8c8;
    border-radius: 5px;
}
.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 black;
   }
   .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 10px !important;
    font-weight: 400 !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;
 }
 
 span.step {
    background: #2ca01c;
    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: #2ca01c;
    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: #2ca01c;
    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-btn button{
    background: #2ca01c !important;
    padding: 6px 30px !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;
}
.add-btn button:active{
    background: #228116  !important;
}
.FANextPrevBtn button{
    box-shadow: 0 0 11px 0px #646464 !important;
    border-radius: 30px !important;
    border: 1px solid #008f00 !important;
}
.FANextPrevBtn button:active{
    background: #228116  !important;
    font-size: 13px !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;
}
.pluscnr{
    width: 86px;
    background: #e7e7e7;
    padding: 4px;
    border-radius: 30px;
    border: 1px solid #005905;
    margin-top: -4px;
    margin-right: 10px;
    margin-bottom: 3px;
}
.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;
    background: #f4f4f4;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px 0px #bebebe;
}
.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 0px grey;
    border-radius: 5px;
}
.bgWhite{
    background: white !important;
}
.haFAHeaderTitle{
    font-size: 18px;
    padding: 21px 8px 10px 14px;
}
.FApvhdr{
    margin-top: 9px;
    margin-left: 43%;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
}
.FA-prev-nxt-btns{
    padding: 5px 24px 5px 20px !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:10px !important ;
    border-top-right-radius:10px !important ;
}
.searchBarInp{
    border-radius: 31px;
    box-shadow: 0px 0px 5px 0px #bababa;
}
.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: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 13px;
    border-radius: 9px;
    box-shadow: 0px 0px 6px 0px lightgrey;
}
.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: 80vh;
}
.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: 10px 12px 10px 12px;
}
.PMDetails-table-td-content {
    padding: 8px 12px 8px 12px;
    font-size: 15px;
    min-height: 60px !important;

}
.PM-Hintmsg{
    padding: 30px 29px 31px 44px;
}
.PM-Main-FixedHeader{
    position: sticky;
    top: 59px;
    z-index: 55;
    box-shadow: 1px 2px 7px 0px #0000001c;
    border-bottom: 1px solid #c9c9c9;
}
.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: 10px;
    font-size: 18px;

}
.presProtocolTable{
    border: 1px solid #d8d8d8;
    margin-bottom: 25px;
}
.presContainer{
    padding: 30px;
    border: 1px solid #e2e2e2;
}

    .pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before{
        content: none !important;
    display: none !important;
    width:none !important;
    min-width: none !important;
    height: none !important;
    border: none !important;
    border-radius:none !important;
    margin-right: none !important;
    position: none !important;
    box-shadow: none !important;
    }
    .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: black !important;
    }
    .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;
    }
    
    .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: 10px;
    box-shadow: 0px 0px 7px 0px #bababa;
    border: 0.5px solid #cecece;

}

.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: 1px 1px 8px 1px #262626d6;
    border-radius: 12px;
}
.Toastify__close-button--error{
        margin-top: -7px !important;
        margin-left: 41px !important;
}
.fuvFixedHeader{
    position: sticky !important;
    top: 60px !important;
    z-index: 50 !important;
    box-shadow: 0px 2px 3px 0px #00000024 !important;
}

.SimgItem img{

    width: 16vw !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 #a4a4a4 !important;
    float: right;
}
.PM-AddFormTableBxsdw{
    box-shadow: 0 0 7px 0px #b2b2b2;
    table-layout: fixed;
}
.cancel-save-btngroup{
    text-align: end;
}
.cancel-save-btngroup button{
    border-radius: 32px !important;
    box-shadow: 0 0 5px 0px #6e6e6e !important;
    padding: 6px 21px 6px 21px !important;
}
.pHealthyPracticeScrollableTable{
    overflow-y: scroll;
    height: 38vh !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-15{
    margin-left: 15% !important;
}
.ml-p-20{
    margin-left: 20% !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: #9fdbb366;
    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-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: 90px !important;
    width: auto !important;

}
.menuContainer{
    width: fit-content;
}
.menuItemContainer{
    display: flex;
    width: auto;
    padding: 3px 6px 3px 6px;
    background: #0B5057;
    border-radius: 40px;
    box-shadow: 0px 0px 6px 0px #383838;
    border: 0.5px solid #16484d;
}
.menuItem{
    background: #056f11;
    padding: 8px;
    border-radius: 40px;
    margin-right: 13px;
    justify-content: center;
}
.menuItem:last-child{
margin-right: 0px;
}
.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: #9fdbb366;
    font-size: 15px;
    font-weight: 600;
    color: black;
    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: #b2d5bc;
    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: 8px;
    border: 0.5px solid #00000047;
    border-radius: 13px;
    width: 45%;
}

.infoIcon{
    font-size: 20px;
    color: #346cdb;
}
.ayuLogo a img{
    height: 95px !important;
}