html {
    scroll-behavior: smooth;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
::placeholder,select{
    color:#2d353c;
}

/*loader*/
.main-loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: #787873a3;
    display: none;
}
.main-loader  .loader {
    width: fit-content;
    /* border: 1px solid; */
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.tostify {
    width: 400px;
    padding: 0.5rem;
    position: fixed;
    top: 70px;
    right: -500px;
    z-index: 111;
    background: #b3deff;
    transition: 0.7s;
}

.bmi_formula{
    
    color: red;
}
.breadcrumbs {
  border: 1px solid #cbd2d9;
  /*border-radius: 5px;*/
  display: inline-flex;
  flex-wrap:wrap;
  /*overflow: hidden;*/
}

.breadcrumbs__item {
  background: #fff;
  color: #333;
  outline: none;
  padding: 0.75em 0.75em 0.75em 1.25em;
  position: relative;
  text-decoration: none;
  transition: background 0.2s linear;
}

.breadcrumbs__item:hover:after,
.breadcrumbs__item:hover {
  /*background: #edf1f5;*/
    background: #323f4a;
    
  color: #fff;
}

.breadcrumbs__item:focus:after,
.breadcrumbs__item:focus,
.breadcrumbs__item.is-active:focus {
  background: #323f4a;
  color: #fff;
}

.breadcrumbs__item:after,
.breadcrumbs__item:before {
  background: white;
  bottom: 0;
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
}

.breadcrumbs__item:before {
  background: #cbd2d9;
  margin-left: 1px;
}

.breadcrumbs__item:last-child {
  border-right: none;
}

.breadcrumbs__item.is-active,
.breadcrumbs__item.is-active:after {
   background: #323f4a;
   color: #fff;
}
 /* width: 500px; */
    /*border: 1px solid;*/
    /*display: flex;*/
    /*height: 100vh;*/
    /*justify-content: center;*/
    /*align-items: center;*/

/*forget Password*/
.forget_password {
    margin: 0px auto;
    width: 550px;
    height: 100vh;
    padding: 50px 100px 0px 100px;
    box-shadow: 0 0 3px #2d353c;
}.forget_password .logoheadd{
    padding-bottom: 0px !important;}
.forget_password .control-label{
width:unset !important;
color: #212529;
}
.forget_password .home_links_heading{
    color: #2d353c;
    font-size: 24px;
    font-weight: 700;
  width: 360px;
    margin: auto;
    text-align: center;
} 
.forget_password .text_inner {
    margin: 0 auto;
    width: 360px;
}
.forget_password .text_inner p{
    text-align: center;
    font-size: 14px;
    margin-bottom:0px !important;
} 
.defaultSpecialButton{
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 28px !important;
    
    cursor: pointer;
    transition: all 1s linear;
    /* box-shadow: 0 0 2px rgb(170 158 158); */
    border-radius: 3px;
}
.forget_password .capDIV{
margin-top: 10px;
}

.forget_password .captha,.forget_password .email{
    width: 100%;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 1rem;
    box-shadow: 0 0 2px #2d353c;
    color: #2d353c;
    margin: 8px 0;
    box-sizing: border-box;
    border:none;
}
.forget_password .col-sm-10{
 width:100%;   
}
.forget_password .col-sm-12{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forget_password .col-sm-12 .clearfix{
  /*font-size: 0.85rem;*/ 
    font-weight: 600;
    text-decoration: none;
    /*color: #2d353c;*/
      transition: all 0.5s linear;
}
/*.forget_password .col-sm-12 .clearfix:hover{*/
/*     color: #0d6efd;*/
/*}*/
.forget_password .main_div{
    height: fit-content;
}

.login {
   margin: 0px auto;
    /* border: 1px solid blue; */
    width: 550px;
    height: 100%;
    /* border-radius: 20px; */
   padding: 50px 100px 0px 100px;
    box-shadow: 0 0 3px #2d353c;
}

.login .imedia{
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0.5rem;
} 
.login .imedia  a{
    font-size:9px !important;
}
.login .imedia .m_text{
    margin-top: 5px;
}
.logodiv {
    text-align: center;
}

.logodiv h1 {
    font-weight: bolder;
    padding-bottom: 30px;
    color:  #2d353c;
    font-size: 24px;
    font-weight: 700;
    padding-top: 10px;

}

.font {
    font-size: 1.3rem;
    font-weight: bolder;
}

.loginInner .newAccount {
   transition: all 1s linear;
    display: inline-block;
    background-color: white;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    /* border-radius: 5px; */
    color: #2d353c;
    /*border: 1px solid whitesmoke;*/
    border-radius: 3px;
    /* margin-top: 20px; */
    padding: 10px 12px;
    box-shadow: 0 0 3px #2d353c;

}

.loginInner .newAccount:hover {

    color: white;
    background-color: #2d353c;
    /*border-radius: 5px;*/

}

/*hr {*/
/*    margin-top: 40px;*/
/*}*/

.keepMeSignIn {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1rem;

}

.links {
    text-align: center;

}

.links a {
    text-decoration: none;
    cursor: pointer;
}

.forgot {
    /*margin-top: 20px;*/
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    color: #2d353c;
    transition:all 0.5s linear;

}

.loginInner {
    margin: 0 auto;
    width: 360px;
}

.loginInner input {
    border: none !important;
}

.loginInner input:focus {
    outline: none !important;
}

.loginInner label,
a {
   
    color:  #2d353c;
    font-weight: 500;
    font-size: 0.75rem;
}
.loginInner input[type=email] {
    width: 100%;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 1rem;
    box-shadow: 0 0 2px #2d353c;
    color: #2d353c;
    margin: 8px 0;
    box-sizing: border-box;
}

.loginInner input[type=text] {
    width: 100%;
   border-radius: 3px;
    padding: 12px 20px;
    font-size: 1rem;
    box-shadow: 0 0 3px #2d353c;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    
    
}

.loginInner input[type=password] {
    width: 100%;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 1rem;
    box-shadow: 0 0 2px #2d353c;
    color: #2d353c;
    margin: 8px 0;
    box-sizing: border-box;
}

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

}

.loginInner .submitbtn {
    background-color: #2d353c;
    
    border: none;
    color: white;
   font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 50px;
    text-decoration: none;
    cursor: pointer;
    transition: all 1s linear;
    /*box-shadow: 0 0 2px rgb(170, 158, 158);*/

    border-radius:3px;
}

.loginInner .submitbtn:hover {
    color: #2d353c;;
    background-color: white;
box-shadow: 0 0 3px #2d353c;
}
.privacy-policy {
    margin: 2rem 5rem;
}
.privacy-policy .heading{
    margin: 1rem 0;
}


/* loginPage complete css */
select#temperature_selector {
    width: 100%;
    float:unset !important;
}
select#aspen {
    height: 30px;
    width: 250px;
}
select#espen {
    height: 30px;
    width: 250px;
}
/* registration page css start */
.registrationFormInner label {
    font-weight: bold;
    font-size: 1rem;
}

input:focus {
    outline: none !important;
}

.registrationFormInner input[type=text],
.registrationFormInner select {
    /*width: 100%;*/
    /*padding: 12px 20px;*/
    /*display: inline-block;*/
    /*border: 1px solid #ccc;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    /*border-radius: 4px;*/
    /*box-sizing: border-box;*/
    
    width: 100%;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 1rem;
    box-shadow: 0 0 2px #2d353c;
    color: #2d353c;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
}

.registrationFormInner input[type=email] {
/*    width: 100%;*/
/*    padding: 12px 20px;*/
/*    display: inline-block;*/
/*    border: 1px solid #ccc;*/
/*    box-shadow: 0 0 10px rgb(170, 158, 158);*/
/*    border-radius: 4px;*/
/*box-sizing: border-box;*/

width: 100%;
display: inline-block;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 1rem;
    box-shadow: 0 0 2px #2d353c;
    color: #2d353c;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;


}
.registrationFormInner #password ,.registrationFormInner #confirmPassword{
    width: 100%;
display: inline-block;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 1rem;
    box-shadow: 0 0 2px #2d353c;
    color: #2d353c;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;

}

.registrationFormInner input[type=submit] {
    /*width: 42%;*/
    /*background-color: #4487e3;*/
    /*color: white;*/
    /*padding: 14px 20px;*/
    /*border: none;*/
    /*transition: all 1s;*/
    /*border-radius: 4px;*/
    /*cursor: pointer;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    
    background-color: #2d353c;
    /*margin-left: 15%;*/
    border: none;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 50px;
    text-decoration: none;
    cursor: pointer;
    transition: all 1s linear;
    /* box-shadow: 0 0 2px rgb(170 158 158); */
    border-radius: 3px;
}

.registrationFormInner input[type=submit]:hover {
   color: #2d353c;
    background-color: white;
    box-shadow: 0 0 3px #2d353c;
}


.registrationFormInner .backbtn {
    display: inline-block;
    /*background-color: white;*/
    /*text-decoration: none;*/
    /*transition: all 1s;*/
    /*color: black;*/
    /*border: 1px solid whitesmoke;*/
    /*border-radius: 4px;*/
    /*padding: 11px 60px;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    
    color: #2d353c;
    /*margin-top: 20px;*/
    border: none;
    background-color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 50px;
    text-decoration: none;
    cursor: pointer;
    transition: all 1s linear;
    /* box-shadow: 0 0 2px rgb(170 158 158); */
    border-radius: 3px;
    /*transition: all 1s linear;*/
    box-shadow: 0 0 3px #2d353c;

}

.registrationFormInner .backbtn:hover {
   background-color: #2d353c;
    color: white;
      box-shadow: unset;
}

.registrationFormInner {
   width: 500px;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0 0 3px #2d353c;
    padding-bottom: 30px;
}

.registrationFormInner form {
    width: 80%;
    margin: 0 auto;

}

.registrationFormInner .logodiv {
    text-align: center;
}

.registrationFormInner .logodiv h1 {
    font-weight: bolder;
    color: #355878;
    padding-bottom: 30px;
    font-size: 1.5rem;

}

.registrationFormInner label,
a {
    color: #355878;
}

.registrationFormInner .showPrivacy {
    text-decoration: none;
}

.registrationFormInner .iHaveAgree {
    font-size: small !important;
}


/* PatientManagement  css start */

.Patientheader {
    height: 20vh;
    display: flex;  
    position:relative;
    z-index: 1;
    padding: 10px;
   background-image: url(../webImages/pics.jpg);
    justify-content: space-between;
}
.Patientheader:after{
   position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #00000061;
    z-index: -1;
    left: 0;
}

.Patientheader .logo {
    padding-left: 40px;
}

.welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
     color: #2d353c;
    padding-right: 40px;
        width:250px;
}

.logoutbtn {
    display: inline-block;
    text-decoration: none;
    color: white;
    border: 1px solid white;
    /*font-weight: bold;*/
    background-color:#2d353c;
    transition: all 1s linear;
       padding: 5px 25px;
    margin-left: 10px;
    border-radius: 3px;
    /*box-shadow: 0 0 10px white;*/
}
/*.logoutbtn a{*/
    
/*}*/
.logoutbtn:hover{
    
  background-color:white;  
    
}
.logoutbtn:hover  a{
    color:#2d353c;
}

.Patientheading h1 {
       font-size: 1.7rem;
       color: #244758;
    padding: 20px 0px 0px 40px;
}

.Patientheading h2 {
    color: #244758;
    padding: 0px 0px 0px 40px;
}

.PatientManagementdiv {
    display: flex;

}

.PatientLeft {
    margin-top: 20px;
    /*border: 1px solid #2d353c;*/
    width: 15%;
}

.PatientLeft select {
    width: 100%;
    font-size: 1.3rem;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    font-weight: bolder;
    background-color: #066d99;
}

#NutritionManagement {
    margin-top: 100px;
}

.PatientLeft select option {
    height: 200px;
    /* background-color: red; */
    font-size: 1.4rem;

    /* border: 5px solid rgb(0, 0, 0); */
    /* margin-bottom: 40px !important; */
}

.PatientRight {
    width: 85%;
    margin: 0px;
    padding: 0px 10px 10px 10px;
    margin-top: 20px;
}

.PatientRight h1 {
    padding-left: 20px;
    color:#2d353c;
    font-size:1.5rem;
}

.PatientRight h2 {
    /*padding: 10px 0px 0px 14px;*/
    background-color: #2d353c;
    margin-top: 10px;
    /* height: 50px; */
    font-size: 1rem;
    padding: 0.75rem 20px;
    /* margin: 0; */
    line-height: 1.35;
    color: white;
    border-radius: 4px 4px 0px 0px;

    /*border-radius: 10px 10px 0px 0px;*/
}

.PatientManagement {
    width: 100%;
}

.btndiv a {
    
    /*transition: all 1s linear;*/
    /*display: inline-block;*/
    
    /*text-decoration: none;*/
    /*color: white;*/
    /*background-color: #2d353c;*/
    /*margin: 20px 20px 0px;*/
    padding: 10px 25px;
    /*border-radius: 3px;*/
}

/*.btndiv a:hover {*/
/*   color: #2d353c;*/
/*    box-shadow: 0 0 3px #2d353c;*/
/*   background-color: white;*/
/*}*/

.viewPatient {
    /*background-color: #f4f4f4;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    border-radius: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
    margin-top: 20px;
}

.viewPatient form {
    padding-top: 10px;
    padding-right: 20px;
    text-align: end;
}

.searchlabel {
    color: #333333;
    font-weight: bold;
}

.viewPatient #search {
    margin-top: 10px;
    width: 300px;
    /*padding: 12px 20px;*/
    /*display: inline-block;*/
    /*border: 1px solid rgb(194, 185, 185);*/
    /*box-shadow: 0 0 2px #2d353c;*/
    /*border-radius: 3px;*/
    /*box-sizing: border-box;*/
    
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
 
   /*margin: 8px 0;*/
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    /* border-radius: 5px; */
    
}

.viewPatient #search:focus {
    outline: none;
}

.viewPatient .table {
    padding: 10px;
}

.viewPatient table {
    border-collapse: collapse;
    width: 100%;
    color: #2d353c;
}


.viewPatient table td{
    font-size: 0.75rem;
    font-weight: 500;
    color: #2d353c;
}

.viewPatient table td,
.viewPatient table tr {
   border-bottom: 1px solid rgb(194, 185, 185);
    width: 80px;
    height: 50px;

    text-align: center;
}

/*.viewPatient table:first-child {*/
/*    background-color: #e4d0d0;*/
/*}*/


.viewPatient table tr:nth-of-type(1)  {
   border-bottom: 3px solid #2d353c;
}

.viewPatient table th {
     width: 80px;
      color: #2d353c;
    font-size: 0.85rem;
    font-weight: 600;
   



}

.viewPatient .table img {
    width: 20px;
    height: 23px;
}

.table i {
    font-size: 1rem;
    padding: 2px;
    color: #2d353c;
}
.table i:hover {
    color: gray;
}

/* laboratoryResult scc start */
.laboratoryResult {
    /*background-color: #f4f4f4;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    border-radius: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
    margin-top: 20px;
    color:#2d353c;
}

.laboratoryResult form {
    padding-top: 10px;
    padding-left: 20px;
}

.laboratoryResult input {
    border: none !important;
}

.laboratoryResult input:focus {
    outline: none !important;
}

.laboratoryResult select {
    width: 300px;
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
   
     border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
}
.laboratoryResult input {
    width: 30%;
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
   
     border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
}
.gap_bw_label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.gap_bw_label input{
     width: 300px;
}
.gap_bw_label label {
    width: 300px;
}


.laboratoryResult label {
    font-size: 1rem;
    /*font-weight: bold;*/
}

.BasicInformation input[type=date] {
    width: 50%;
     padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    /* border-radius: 5px; */
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
}

.plan input[type=date] {
    width: 40%;
    /*border-radius: 5px;*/
    /*padding: 7px 20px;*/
    /*font-size: 1.2rem;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    /*color: #333333;*/
    /*margin: 8px 0;*/
    /*box-sizing: border-box;*/
    
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    /* border-radius: 5px; */
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
}
.plan input[type=text] {
    width: 40%;
    /*border-radius: 5px;*/
    /*padding: 7px 20px;*/
    /*font-size: 1.2rem;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    /*color: #333333;*/
    /*margin: 8px 0;*/
    /*box-sizing: border-box;*/
    
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    /* border-radius: 5px; */
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
}
.laboratoryResult input[type=submit] {
    background-color: #2d353c;
    border: none;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 50px;
    text-decoration: none;
    cursor: pointer;
    transition: all 1s linear;
    border-radius: 3px;
        margin-top: 10px;
        width: unset !important;
}

input[type=submit]:hover {
 color: #2d353c;
    background-color: white;
    box-shadow: 0 0 3px #2d353c;

}

.laboratoryResult .skipkbtn {
    display: inline-block;
    background-color: white;
    text-decoration: none;
    color: black;
    border: 1px solid whitesmoke;
    transition: all 1s;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 1.2rem;

    padding: 11px 60px;
    box-shadow: 0 0 10px rgb(170, 158, 158);
}

.laboratoryResult .skipkbtn:hover {

    color: white;
    background-color: #4487e3;

}

/* BasicInformation css start */
.BasicInformation {
    /*background-color: #f4f4f4;*/
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    border-radius: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
    color: #2d353c;
    margin-top: 20px;
}

.BasicInformation form,.profile_col form  {
    padding-top: 10px;
    padding-left: 20px;
    width: 90%;
}

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


.BasicInformation input {
    border: none;
}

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

.gap_bw_label_basic label {
    width: 20%;
}

.BasicInformation input:focus {
    outline: none;
}

.bott {
    margin-bottom: 74px;
}

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

.dateof1 {
    width: 20%;
}
.profile_col{
    margin-top: 30px;
}
.BasicInformation select,.profile_col select {
    width: 300px;
    color: #2d353c;
    padding: 9px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    /* border-radius: 5px; */
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;


}
.BasicInformation select:focus{
      outline:none;  
}

.BasicInformation input[type=text],
.profile_col input {
    width: 30% !important;
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    /*border-radius: 5px;*/
border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;

}

.flexdiv div {
    width: 100%;
}

.flexdiv .gap_bw_label_basic label {
    width: 20%;
}

.gap_bw_label_basic .male {
    width: 3.5% !important;
}

.gap_bw_label_basic .female {
    width: 5% !important;
}

.flexdiv .gap_bw_label_basic input {
    width: 300px !important;
}

.flexdiv .gap_bw_label_basic #gender1 {
    width: auto !important;
}

.flexdiv .gap_bw_label_basic #gender2 {
    width:auto !important;
}

.gend,
.genmal,
.genfemal {
    border: 1px solid red;
}


.female {
    margin-left: 145px;


}

.BasicInformation input[type=email] {
    width: 30%;
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;

    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    /*border-radius: 5px;*/
border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
}

.BasicInformation input[type=number] {
    width: 30%;
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    
    /*box-shadow: 0 0 10px rgb(170, 158, 158);*/
    /*border-radius: 5px;*/
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;


}

/*.BasicInformation input[type=submit] {*/
/*    background-color: #4487e3;*/
/*    color: white;*/
/*    font-size: 1.2rem;*/
/*    padding: 13px 45px;*/
/*    transition: all 1s;*/
/*    text-decoration: none;*/
/*    margin-left: 77%;*/
/*    cursor: pointer;*/
/*    margin-top: 20px;*/
/*    box-shadow: 0 0 10px rgb(170, 158, 158);*/
/*    border-radius: 10px;*/
/*    border: none;*/


/*}*/

/*.BasicInformation input[type=submit]:hover {*/
/*    color: #4487e3;*/
/*    background-color: white;*/

/*}*/

/*.BasicInformation .month,*/
/*.BasicInformation .day,*/
/*.BasicInformation .date {*/
/*    margin-left: 32px !important;*/


/*}*/

/*.BasicInformation #Month,*/
/*.BasicInformation #Day,*/
/*.BasicInformation #Date {*/

/*    width: 21.5% !important;*/

/*}*/



.single {
    padding-left: 88px;
}

/*.married,*/
/*.separated,*/
/*.widow {*/
/*    padding-left: 160px;*/
/*}*/

/* 
#name {
    margin-left: 40px;
}

.BasicInformation #email {
    margin-left: 40px;
}

.BasicInformation #Address {
    margin-left: 17px;
}

.BasicInformation #Contact {
    margin-left: 21px;
}

.BasicInformation #Age {
    margin-left: 56px;
} */

.BasicInformation #Gender {
    margin-left: 124px;

}

.BasicInformation #BodySurfaceArea {
    margin-left: 32px;
}

.BasicInformation #Temperature {
    margin-left: 80px;

}

/* .BasicInformation #Diagnosis{
    margin-left: 101px;

}  */

.BasicInformation #UrineOutput {
    margin-left: 88px;

}





/* .male {
    padding-left: 80px;
} */




#Allergies {
    width: 300px !important;
    /*margin-left: 64px;*/
}

#Occuption {
    width: 300px !important;
    /*margin-left: 50px;*/
}

.BasicInformation label {
    /*font-size: 1.2rem;*/
     font-size: 1rem;
    /*font-weight: bold;*/
}

.BasicInformation textarea {
    color: #2d353c;
    width: 86%;
  padding:10px;
    border: none;
    border-radius: 3px;
    box-shadow:0 0 2px #2d353c;
}
.BasicInformation textarea:focus{
    outline:none;
    
}

/* plan.html css sstar  */

.plan {
    /*background-color: #f4f4f4;*/
    /*box-shadow: 0 0 3px rgb(170, 158, 158);*/
    /*border-radius: 10px;*/
    padding-bottom: 30px;
    padding-top: 10px;
    color: #2d353c;
    margin-top: 20px;
}

.plan form {
    padding-top: 10px;
    padding-left: 20px;
        width: 80%;
}

.plan textarea {
    padding: 10px;
    border: none;
        border-radius: 3px;
   box-shadow: 0 0 2px #2d353c;


}

.plan input {
    border: none;
}

.plan input:focus,.plan select:focus {
    outline: none;
}

.plan select {
  width: 40%;
    border: none;


    padding: 7px 20px;
    font-size: 1.2rem;
    border-radius: 3px;
   box-shadow: 0 0 2px #2d353c;

    /* margin-left: 62px; */
    box-sizing: border-box;


}

.input[type=date] {
    width: 30%;
    border-radius: 5px;
    padding: 7px 20px;
    font-size: 1.2rem;
    box-shadow: 0 0 10px rgb(170, 158, 158);
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;


}

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

.plan label {
    font-size: 1rem;
    /*font-weight: bold;*/
  width: 30%;
}

.plan textarea:focus {
    outline: none;
}

.plan .flextextarea {
    display: flex;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 10px;
}

.plan textarea {
    width: 70.4%;
}

.plan .skipkbtn {
    display: inline-block;
    background-color: white;
    text-decoration: none;
    color: black;
    border: 1px solid whitesmoke;
    margin-top: 20px;
    transition: all 1s;
    border-radius: 10px;
    font-size: 1.2rem;

    padding: 11px 60px;
    box-shadow: 0 0 10px rgb(170, 158, 158);
}

.plan .skipkbtn:hover {
    color: white;
    background-color: #4487e3;

}

.plan input[type=submit] {
 /*   background-color: #4487e3;*/
 /*   border: none;*/
 /*   color: white;*/
 /*   font-size: 1.2rem;*/
 /*   transition: all 1s;*/
 /*   padding: 13px 45px;*/
 /*   text-decoration: none;*/
 /*   margin-left: 43.5%;*/
 /*   cursor: pointer;*/
 /*   margin-top: 20px;*/
 /*   box-shadow: 0 0 10px rgb(170, 158, 158);*/
 /*border-radius: 10px;*/
   
    background-color: #2d353c;
    border: none;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 50px;
    text-decoration: none;
    cursor: pointer;
    transition: all 1s linear;
    /* box-shadow: 0 0 2px rgb(170 158 158); */
    border-radius: 3px;
    
    
}

.plan input[type=submit]:hover {
   color: #2d353c;
    background-color: white;
    box-shadow: 0 0 3px #2d353c;

}

/* TotalNutritionManagement scc start */


.TotalNutritionManagement {
    background-color: #f4f4f4;
    box-shadow: 0 0 10px rgb(170, 158, 158);
    border-radius: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
    color: #066d99;
    margin-top: 20px;
}

.TotalNutritionManagement #step1 {
    margin-bottom: 10px !important;
    margin-left: 10px;
    width: 53% !important;
}

.TotalNutritionManagement h3 {

    margin: 10px;
}


.TotalNutritionManagement form {
    padding-top: 10px;
    padding-left: 20px;
}

.TotalNutritionManagement input {
    border: none;
}

.TotalNutritionManagement input:focus {
    outline: none;
}

.TotalNutritionManagement select {
    width: 23%;

    border-radius: 5px;
    padding: 7px 20px;
    font-size: 1.2rem;
    box-shadow: 0 0 10px rgb(170, 158, 158);



    box-sizing: border-box;


}

.TotalNutritionManagement input[type=text] {


    width: 23%;
    border-radius: 5px;
    color: #333333;
    padding: 7px 20px;
    font-size: 1.2rem;
    box-shadow: 0 0 10px rgb(170, 158, 158);

    box-sizing: border-box;


}

.bodysurf {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.bodysurf input,
.bodysurf label {
    width: 30%;
}




.TotalNutritionManagement label {
    font-size: 1.2rem;
    font-weight: bold;
}

.TotalNutritionManagement input[type=submit] {
    background-color: #4487e3;
    border: none;
    color: white;
    font-size: 1.2rem;
    transition: all 1s;
    padding: 13px 45px;
    text-decoration: none;
    margin-left: 40%;
    cursor: pointer;
    margin-top: 20px;
    box-shadow: 0 0 10px rgb(170, 158, 158);


    border-radius: 10px;
}

.TotalNutritionManagement input[type=submit]:hover {
    color: #4487e3;
    background-color: white;

}

/* Step 3ii css Start */

.AdvanceConsultationSupport {
    background-color: #f4f4f4;
    box-shadow: 0 0 10px rgb(170, 158, 158);
    border-radius: 10px;
    color: #066d99;
    margin-top: 20px;
    padding: 20px 20px 30px 20px;
}

.AdvanceConsultationSupport h3 {
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 30px;

}

.AdvanceConsultationSupport #Step3ii {
    width: 30%;
    font-size: 1.3rem;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;

    margin-bottom: 84px;
    font-weight: bolder;

}

.AdvanceConsultationSupport form {
    padding-top: 10px;
    padding-right: 20px;
    text-align: end;
}

.AdvanceConsultationSupport table {
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
}


.AdvanceConsultationSupport table th,
.AdvanceConsultationSupport table td,
.AdvanceConsultationSupport table tr {
    border: 3px solid rgb(194, 185, 185);
    width: 80px;
    height: 50px;

    text-align: center;
}

.AdvanceConsultationSupport table tr {
    background-color: #e4d0d0;
}

.AdvanceConsultationSupport table tr:nth-child(even) {
    background-color: #f2f2f2 !important
}

.AdvanceConsultationSupport table th {
    background-color: #1a5370;
    color: white;



}

.AdvanceConsultationSupport #rice {
    padding: 0px !important;
    margin: 0px !important;

}

#riceInput {
    width: 100%;
    height: 100%;
    outline: none;

    font-size: 1.3rem;
}

#riceInput:focus {
    outline: none;
}

.addbtn {
    display: inline-block;
    background-color: #066d99;
    text-decoration: none;
    color: white;
    border: 1px solid whitesmoke;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 1.2rem;

    padding: 11px 60px;
    box-shadow: 0 0 10px rgb(170, 158, 158);
}

.continuebtn {
    display: inline-block;
    background-color: #066d99;
    text-decoration: none;
    color: white;
    border: 1px solid whitesmoke;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 1.2rem;

    padding: 11px 60px;
    box-shadow: 0 0 10px rgb(170, 158, 158);
}

.addbtn:hover,
.continuebtn:hover {
    color: #066d99;
    background-color: white;
}

.continuebtndiv {
    margin-top: 10%;
    text-align: end;
}


/* step4 css start */

.step4submit {
    margin-left: 77.5% !important;
}

.Step4div {
    background-color: #f4f4f4;
    box-shadow: 0 0 10px rgb(170, 158, 158);
    border-radius: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
    padding: 10px 0px 30px 30px;
    color: #066d99;
    margin-top: 20px;
}

.Step4div form {
    padding-top: 10px;
}

.Step4div textarea {
    width: 90%;
}

.Step4div .skipkbtn {
    display: inline-block;
    background-color: white;
    transition: all 1s;
    text-decoration: none;
    color: black;
    border: 1px solid whitesmoke;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 1.2rem;

    padding: 11px 60px;
    box-shadow: 0 0 10px rgb(170, 158, 158);
}

.Step4div .skipkbtn:hover {

    color: white;
    background-color: black;

}

.Step4div input[type=submit] {
    background-color: #4487e3;
    border: none;
    color: white;
    font-size: 1.2rem;
    padding: 13px 45px;
    text-decoration: none;
    transition: all 1s;
    margin-left: 62.5%;
    cursor: pointer;
    margin-top: 20px;
    box-shadow: 0 0 10px rgb(170, 158, 158);


    border-radius: 10px;
}

.Step4div input[type=submit]:hover {
    color: #4487e3;
    background-color: white;


}

.Step4div #Step3ii {
    width: 30%;
    font-size: 1.3rem;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 84px;
    font-weight: bolder;

    padding: 12px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
}

.Step4div h3 {
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 30px;
}

.Step4div p {
    margin-top: -10px;
    background-color: red;
    color: white;
    width: 20%;
    padding: 5px 10px 5px 10px;
    font-size: 1rem;
}

/* step2 css start */

.step4submit {
    margin-left: 77.5% !important;
}

.Step2div {
    background-color: #f4f4f4;
    box-shadow: 0 0 10px rgb(170, 158, 158);
    border-radius: 10px;
    padding-bottom: 30px;
    padding-top: 10px;
    padding: 10px 0px 30px 30px;
    color: #066d99;
    margin-top: 20px;
}

.Step2div form {
    padding-top: 10px;
}

.Step2div textarea {
    width: 90%;
}

.Step2div .skipkbtn {
    display: inline-block;
    background-color: white;
    text-decoration: none;
    transition: all 1s;
    color: black;
    border: 1px solid whitesmoke;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 1.2rem;

    padding: 11px 60px;
    box-shadow: 0 0 10px rgb(170, 158, 158);
}

.Step2div .skipkbtn:hover {

    color: white;
    background-color: black;

}

.Step2div input[type=submit] {
    background-color: #4487e3;
    border: none;
    color: white;
    font-size: 1.2rem;
    padding: 13px 45px;
    text-decoration: none;
    margin-left: 62.5%;
    transition: all 1s;
    cursor: pointer;
    margin-top: 20px;
    box-shadow: 0 0 10px rgb(170, 158, 158);


    border-radius: 10px;
}

.Step2div input[type=submit]:hover {
    color: #4487e3;
    background-color: white;


}

.Step2div #Step3ii {
    width: 50%;
    font-size: 1.3rem;
    display: inline-block;
    box-sizing: border-box;

    font-weight: bolder;

    padding: 12px 20px;
    border-width: 1px;
    margin-bottom: 84px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
}

.Step2div h4 {
    font-weight: bold !important;
    padding-bottom: 30px !important;
}


.Step2div .formdiv {
    display: flex;
    justify-content: space-between;
    width: 60%;
}

.Step2div h5,
.Step2div p {
    margin-top: 40px;
}

.Step2div .formdivleft {
    width: 35%;

}

.Step2div .formdivright {
    width: 55%;
    padding-left: 5%;


}

.Step2div .formdivright p,
.Step2div .formdivleft p {
    display: flex;
    gap: 1rem;
}

.Step2div input {
    border: none;
}

.Step2div .formdivleft input {
    width: 200px;
    border-radius: 5px;

    color: #333333;
    padding: 7px 20px;
    font-size: 1.2rem;
    box-shadow: 0 0 10px rgb(170 158 158);
    box-sizing: border-box;
}

.Step2div .formdivright input {
    width: 200px;

    border-radius: 5px;
    color: #333333;
    padding: 7px 20px;
    font-size: 1.2rem;
    box-shadow: 0 0 10px rgb(170 158 158);
    box-sizing: border-box;
}

.Step2div .formdivright .kgDay,
.kgm2 {
    margin-left: 30px;

}

.Step2div .protein {
    margin-top: 30px;
}

.Step2div label {
    font-size: 1.1rem;
    font-weight: bold;
}

.Step2div .twoinput input {
    width: 30%;

    border-radius: 5px;
    color: #333333;
    padding: 7px 20px;
    font-size: 1.2rem;
    box-shadow: 0 0 10px rgb(170 158 158);
    box-sizing: border-box;
}

.Step2div .twoinput .refinput {
    width: 50%;

}

/* PatientResult css Start */
.Patientresultheader {
    box-shadow: 0 0 20px rgb(154, 158, 179);
    display: flex;
    align-items: center;
    border-bottom: 2px solid #2d353c;
   justify-content: space-between;
    padding: 0px 50px 0px 50px;
}

.Patientresultheader h1 {
    color: #2d353c;
    min-width: 230px;
}
.Patientresultheader img {
    width: 150px;
}

.PatientResultMain {
    width: 100%;
    padding: 30px 80px 30px 80px;
    margin: 0 auto;
    color:#2d353c;
}

.PatientResultMain .info {
    display: flex;
    justify-content: space-between;
}

.PatientResultMain .info .infoleft,
.PatientResultMain .info .inforight {
    width: 50%;
    align-items: center;
}

.inforightheading h4 {
    font-weight: 100;
    text-align: end;

}

.inforightheading,
.infoleftheading {
    height: 30px;

}


.infoleftInner {
    display: flex;
    gap: 12rem;
}

.inforightInner {
    display: flex;
    justify-content: space-around;


}

.infoleftInner .first ul li,
.inforightInner .first ul li,
.calorieIntakInner .first ul li,
.proteinIntakInner .first ul li {
    font-weight: bold;
}

.info ul {
    list-style: none;
    margin-top: 10px;
}

.info ul li {
    list-style: none;
    padding: 6px;
}

.patienttable {
    padding-top: 20px;
}

.patienttable table {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
}

.patienttable .table td {
    width: 80px;
    height: 50px;
    font-weight: bold;
    text-align: center;
}

.patienttable td {
    border: 1px solid #2d353c;

}

.EnProducttable {
    padding-top: 20px;
}

.EnProducttable h2 {
    padding-bottom: 20px;
}




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

.tableleft,
.tableright {
    width: 48%;
}

.tableleft table,
.tableright table {
    width: 100%;
}

.tableleft table td,
.tableright table td {
    height: 30px;
}



.EnProducttable table th,
.EnProducttable table td,
.EnProducttable table tr {
    border: none !important;

}

.CalMaindiv {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

.calorieIntak,
.proteinIntak {
    border: 1px solid #2d353c;
    width: 48%;
}

.CalMaindiv h2 {
    padding: 10px;

}

.calorieIntakInner {
    display: flex;
    gap: 11rem;
    padding: 10px;
}

.proteinIntakInner {
    display: flex;
    gap: 11rem;
    padding: 10px;



}

.CalMaindiv ul {
    list-style: none;
}

.CalMaindiv ul li {
    padding: 6px;
}

.AminoDiv {
    padding-top: 20px;
    display: flex;
    gap: 14.8rem;
}

.AminoDiv ul {
    list-style: none;
}

.AminoDiv ul li {
    padding: 6px;
}

.TotalSodiumTable th {
    font-weight: bold;
}

.TotalSodiumTable td {
    padding-top: 10px;
}

.TotalSodiumTable table {
    margin-top: 20px;
    width: 100%;
}

.TotalSodiumTable table td,
.TotalSodiumTable table th {
    text-align: left;
}

.total {
    width: 45%;
}

.salt {
    text-align: left !important;

}

.potassium {
    width: 45%;
    text-align: left !important;
}


/* laboratoryResultView css start */

.viewPatient .viewPatienthead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.viewPatienthead a {
        display: inline-block;
    background-color: #2d353c;
    color: white;
    text-decoration: none;
    margin-right: 10px;
    transition:all 1s linear;
    padding: 10px 25px;
    border-radius: 3px;
}
.viewPatienthead a:hover{
    color: #2d353c;
    box-shadow: 0 0 3px #2d353c;
    background-color: white;
}
.sidebar {
    background-color: #2d353c !important;
}

.sidebar .nav-item a {
    color: white;

}

.sidebar .nav-item a:hover {
    color: rgba(255,255,255,.45);
}
.sidebar li .submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    /* padding-left: 1rem; 
	padding-right: 1rem; */
    background-color: #2d353c;

}

/*.sidebar li .submenu a {*/
/*    border-bottom: 1px solid;*/

/*}*/

/*.sidebar li .nav-item {*/
/*    border-bottom: 1px solid white;*/

/*}*/
.patienttable .table{
    width: 45%;
}

.sidebar li .submenu a {
    color: white;
}
.sidebar li .submenu a i {
   font-size: 1rem;
    padding-right: 10px;
}
.sidebar li .submenu a:hover {
    color: rgba(255,255,255,.45);
}
.has-submenu .fa-angle-down {
    float: right;
}

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

.card {
    border-radius: 0px !important;
}


/* mainPage css start */
.mainDiv{
    display:flex;
}
.mainDiv .header {
    padding: 10px 0px 10px 40px;
    display: flex;
    align-items: center;
    gap: 4rem;
    /* box-shadow: 0 5px 5px -5px #333; */
    width: 75%;
    height: 10vh;
}

.mainDiv .logo img {
    height: 40px;
}

.mainDiv .divheading h2 {
    color: #1582b9;
}

.mainDiv .divheading span {
    color: #956666;
}

.Step_01 {
    padding: 40px;
    /*background-color: #F7F7F7;*/
}

.Step_01 .gap_bw_label {
    margin-top: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 60px;

}

.Step_01 .gap_bw_label select {
    width: 40%;
    /*height: 30px;*/
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #2d353c;
    
    box-sizing: border-box;
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    /* border-radius: 5px; */
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;

}

.Step_01 .gap_bw_label label {
    width: 20%;
    /*font-weight: bold;*/

}

.selectCombine h6 {
    color: #956666;
    font-size: 0.7rem;
}

.mainDiv .fields_1row {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.mainDiv .fields_1row .selectCombine input::placeholder,
.mainDiv .fields_1row .selectCombine input {
    padding-left: 10px;
    color: #2d353c;
}

.mainDiv .selectCombine select {
    color: #2d353c;

}

.mainDiv .selectCombine span {
    color:#2d353c;
}

.mainDiv .fields_2row .selectCombine input::placeholder {
    padding-left: 10px;
    color: #2d353c;
}

.fields_2row {
    margin-top: 20px;
    display: flex;
    gap: 2.1rem;
}

.selectCombine h6 {
    padding-top: 5px;
}

.Step_01 .divrow1 input {
   border: none;
    width: 80%;
        padding-left: 10px;
    /* border: 1px solid #2D3539; */
    border-radius: 3px;
    height: 40px;
    font-size: 1.2rem;
    /*box-shadow: 0 0 2px #2d353c;*/
    box-sizing: border-box;

}

.Step_01 .divrow1 .urine {
    background-color: white;
    width: 175px !important;
    box-shadow: 0 0 10px rgb(170 158 158);

}

.Step_01 .divrow1 .urine input {
    width: 82%;
    border: 1px solid whitesmoke;
    height: 40px;
    font-size: 1.2rem;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
}

.Step_01 .divrow1 .urine span {
    height: 100%;
}


.divrow1 h4 {
    padding-bottom: 10px;
    color: #2d353c;
    font-size: 1.1rem;
}

.temp,
.height,
.weight {
    width: 70% !important;
    box-shadow: none !important;
}

.shadwo {
 box-shadow: 0 0 2px #2d353c;
  border-radius: 3px;

}
.shadwo input {
   border: none;

}
.divrow1 select {
    border: none;
    width: auto;
    height: 39.5px;
float: right;
    /*font-size: 10px;*/
    font-size: 1rem;






}

.Step_01head h4 {
    color: #2d353c;
     font-size: 1.2rem;
}

.Step_01 .SelectPatient {
    color: #2d353c;
}

.Step_01 #SelectPatient {
    box-shadow: 0 0 10px rgb(170 158 158);
    padding: 5px;
    font-weight: bold;
    border: none;
}

.genderSelect {
    width: 155px !important;
    margin: 0px !important;
    box-shadow: 0 0 2px #2d353c;
    border-radius: 3px;

}

.selectCombine {
   width: 100%;
    max-width: 155px;
}

.weightSelect {
    height: 39.3px !important;
}

.divrow1 select {
    margin-left: -6px;
    outline: none;
    border: none;


}
.mainDivRight::-webkit-scrollbar-track
{
    height: 10px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.mainDivRight::-webkit-scrollbar
{
    height: 10px !important;
	width: 12px;
	background-color: #F5F5F5;
}

.mainDivRight::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #2d353c;
}

.mainDivRight:hover {
  overflow-y: scroll;
}
#inner{
     transition:all 1s ease-in-out;
}
.mainDivRight {
    padding: 10px 10px 10px 20px;
    /*position: fixed;*/
      overflow-y: hidden;
    height:80vh;
    box-shadow: -5px 0 5px -5px #333;
    width: 25%;
    transition:all 1s linear;
   
}

.seebtnright {
    position: fixed;
    /* left: %; */
    top: 50%;
    width: 1%;
    z-index: 1;
    right: 24%;

}

.btnn {
    position: relative;
}

.seebtnright button {
    background-color: #2d353c;
    border: none;
    height: 30px;
    width: 18px;transition:all 1s linear ;
}
.seebtnright button:hover {
    background-color: #C0DEFF;
}
.seebtnright button:hover i {
    color: #2d353c;
}

.seebtnright i {transition:all 1s linear ;
    color: white;
}

.mainDivRight .frsheading {
    text-align: center;
    padding-bottom: 6px;
    color: #2d353c;
     font-size: 1.2rem;
}

.mainDivRight .seebtn {
    position: absolute;
    top: 50%;
    left: 0%;
}

.mainDivRight .flex {
    display: flex;
}

.mainDivRight .flex h6 {
    padding-top: 2px;
    width: 50%;
    font-size: 14px;
    color: #2d353c;
}

.mainDivRightinner {
    position: relative;
}

.scroll {
    margin-bottom: 50px;
}
.mainDivCenter::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.mainDivCenter::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
	filter: opacity(0.20);
	
}
.mainDivCenter:hover
{
overflow-y:scroll;
}
.mainDivCenter::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #2d353c;
}


.mainDivRight .bgColor {
    /* display: flex;
    justify-content: center;
    
 align-items: center; */
    padding-top: 5px;
    padding-bottom: 5px;

}

.mainDivRight .bgColor h6 {
    background-color: #EDEDED;
    font-weight: bolder;
    padding: 5px;
    color: #2d353c;

}

.mainDivRight .bg1 {
    background-color: #C0DEFF !important;
    color: #2d353c !important;
}

#myChart {
    width: 100%;
    max-width: 600px;
    height: 300px !important;
    padding-left: 10px;
}

#myChart2 {
    width: 100%;
    max-width: 600px;
}

.mainDivRight .btndiv {
    display: flex;
    padding-top: 6px;
    justify-content: space-around;
}

.mainDivRight h5 {
    color: #af0e1a;
    font-size: 16px;
    font-weight: bold;
}

.mainDivRight .btndiv button {
   border: none;
    transition:all 1s linear ;
    padding: 7px;
    color: white;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 3px;
    background-color: #2d353c;

   
}
.mainDivRight .btndiv button:hover {
  box-shadow: 0 0 3px #2d353c;
    color: #2d353c;
    background-color: white;
    border: none;
}
 .mainDivRight .btndiv button:hover .overview{
    color:#2d353c;
}
.overview{
    text-decoration: none;
    color:white;
}
#containerone {
    height: 240px;
}

#containertwo {
    height: 240px;
}

.mainDivRight .second {
    margin-top: 10px;
}

.mainDivLeft {
    /*position: fixed;*/
    width: 6%;
    height: 80vh;
    /* box-shadow: 5px 0 5px -5px #333; */
    /*float: left;*/
    /*left: 0%;*/
    display: flex;
    flex-direction: column;

}

.mainDivLeft a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 20px;
    text-align: center;
    /*padding-top: 40%;*/
    border: 1px solid white;
    color: black;
    transition: all .5s ease-in-out;
    overflow: hidden;
position:relative;
}
/*.mainDivLeft a:after{*/
/*    content:"";*/
/*    width:50%;*/
/*    top:30%;*/
/*    left:30%;*/
/*background:red;    */
/*position:absolute;*/
/*} */
.mainDivLeft a:hover{
      background-color: #2d353c;
    color: white !important;
}

.mainDivLeft a::after {
    content: '';
    position: absolute;
    /*background-color: #2d353c;*/
    width: 15%;
    height: 10%;
    top: 40%;
    /* left: 10%; */
    right: 0%;
   border-top: 1.2vh solid transparent;
    border-bottom: 1.2vh solid transparent;
    border-right: 1.2vh solid #fff;
}

/*.mainDivLeft a.current::after {*/
/*    width: 100%;*/
/*    opacity: 1;*/
/*}*/

/*.mainDivLeft a:hover::after {*/
/*    width: 100%;*/
/*    opacity: 1;*/
/*}*/




/* .btnlink{
    background-color: #225FAF; color: white;
} */
.btnlink {
    border: none;
    outline: none;
    padding: 10px 16px;


    cursor: pointer;
    font-size: 18px;
}

/* Style the active class, and buttons on mouse-over */

.active {
    background-color: #2d353c;
    color: white !important;

}

.mainDivCenter {
    /*left: 10%;*/
    width: 69%;
    height:80vh;
    overflow-y: scroll;
    position: relative;

}

.Step_02 {
    margin-top: 10px;
    padding: 40px;
   
}

.Step_02 a {
    /*font-weight: bold;*/
    color: #225faf;
}

.Step_02 .fa-fire {
    color: #225faf;
    height: 30px;
}

.Step_02 input {
    width: 120px;
    height: 40px;
      box-shadow: 0 0 2px #2d353c;
    border-radius: 5px;

    border: none;
}

.Step_02 span {
    color: #2d353c;
    /*font-weight: bold;*/
}

.Step_02 .colour {
    color: #2d353c;
    margin-top: 15px;
}

.Step_02 .bgColor1 {
    color: #2d353c;
    margin-top: 5px;
    background-color: #C0DEFF;
    padding: 5px;
    border-radius: 3px;
    font-size: 1.1rem;
}

.Step_02 .bgColor2 {
    margin-top: 5px;

    background-color: #EDEDED;
    padding: 0px 5px 5px 5px;
    color: #AC7D66;
    border-radius: 3px;
}

.Step_02 .div3 h6 {
    color:#2d353c;
}
.Step_02 .div3 .bmi span {
   color: #d15751;
    font-size: 0.8rem;

}

/* .Step_02 .Threediv .flex {
    display: flex;
} */
.Step_02 .Threediv .colour {
    display: flex;
      gap: 1.5rem;
}
/*.Step_02 .Threediv .colour h5 {*/
/*    display: flex;*/
/*gap: 1.5rem;*/
/*}*/

.Step_02 .Threediv .colour h5 {
    width: 30%;
    font-size: 1rem;
}

.Step_02 .Threediv .bgColor {

    display: flex;
    gap: 1.3rem;

}

.Step_02 .Threediv .bgColor h4 {
    width: 45%;
    display: flex;
    gap: 5rem;
    padding-top: 10px;
}

.Threediv {
    margin-top: 20px;
    display: flex;

    gap: 1rem;
}

/* .Threediv spa */
.Threediv input {
    font-size: 1.2rem;
    color: #666;
    padding-left: 10px;
}

.Threediv .div1,
.Threediv .div2 {
    width: 45%;
    

}

.Threediv .heading {
    margin-bottom: 10px;
    color: #2d353c;
    font-size: 1.1rem;
}




.Threediv .div3 h6 {
    padding-top: 10px;
}

.Step_03 {
    padding: 40px;
    /*background-color: #F7F7F7;*/
    margin-top: 10px;
}

.Step_03_Inner {
    margin-top: 20px;
    display: flex;
    gap: 1rem;
}

.Step_03_Inner input {
    font-size: 1.3rem;

    color: #666;
}

.Step_03_Inner select {
    color: #666;
    font-size: 0.95rem;

}

.Step_03_Inner .divleft,
.Step_03_Inner .divright {
    border-radius: 5px;
    padding-bottom: 30px;
    /*box-shadow: 3px 14px 24px -11px rgb(0 0 0 / 37%);*/
    width :100%;
    display: flex;   
    transform: scale(1);
    transition: all 1s linear;
 box-shadow: 0px 0px 5px #2d353c;
  
}
.Step_03_Inner .divleft:hover,
.Step_03_Inner .divright:hover {
       /*transform: scale(1.05);*/
  
}
.Step_03_Inner .divleft .div1 .flex,
.Step_03_Inner .divright .div1 .flex {
    width: 94%;

}

.Step_03_Inner .divleft .div1 , .Step_03_Inner .divleft .div2 ,
.Step_03_Inner .divright .div1, .Step_03_Inner .divright .div2  {
    width: 50%;

}

.uploadBtnDiv {
    background: #95c3e7;
    padding: 0.5em;
    border: 5;
    white-space: nowrap;
    right: -400px; 
    width:0px;
    /*border: 1px solid;*/
    /*width: fit-content;*/
    position: fixed;
   
    transition : 0.5s; 
    top: 50%; 
}
.uploadBtnDiv .main { 
    display: flex;
    }
.uploadBtnDiv:hover {
    width: fit-content !important;
    z-index: 1 !important;
}

.uploadBtnDiv .uploadData {
    background: transparent;
    border: none;
    width: 2rem;
}
.uploadBtnDiv .uploadBtnDivMsg {
    padding-left: 0.5rem;
}

.downloadBtnDiv {
    background: #95c3e7;
    padding: 0.5em;
    border: 5;
    white-space: nowrap;
    right: -400px; 
    width:0px;
    /*border: 1px solid;*/
    /*width: fit-content;*/
    position: fixed;
   
    transition : 0.5s; 
    top: 35%; 
}
.downloadBtnDiv .main__ { 
    display: flex;
    }
.downloadBtnDiv:hover {
    width: fit-content !important;
    z-index: 1 !important;
}

.downloadBtnDiv .downloadData {
    background: transparent;
    border: none;
    width: 2rem;
}
.downloadBtnDiv .downloadBtnDivMsg {
    padding-left: 0.5rem;
}

.uplaodData img,.downloadData img{
    width : 25px;
}


.Step_03_Inner .divleft .div2 .flex,
.Step_03_Inner .divright .div2 .flex {
    width: 90%;

}


.Step_03_Inner .divleft h1 {
    /*box-shadow: 0px 0px 3px #2d353c;*/

    border-radius: 5px;
    background-color: #2d353c;
    padding: 10px;
    color: white;
    font-size: large;

}

.Step_03_Inner .divright h1 {
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    box-shadow: 0px 15px 10px -15px rgb(170 158 158);
    border-radius: 5px;
    background-color: #2d353c;
    padding: 10px;
    color: white;
    font-size: large;
}

.Step_03_Inner .divleft h4,
.Step_03_Inner .divright h4 {
    margin-top: 10px;
}

.Step_03_Inner .divleft h5,
.Step_03_Inner .divright h5 {
    margin-top: 10px;
}

.selectData {
    /* border: 1px solid red; */
    min-height: 100px;
    min-width: 90px;
    margin-left: 10px;
}

.Step_03_Inner .divleft select,
.Step_03_Inner .divright select {
    margin-top: 10px;
    /*box-shadow: 0 0 10px rgb(170 158 158);*/
   box-shadow: 0 0 2px #2d353c;
    border-radius: 3px;
    width: 90%;
    border: none;
    height: 40px;
}
.Step_03_Inner .divleft select:focus,
.Step_03_Inner .divright select::focus{
    outline:none;
}


.Step_03_Inner .flex {
    display: flex;
    gap: 3px;
    margin-top: 10px;
}

.Step_03_Inner .flex div {
    background-color: white;

}

.Step_03_Inner .flex .inp {
   box-shadow: 0 0 2px #2d353c;
}


.Step_03_Inner .flex input {
    height: 40px;
    padding-left: 3px;
    width: 56%;
    border: none;
}

.Step_03_Inner .flex span {
    font-size: small;
    color: #AC7D66;
    font-weight: 500;
}

.Step_03 a {
   /*font-weight: bold;*/
    color: #225faf;
}

.Step_03 i {
    font-weight: bold;
    color: #225faf;
}


.Step_03_Inner .div1 .flex,

.Step_03_Inner .div1 h5,
.Step_03_Inner .div1 h4,
.Step_03_Inner .div2 h5,
.Step_03_Inner .div2 h4 {
    padding-left: 10px;
    /*font-weight: 600;*/
    font-size: 1rem;
       color: #2d353c;
    
}

.tablediv {
    clear:both;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.tabledivflex {
    display: flex;
    gap: 2rem;
}

.tablediv h4 {
    margin-top: 10px;
    color: #2d353c;
    font-size: 15px;
}

.tablediv h5 {
    /*margin-top: 10px;*/
    color:#2d353c;
    font-size: 14px;
}
#diagnosis{
    width:100%;
}


.Step_03_Inner .div1 select {
    margin-left: 10px;
}

.divright .div1 .pad {
    padding-left: 10px;
}

.Step_03 .fields_2row .divrow1 .selectCombine {
    width: 120px;
}

.Step_03 .fields_2row .divrow1 .selectCombineInp {
    padding: 10px;
    border: none;
    color: #666;
    font-size: 1.3rem;
    height: 40px;
    width: 80% !important;
}

.Step_03 .fields_2row .divrow1 .calorie input {
    border: none;
    height: 40px;
    width: 65% !important;
}


.fatinput {
    height: 40px;
    width: 100%;
}

.selectCombineInner {
    background-color: white;
    box-shadow: 0 0 10px rgb(170 158 158);
}

.Step_03 textarea {
    width: 100%;
    font-size: 1rem;
    padding: 20px;
border-radius:3px;
    border: none;
       box-shadow: 0px 0px 3px #2d353c;
}

.Step_03 textarea:focus {
    outline: none;
}

.Step_03 textarea::placeholder {
    font-weight: bolder;
}


.Step_04 h4 {
   color: #2d353c;
     font-size: 1.2rem;
    padding: 40px;
}

.showdiv {
    display: none;
    padding: 40px;
}

.Step_04_pie {
    margin-top: 10px;
    /*background-color: #F7F7F7;*/
}

.Step_04_pieInner {
    display: flex;
    gap: 2rem;
}

.Step_04_pieInner .pieLeft {
    width: 40%;
}

.Step_04_pieInner .pieRight {
    width: 50%;
}

#pie {
    margin: 0 auto;
    width: 300px;
    height: 616px;
}

#leftchart1 {
    height: 300px;

}

#leftchart2 {
    margin-top: 10px;
    height: 300px;

}

.Step_05 {
    padding: 40px;
    /*background-color: #F7F7F7;*/
}

.Step_05 h4 {
   color: #2d353c;
     font-size: 1.2rem;
}

.Step_05 .drop {
    margin-top: 20px;
}

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

.drop2 form {
    width: 30%;
}

.drop2 form h3 {
    margin-bottom: 10px;
}

.drop2 form select {
    height: 40px;
    padding: 10px;
    box-shadow: 0 0 10px rgb(170 158 158);
    border-radius: 5px;
    border: none;
    width: 100%;
}

.multipleDiv {
    margin-top: 10px;
}

.multipleDiv h2 {
    margin-bottom: 10px;
}

.Step_04 {
    margin-top: 10px;
    /*background-color: #F7F7F7;*/

}

.Step_04 .divtop,
.Step_04 .divdown {
    display: flex;
    justify-content: space-between;
}

.Step_04 h2 {
    color: #2d353c;
    font-size: 1.2rem;
}

.Step_04 .Contraindications {
    color: rgb(188, 39, 45);
    font-size: 1.2rem;
}

.Step_04 ol li {
    color: rgb(188, 39, 45);
}

.Step_04 .divtop div {
    padding-left: 25px;
    padding-top: 10px;
    width: 45%;
    height: 300px;
}

.Step_04 .divdown {
    margin-top: 20px;
}

.Step_04 .divdown div {
    padding-left: 25px;
    padding-top: 10px;

    width: 45%;
    height: max-content;
    text-align: justify;
}

.Step_04 h2 {
    width: 45%;
}

.Step_04 .toph2 {
    margin-bottom: 20px;
}

.Step_04 .heading {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.btnDivsee {
    margin-top: 20px;
    background-color:#2d353c;
    padding: 10px;
    margin-bottom: 10px;
    transition:all 1s linear; 
}

.btnDivsee:hover {
    margin-top: 20px;
    background-color:#C0DEFF;
    padding: 10px;
    margin-bottom: 10px;
}
.btnDivsee:hover button {
  
    background-color:#C0DEFF;
  
   
      color: #2d353c;
    
}

.btnDivsee button {
     transition:all 1s linear; 
    color: white;
    border: none;
    background-color: #2d353c;
}
.btnDivsee button:focus{
    outline:none;
}

.textcolor h4 {
    color: #2d353c;
     font-size: 1.2rem;
}

/* 
section {
    border: 1px solid red;
} */

.highcharts-drilldown-data-label text {
    text-decoration: none !important;
    color: #666 !important;

}

.highcharts-xaxis-labels text {
    color: #666 !important;
    text-decoration: none !important;
}


/* new css */
.btn-primary {
transition: all 1s linear;
    padding: 10px;
    color: white;
    background-color: #2d353c;
    border: none;
    border-radius: 5px;
}
.btn-primary:hover {

   box-shadow: 0 0 3px #2d353c;
    color: #2d353c;
    background-color: white;
    border: none;
}
.btn-primary:focus {

   box-shadow: 0 0 3px #2d353c;
    color: #2d353c;
    background-color: white;
    border: none;
}
.inputset {
        border-radius: 3px;
    width: 100%;
    height: 40px;
    box-shadow: 0 0 3px  #2d353c;
    border: none;
}

.selectset {
        border-radius: 3px;
    height: 40px;
    width: 100%;
    box-shadow: 0 0 3px  #2d353c;
    border: none;
}
.selectset:focus {
  outline:none;
   
}



.logoutbtn a {
    transition: all 1s linear;
    color: white;
    text-decoration: none;
}

.table2 td, .table2 th, .product td,.product th,.table2 th{
    width: 134px;
    font-weight: 100;
    color: #2d353c;
    height: 40px;
    /* border: 1px solid; */
    padding: 0 3px;
}

td.tdwidth.emptyTd {
    /* border: 1px solid; */
    width: 260px;
}
.actionBtns a{
    margin: 0px ;
    padding: 0px;
}

/* The Modal (background) */
.modal, .modal-email {
width: 600px;
    max-height: 400px;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    top: 10%;
    transform: translate(-50%);
    /* width: 100%; */
    height: 300px;
    /* overflow: auto; */
    /* background-color: rgb(0,0,0); */
    background-color: rgba(0,0,0,0.5);
}
.modal .close, .modal-email .close {
    /* border: 1px solid; */
    margin-right: 10px;
}
.modal input, .modal-email input{
    height: 40px;
    
    margin: 10px 40px;
}

.modal input::placeholder {
  color: #2d353c;
  text-align:center;
}
.modal button , .modal-email button{
    height: 40px;
    margin: 10px 40px;
  
    
}
/* Modal Content/Box */
.modal-content, .modal-email .modal-content {
 background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  text-align: end;

}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

td.deleteRow {
    width: fit-content;
    color: red;
    font-size: 25px;
}
.edit_plan_div textarea {
    padding: 10px;
}
/*.edit_plan_div {*/
    /* border: 1px solid; */
/*    display: flex;*/
/*    margin: 10px;*/
/*    align-items: center;*/
/*}*/

/*Areeb new css*/

.BasicInformation .setflex{
  display: flex;  
}
.BasicInformation .submitBtn,.profile_col .editDrbtn, .submitBtn{

    background-color: #2d353c;
    border: none;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 10px 50px;
    text-decoration: none;
    cursor: pointer;
    transition: all 1s linear;
 border-radius: 3px;
}
.BasicInformation .submitBtn:hover,.profile_col .editDrbtn:hover{
    color: #2d353c;
    background-color: white;
    box-shadow: 0 0 3px #2d353c;

}

.newflexStyle{
 display: flex;  
    justify-content: space-between;
    width: 65%;
}
.fa-house-medical{
    font-size: 1rem;
    padding-right: 10px;
}
.mainLinkNav{
     font-size: 0.75rem;

}.submenu .nav-link{
    padding-left: 50px;
}
.GenderSelect{
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #333333;
    margin: 8px 0;
    box-sizing: border-box;
    /* box-shadow: 0 0 10px rgb(170 158 158); */
    /* border-radius: 5px; */
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #2d353c;
   width: 300px !important;
}
.same #section1 h3,.same .multipleDiv h2,.same .multipleDiv h1{
    font-size: 1.2rem;
}
#products_table{
    border-spacing: 0 10px;
        color: #2d353c;
        border-collapse: separate;
}.same .table2{
    color: #2d353c;
}
.same .extratd,.same .extraMrgBtn{
 margin-left: 20px;
}

#temperature_selector{
    margin-left: 0px !important;
     border-radius: 3px;

}
.fa-arrow-right-from-bracket,.fa-user{
   color: #2d353c;
    font-size: 1.5rem;
    transition: all 1s linear;
}
.fa-arrow-right-from-bracket:hover,.fa-user:hover{
      color: white;

}
.Threediv .ref_cal{
    color: #2d353c;
}
.Threediv .ref_cal th{
    
    font-size: 0.80rem;
}
.Threediv .ref_cal h4{
      font-weight: 600;
      font-size: 1rem;
}.selectData p span{
    line-height: 0.5 !important;
}
.selectCombine .shadowed{
    box-shadow: 0 0 2px #2d353c;
    border-radius:3px;
}.selectCombine #age{
    width:100%;
    box-shadow: 0 0 2px #2d353c;
}#urine_output{
    width:70%;
}
.chh{
     display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
#patientId .divrow1 {
    position: relative;
    display: inline-block;
    width: 16.5%;
}
.welcome h2 {
    font-size: 1.6rem;
    text-align: center;
}
/*.passErr{*/
    
/*}*/

.bmi .er{
    display: flex;
    align-items: center;
    gap:5px
   
    

}#bmi::placeholder{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.fa-triangle-exclamation{
    color: #d15751;
}
#bmi_feedback_msg{
    color: #d15751;
    font-size: 0.8rem;
}.shadd{
    box-shadow: 0 0 2px #2d353c;
    border-radius: 3px;
}
.shadd input{
    box-shadow: unset !important;
    width: 100px !important;
}
.shadd span{
    font-size: 1rem !important;
    color:#2d353c !important;
   
    /*box-shadow: unset !important;*/
}
/*.BasicInformation .errorAlert{*/
/*   padding: 15px 20px;*/
/*    background: #C0DEFF;*/
/*    font-size: 1rem;*/
/*    color: #d15751;*/
/*}*/
.espen__guideline a{
  font-size: 1rem;
    color: #225faf;
    
}
.errorAlert{
    padding: 15px 20px;
    background: #c5c0c0;
    color: #323f4a;
    font-size: 1rem;
    margin-bottom:10px;
    font-weight:600;
    text-transform: capitalize;
}
div#passErr {
    /* border: 1px solid; */
    margin-top: -20px;
    color: red;
    /* padding-left: 4px; */
}
.flexdiv .error{
   color: #d15751 !important; 
    margin-left: 20%;
}
.profilediv {
  display: flex;
  gap: 2rem; 
}
input.submitBtn.editDrbtn {
    width: unset !important;
}

/*select#profession {*/
/*    width: 50%;*/
/*    padding: 10px;*/
/*}*/
ul#nav_accordion li:hover {
    cursor: pointer;
}
#menu{
    display:none;
}
#menu ul li a i{
    padding-right: 10px;
    font-size: 20px;
}
.menuicn{
    color: #2d353c;
    text-decoration: none;
    font-size: 25px;   
    transition: all .5s linear;
} 
.menuicn:hover{
  color: gray;  
}
.menuDiv{
    display:none;
}
.medicine {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
        gap: 1rem;
}
.medicineBox h3 {
    text-align: center;
    padding-top: 10px;
}
.medicineInner {
    padding: 10px;
    display: flex;
    text-transform: capitalize;
}
.RDate{
    display:none;
}

@media only screen and (max-width: 1350px) {
.nav-link {
    display: block;
    padding: 0.5rem 0.5rem ;
}
.submenu .nav-link {
    padding-left: 50px !important;
}

}
@media only screen and (max-width: 1250px) {
.fa-house-medical {
    
    padding-right: 5px;
}
  
 

}
@media only screen and (max-width: 1200px) {
.mainDivCenter::-webkit-scrollbar
{
display:none;
}
.mainDivCenter {
    overflow-y: scroll;
}
.mainDivRight::-webkit-scrollbar
{
display:none;
}
.mainDivRight {
    overflow-y: scroll;
}
.sidebar{
    display:none;
}
.PatientLeft {
    width: unset;
}
.medicine {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.proteinIntakInner {
    justify-content: space-between;
}
.calorieIntakInner {
   
    justify-content: space-between;
}
.PatientRight{
    width:100%;
}.calorieIntak, .proteinIntak {
   
     width: 100%; 
}
.CalMaindiv {
 gap: 1rem;
    
    flex-direction: column;
}
.BasicInformation form,.profile_col form {
width:100%;
    
}.mainDivLeft,.seebtnright{
    display:none;
}.mainDiv {
    flex-direction: column;
}
.mainDivCenter{
    width:100%;
}.mainDivRight{
width:100%;
border-top: 1px solid #2d353c;
}
}


@media only screen and (max-width: 1100px) {
  .viewPatient table td, .viewPatient table th{
       width: unset;
  } 
  .viewPatient .table {
     padding: 0px; 
}
.medicineBox {
    width: 250px !important;

}
}
@media only screen and (max-width: 1000px){
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
    .Step_03_Inner{
       flex-direction: column; 
    }
    .Step_04_pieInner {
  flex-direction: column;
}
.Step_04_pieInner .pieLeft {
    width: 100%;
}.Step_04_pieInner .pieRight {
    width: 100%;
}
.Step_03_Inner .divleft .div1 .flex,
.Step_03_Inner .divright .div1 .flex {
    width: 92%

}.Threediv {
    display: flex;
    flex-wrap: wrap;
}
.Threediv .div1, .Threediv .div2 {
     width: unset; 
}
.PatientResultMain {
   
    padding: 30px;
   
}


/*.Step_02 .Threediv .colour {*/
/*     justify-content: space-between;*/
/*    width: 100%;*/
/*}*/
/*.Step_02 .Threediv .bgColor {*/
/*    justify-content: space-between;*/
/*    display: flex;*/
/*   width: 89%;*/
/*}*/
/*.Step_02 .Threediv input {*/
/*    width: 250px !important;*/
/*}*/
    
}


@media only screen and (max-width: 900px){
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
  .modal button, .modal-email button {
    height: 40px;
    margin: 10px;
    width: 300px;
    margin: 10px auto;
}
   .modal input, .modal-email input {
    height: 40px;
    width: 300px;
    margin: 0px auto;
}
    .modal-content, .modal-email .modal-content {
    background-color: #fefefe;
    margin: 30px auto;
    /* padding: 20px; */
    padding: 50px;
    border: 1px solid #888;
    width: 80%;
}
   .modal, .modal-email {
    width: 600px;
    min-height: 200px;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    top: 10%;
    transform: translate(-50%);
    /* width: 100%; */
    height: 300px;
    /* overflow: auto; */
    /* background-color: rgb(0,0,0); */
    background-color: rgba(0,0,0,0.5);
}
    .profile_col .flexdiv{
     
    flex-direction: column;
}  
   
}
@media only screen and (max-width: 830px){
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
    .scrollTable{
        overflow-x: scroll;
    }
     .infoleftheading {
    
    display: flex;
    justify-content: space-between;
    align-items: center;
}.Date2{
    display:none;
}
   .RDate{
       font-size: 12px;
    display:block;
}
    .flexdiv{
        flex-direction: column;
    }
     .plan select{
    width:69%;
}.plan textarea {
    width: 100%;
}
.plan form {
    padding-left: 20px;
    width: 98%;
}
.plan input[type=date] {
    width: 69%;
}
.plan input[type=text] {
    width: 69%;
}
.tablediv{
    flex-wrap:wrap;
}
#products_table {
    width: 800px;
    overflow: scroll;
    border-spacing: 0 10px;
    color: #2d353c;
    overflow-x: scroll;
   
    border-collapse: separate;
}
.same .table2 {
    color: #2d353c;
    
    width: 800px;
    overflow-x: scroll;
}
.mainDiv .fields_1row {
   
   
    justify-content: center;
} 
    .PatientResultMain .info{
       flex-direction: column;
    }.infoleftInner{
        justify-content: space-between;
        
    }
    .inforightInner{
        justify-content: space-between;
    }
    .PatientResultMain .info .infoleft, .PatientResultMain .info .inforight{
        width:unset;
    }
}
@media only screen and (max-width: 785px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
 .btndiv a {
        padding: 0.75em 0.75em 0.75em 0.85em;
 }
}
@media only screen and (max-width: 700px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
 .viewPatient .table {
    padding: 10px;
    overflow-x: scroll;
}
.viewPatient table {
    
    width: 700px;
  }
 .welcome {
     width:180px;
 }
.welcome h2 {
    font-size: 1.2rem;
   
}
.mRSelect label{
       width: 150px !important;
      
   }
   .mRSelect select{ 
       width: 300px !important;
   }
}
.PatientResultMain {
    padding: 10px;
}
@media only screen and (max-width: 600px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
    .custon-grid {
   
    flex-direction: column;
    align-items: center;
}
.btndiv a {
    padding: 10px 25px;
}
.medicineInner {
 gap:2rem
}
.Patientresultheader img {
    width: 100px;
}
.infoleftInner {
    display: flex;
     gap: 0rem; 
}
.AminoDiv {
   
    gap: 5rem;
}
.medicineBox h3 {
    text-align: unset;
    padding: 10px;
}
.medicineBox {
    width: 100% !important;
}
.Patientresultheader{
    padding:0px;
}
.Patientresultheader h1{
    min-width: unset;
    font-size: 17px;
}
.breadcrumbs{
    border:unset;
}.gap_bw_label label{
    width:150px;
}
.welcome {
  padding-right:0px;
     width: unset; 
    
}.menuDiv{
        display: block;
    /*display:unset;*/
}
.userName{
      display: none;
}
.Patientheader {
    height: auto;
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    padding: 10px;
    background-image: unset;
    justify-content: space-between;
    border-bottom: 1px solid #2d353c;
}.Patientheader .logo {
    padding-left: 0px;
}
.Patientheader .logo img{
    width: 100px;
}
.Patientheader:after {
   
    background-color: white;
   
}
.profilediv{
  gap: 5px;
}
.drop2 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
}.patienttable .table {
    width: 100%;
}
}


@media only screen and (max-width: 550px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
 .calorieIntakInner {
     justify-content: unset; 
    gap: 1rem;
}
.proteinIntakInner {
     justify-content: unset; 
    gap: 1rem;
}
.login,.forget_password {
   
    width: 500px;
   
}
.loginInner,.forget_password .text_inner,.forget_password .home_links_heading {
    margin: 0 auto;
     width: unset; 
}
}
@media only screen and (max-width: 500px) {
    /*.uploadBtnDiv, .downloadBtnDiv{*/
    /*    width: 38px !important;*/
    /*    right: 0 !important;*/
    /*}*/
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
    .Step_04 .divdown div {
     padding-left:0px; 
  
}
    .Step_04 .divtop div {
     padding-left: 0px; 
    
}
    .Step_03_Inner input {
  
    font-size: unset;
}
  .Step_03_Inner .flex input {
    
    width: 40%;
   
}
    .profile_col .flexdiv .error {
    
     margin-left: 0; 
}
.modal-content, .modal-email .modal-content {
   
    width: 55%;
}
 .modal button, .modal-email button {
    height: 40px;
    margin: 10px;
    width: 200px;
    margin: 10px auto;
}
   .modal input, .modal-email input {
    height: 40px;
    width: 200px;
    margin: 0px auto;
}
  .registrationFormInner{
      width:unset;
  }
    .PatientRight h1 {
  
    font-size: 1.2rem;
}
.login,.forget_password {
    margin: 0px auto;
    width: 100%;
    height: 100vh;

    padding: 50px 40px 0px 40px;
    /* box-shadow: 0 0 3px #2d353c; */
}
.loginInner,.forget_password .text_inner {
    margin: 0 auto;
     width: unset; 
}
.registrationFormInner{
    border-radius: 0px;
    box-shadow: unset;
}
.BasicInformation textarea {
   
    width: 100%;
}
 .LabRep{
        padding-left: 10px !important;
    font-size: 1.1rem !important;
    
    margin-bottom: 0 !important;
    }
    .profile_col select{
    width: 230px !important;
}
    .profile_col .flexdiv .gap_bw_label_basic input {
    width: 230px !important;
}
.profile_col .flexdiv .gap_bw_label_basic {
    justify-content: space-between;
}
.BasicInformation form,.profile_col form {
   
    padding-left: 5px !important;
   
}
}

@media only screen and (max-width: 490px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.plan select {
    width: 100%;
}
#Date_Next_Visit{
    width: 100%;
}
.plan label {
    width:unset; 
}
.plan .SelectPatient{
    margin-bottom: 20px;
}
label[for=Date_Next_Visit]{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 460px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
  .gap_bw_label label{
      width:100px;
  }  
  
}
@media only screen and (max-width: 430px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.viewPatient #search {
   
    width: 200px;
    
}
   .Step_01head h4,.Step_05 h4,.Step_04 h4 {
  
    font-size: 1rem;
}.Step_04 h2 {
    color: #2d353c;
    font-size: 1rem;
}
.Step_04 .Contraindications {
   
    font-size: 1rem;
}
.genderSelect {
    width: 100%!important;
  
}
.fields_1row .divrow1{
    width:100%;
}
.selectCombine {
    width: 100%;
     max-width: unset; 
}
   .mRSelect{
       display: flex;
    flex-direction: column;
    align-items: start !important;
   
   }.mRSelect label{
       width: unset !important;
       margin-bottom: 13px;
   }
   .mRSelect select{ 
       width: 100% !important;
   }
   
    .pndiv{
        padding: 10px;
    }
    .gap_bw_label_basic{
      justify-content: space-between;
    }
    .flexdiv .gap_bw_label_basic input {
    width: 250px !important;
}.BasicInformation select{
    width: 250px !important;
}.GenderSelect{
     width: 250px !important;
}
#Allergies {
    width: 250px !important;
  }
  #Occuption {
   width: 250px  !important;
  }
  .PatientRight .BasicInformation h1 , .PatientRight .profile_col h1{
    padding-left: 10px;
   
}

.laboratoryResult select{
    width:250px;
}
    .gap_bw_label input {
    width: 250px;
}

 
}

@media only screen and (max-width: 425px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.login,.forget_password {
   

    padding: 50px 20px 0px 20px;
   
}
.forget_password{
    box-shadow: unset !important;
}

}
@media only screen and (max-width: 390px) {
    .printBtns {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
    .laboratoryResult label {
    font-size: .8rem;
    font-weight: bold;
}.laboratoryResult form {
   
    padding-left: 5px;
}
.gap_bw_label label {
    width: 88px;
}
}


.imedia {
    width: 100%;
    margin-top: 0 !important;
    font-size: 11px;
    color: #101010;
    margin-bottom: 0;
    text-align: center;
    float: left;
}

.imedia .design_develop {
    padding-right: 2px;
    font-size: 12px;
    display: inline-block;
    color: #000;
}

.imedia a {
    text-decoration: none;
    color: #000;
    height: auto !important;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: 'Poppins';
    margin: 0 1px !important;
}

.m_text {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #000;
    padding-left: 2px;
    margin-top: 0px;
}

.m_text a {
   
    height: 14px;
    line-height: 11px;
    display: block;
    color: #000;
    font-family: 'Gill', sans-serif;
    font-size: 12px;
}
.custon-grid{
        display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}
.m_text .digital_media {
    font-size: 7px;
    margin-top: 1px;
    color: #000;
}
.calc_percent button {
    padding: 5px 25px;
    float: right;
    margin-top: 10px;
    /* margin: 10px auto; */
}
._icons {
    width: 30px;
}

.sidebar ._icons {
    width: 20px !important;
    filter: invert(1);
}
.sidebar .nav-item a {
    display: flex;
    gap: 4px;
    align-items: center;
}

.backToWebBtn {
    background: transparent !important;
    border: 2px solid #3c3b3b;
    padding: 0.5rem 1.5rem !important;
    color: black !important;
    border: 1 px solid black !important;
}
.backToWebBtn:hover {
    background: #3c3b3b !important;
    padding: 0.5rem 1.5rem !important;
    border: 2px solid #3c3b3b;
    color: #fff !important;
    border: 1 px solid black !important;
}
.downlaodBtn{
    text-decoration: none;
    padding: 0.7rem 1.5rem;
    background: #3c3b3b;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}
.downlaodBtn:hover{ 
    text-decoration: none;
    color: #fff;
    background: #000;
}
.downlaodBtn:visited, .downlaodBtn:focus{
    text-decoration: none;
    color: #fff;
}

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

#patienttable {
    width: 100%;
    padding-top: 1rem;
    overflow: auto;
    height: auto;
    /*background: aliceblue;*/
}

#patienttable table {
    width: 100%;
    height: inherit;
  border: 1px solid ;
  border-collapse: collapse;
    white-space: nowrap;
}

#patienttable th, #patienttable td {
  border: 1px solid ;
  border-collapse: collapse;
  padding: 1%;
  /*min-width: 312px;*/
  text-align: start;
}
div#patienttable h3 {
    font-size: 30px;
}
td.deleteRow {
    display: none;
}
@media print{
    .printBtns{
        display:none;
    }
    #patienttable th, #patienttable td {
       min-width: unset; 
    }
}