* {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.06rem;
}

html,
body {
    height: 100%;
}

body {
    margin: 0;
    position: relative;
    background: #47619a0a;
}

section.login {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login .col-md-6 {
    padding: 0px;
}

.form-card {
    height: 100vh;
    background-color: #B5C6E6;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-illustration h1 {
    color: #fff;
    font-size: 4rem;
}

.form-illustration p {
    color: #fff;
    font-size: 1.2rem;
    padding: 0rem 8rem;
}

#mobile-show .alginbox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.form-logo {
    text-align: center;
}

.form-logo-new img {
    max-width: 100%;
    width: 100%;
}

.form-logo img {
    max-width: 131px;
    width: 100%;
}

.form-illustration {
    text-align: center;
}
.login-input label{
    padding-left: 5px !important;
    margin-bottom: 0.3rem ;
        font-weight: 600;
    font-size: 15px;
}
.login-card {
    width: 100%;
    max-width: 600px;
    border-radius: 50px;
    background-color: #fff;
    padding: 24px 58px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.update-profile {
    width: 70%;
    border-radius: 50px;
    background-color: #fff;
    padding: 58px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.update-profile .login-input {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.form-main-heading {
    margin-bottom: 50px;
}

.form-main-heading h1 {
    font-size: 2.5rem;
    color: #000;
    font-weight: 600;
}

.package-pri h1 {
    font-size: 1.1rem !important;
    color: #000;
    font-weight: 600;
    line-height: 23px;
}

.form-main-heading span {
    font-size: 1rem;
    color: #000;
}


.login-input {
    position: relative;
    width: 100%;
    margin-bottom: 27px;
}

.register-input .login-input {
    position: relative;
    width: 100%;
    margin-bottom: 10px ;
}

.update-profile .login-input {
    position: relative;
    width: 100%;
    margin-bottom: 10px !important;
}

.eye-pd {
    padding: 0px 50px 0px 60px;
    width: 100%;
    height: 70px;
    border-radius: 0.5rem;
    outline: unset;
    border: 2px solid #949494;
    font-size: 0.9rem;
}

.login-field {
    padding: 0px 30px 0px 60px;
    width: 100%;
    height: 70px;
    border-radius: 0.5rem;
    outline: unset;
    border: 2px solid #949494;
    font-size: 0.9rem;
}
.register-input .login-input .login-field {
    padding: 0px 30px 0px 15px;
    width: 100%;
    height: 45px ;
    border-radius: 0.5rem;
    outline: unset;
    border: 2px solid #949494;
    font-size: 0.8rem !important;
}

.update-profile .login-input .login-field {
    padding: 0px 30px 0px 15px;
    width: 100%;
    height: 45px !important;
    border-radius: 0.5rem;
    outline: unset;
    border: 2px solid #949494;
    font-size: 0.8rem !important;
}

.address-field {
    padding: 0px 10px;
    width: 100%;
    height: 70px;
    border-radius: 0.5rem;
    outline: unset;
    border: 5px solid transparent;
    font-size: 0.9rem;
}

.user-icon {
    position: absolute;
    margin-top: 17px;
    left: 20px;
    font-size: 1.4rem;
    height: 30px;
}

.email-icon {
    position: absolute;
    margin-top: 23px;
    left: 20px;
    opacity: 0.7;
    height: 24px;
}

.lock {
    position: absolute;
    margin-top: 16px;
    left: 20px;
    opacity: 0.9;
    height: 35px;
}

.phone-icon {
    position: absolute;
    margin-top: 10px;
    left: 15px;
    color: #af0004;
}


.input-field-icon {
    position: absolute;
    right: 3%;
    top: 50%;
    line-height: 25px;
    display: inline;
}

.forgot-pwd {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 25px;
}

.label-rel {
    display: block;
    position: relative;
    padding-left: 36px;
    padding-top: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.label-rel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: #ffffff;
    border: 1px solid #7c7c7c;
    border-radius: 5px;
    cursor: pointer;
}

.label-rel input:checked~.checkmark {
    border: 1px solid #029593;
}

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

.label-rel .checkmark:after {
    left: 9px;
    top: 4px;
    width: 8px;
    height: 14px;
    border: solid #029593;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.label-rel input:checked~.checkmark:after {
    display: block;
}

.keepme-text {
    display: block;
    padding-top: 3px;
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 15px;
    color: #000;
    text-align: center;
}

.keepme-text a {
    text-decoration: none;
    color: #00c7c4;
    font-size: 1rem;
}

.keepme-text a:hover {
    text-decoration: underline;
}

.login-button {
    width: 100%;
    margin-top: 20px;
}

.login-red-btn {
    width: 100%;
    height: 50px;
    border-radius: 0.5rem;
    outline: unset;
    border: 5px solid transparent;
    background-color: #B5C6E6;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

.login-red-btn:focus {
    outline: none;
}


.link-text a {
    text-decoration: none;
    color: #00c7c4;
    font-size: 1rem;
}

.link-text a:hover {
    text-decoration: underline;
    color: #B5C6E6;
    font-size: 1rem;
}

section.updateProfile {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.OTPScreen {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.OTP-card {
    width: 100%;
    border-radius: 50px;
    background-color: #fff;
    padding: 45px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
}

.OTPScreen h1 {
    font-size: 1.2rem;
    padding: 0rem 4rem;
}

.otp-input {
    position: relative;
    width: 100%;
    margin: 2.5rem 0rem;
}

.otp-input input[type="text"] {
    width: 50px;
    height: 50px;
    font-size: 25px;
    text-align: center;
    border: 1px solid #bdbdbd;
    border-radius: 0.3rem;
    margin: 0rem 0.3rem;
    color: #000;
}

.otp-input input:focus-visible {
    outline: 1px solid #B5C6E6;
}

.verify-button {
    width: 100%;
    margin-top: 20px;
}

.verify-btn {
    width: 100%;
    max-width: 195px;
    height: 40px;
    border-radius: 0.5rem;
    outline: unset;
    border: 5px solid transparent;
    background-color: #B5C6E6;
    color: #ffffff;
    text-transform: uppercase;
}
.cancel-btn{
    width: 100%;
    max-width: 195px;
    height: 40px;
    border-radius: 0.5rem;
    outline: unset;
    border: 5px solid transparent;
    background-color: #D4403A;
    color: #ffffff;
    text-transform: uppercase;
}
.verify-btn:focus {
    outline: none;
}

/* Dashboard CSS start  */
.main-content {
   height: 100%;
   overflow: auto;
}
.content-section {
    /* width: calc(100% - 270px);
    margin-left: 270px; */
    transition: 0.5s;
}

.sidebar {
    width: 270px;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: #B5C6E6;
    transition: 0.5s;
}

.header {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 10px #1B98A41C;
    margin: 1rem;
    border-radius: 1rem;
    width: calc(100% - 305px);
    margin-left: 287px;
    position: sticky;
    top: 0;
    z-index: 2;
    height: 82px;
}

.topmenu {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_section .dropdown-toggle {
    cursor: pointer;
}

.userdropdown ul {
    margin: 0px;
    padding: 0px;
}

.userdropdown ul li {
    list-style: none;
}

.userdropdown ul li a {
    padding: 6px 13px;
    display: inline-block;
    width: 100%;
    color: #1D1D1D;
    font-size: 14px;
}

.userdropdown ul li:hover {
    background-color: #c3efee;
}

.userdropdown ul li:hover a {
    color: #000;
    text-decoration: none;
}

.userdropdown {
    padding: 6px;
    box-shadow: 0px 4px 8px 1px #88888838;
    border: 0px;
    border-radius: 10;
}

.topicons {
    background-color: #ffffff;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-shadow: 0px 2px 4px 0px #00000029;
}

.toggleIcon img {
    cursor: pointer;
}

.logo {
    width: 100%;
    margin: 1rem auto;
    text-align: center;
}

.logo img {
    width: 55px;
    margin: auto;
}

.logo h1 {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500;
}

.fullpanel .sidebar {
    width: 0px;
    height: 100vh;
    position: fixed;
    background-color: #00c7c4;
    transition: 0.5s;
}

.fullpanel .content-section {
    width: 100%;
    margin-left: 0px;
    transition: 0.5s;
}

.fullpanel .header {
    width: 98.2%;
    margin: 1rem;
    transition: 0.5s;
}

.fullpanel .logo {
    opacity: 0;
}

.sidebar ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
    margin-top: 2rem;
}

.sidebar ul li {
    padding: 0.8rem 0.5rem;
}

.sidebar ul li a i {
    font-size: 1.5rem;
    width: 30px;
}

.sidebar ul li a {
    color: #fff;
    padding-left: 1.5rem;
}

.sidebar ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.sidebar ul li:hover {
    background-color: #08adab;
}

.sidebar .active {
    background-color: #08adab;
}

.discription {
    background: #fff;
    padding: 1.5rem;
    margin: 1rem;
    border-radius: 0.5rem;
}

.discription h2 {
    font-size: 1.7rem;
    font-weight: 400;
    color: #03817f;
    margin-bottom: 1rem;
}

.filterdata {
    background-color: #f6f7f8;
    display: flex;
    padding: 1rem;
    justify-content: space-between;
    align-items: center;
}

/* .selectdate {
    margin: 0rem 1rem;
}
.selectdate input {
   border: 1px solid #e1e1e1;
   height: 40px;
   border-radius: 0.2rem;
   padding: 1rem;
   font-size: 0.9rem;
   color: #858585;
} */
.searchbar input {
    border: 1px solid #e1e1e1;
    height: 40px;
    width: 700px;
    border-radius: 0.2rem;
    padding-left: 2.8rem;
}


input:focus-visible {
    outline: none;
}

.searchbtn {
    border: 0px;
    background-color: #029593;
    color: #fff;
    height: 39px;
    padding: 0rem 1rem;
    border-radius: 0.2rem;
}

.searchbar {
    position: relative;
}

.searchbar img {
    position: absolute;
    left: 10px;
    top: 9px;
    width: 22px;
    opacity: 0.6;
}

.tabledata table {
    width: 100%;
}

.tabledata tr td:last-child img {
    width: 60px;
}

.previous-table tr td:nth-child(6) img {
    width: 60px;
}

/* .previous-table tr td:last-child {
    text-align: center;
} */

.previous-table tr td:last-child img {
    width: 25px;
}

.previous-table {
    border: 1px solid #dee2e6;
    /* padding: 2rem; */
}

.RxHistory {
    border: 1px solid #dee2e6;
    padding: 2rem;
    margin-bottom: 2rem;
    background: #f9f9f9;
}

.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}

.customize .pagination {
    justify-content: flex-end;
}

.customize .pagination li a {
    color: #029593;
}

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

.search-location h3,
.previous-table h3 {
    font-size: 1.5rem;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 1rem;
    font-weight: 500;
}

.dropdown-toggle img {
    border: 1px solid #B5C6E6;
    border-radius: 50%;

}

.no_prescription {
    color: #08adab;
    font-size: 1.1rem;
}

.no_prescription .t_no {
    font-weight: 600;
}

.history-date {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.history-date img {
    width: 25px;
}

.history-date p {
    margin-bottom: 0px;
    margin-left: 0.5rem;
    color: #16a5a3;
    font-size: 1.2rem;
}
.RxHistory:last-child{
   margin-bottom: 0px;
}
.row.profile {
    margin-top: 2rem;
}
.profile label{
   color: #08adab;
       text-transform: uppercase;
       font-size: 1.2rem;
           margin-left: 0.5rem;
}
.profile p{
   margin: 0px;
}
.profile .info{
   margin-bottom: 2rem;
}
.profile {
       margin-top: 2rem;
       display: flex;
       background: #fbfbfb;
       padding: 3rem;
}
.dv1{
   width: 12%;
}
.dv{
   width: 40%;
}
.phone{
   width: 30px;
}
.home{
   width: 25px;
}
.zip{
   width: 30px;
}
.email{
   width: 30px;
   opacity: 0.5;
}
.username{
   width: 25px;
   opacity: 0.5;
}
.change-password {
   width: 80%;
   padding: 15px;
   position: relative;
}
.change-password .login-input label{
   font-size: 1.2rem;
}
.change-password .login-input .lock {
   position: absolute;
   top: 30px;
   left: 20px;
   opacity: 0.9;
   height: 27px;
}
.change-password .login-input .input-field-icon {
   position: absolute;
   right: 3%;
   top: 50%;
   line-height: 25px;
   display: inline;
}
.pmc{
       margin-top: 3rem;
           color: #08adab;
           font-size: 1.5rem;
           margin-bottom: 2rem;
}
.change-password .login-input .eye-pd{
   height: 60px;
}
.change-password .login-input {
   position: relative;
   width: 100%;
   margin-bottom: 40px;
}
.profile-pic{
       background-image: url(../img/user-bg.png);
           width: 100px;
           height: 100px;
           background-position: top;
           background-size: cover;
           position: relative;
}
.profile-pic img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 75%;
}
.edit-profile{
  padding: 0rem 1rem;
   height: 50px;
   border-radius: 0.5rem;
   outline: unset;
   border: 0px;
   background-color: #B5C6E6;
   color: #ffffff;
   text-transform: uppercase;
   font-size: 1rem;
   letter-spacing: 0.1rem;
}
.update-password{
   margin-top: 2rem;
       background: #fbfbfb;
           padding: 3rem;
}
/* Dashboard CSS End  */

a.MuiButtonBase-root {
    color: white;
}

.nav-icon svg{
    color: white;
}
/* .makeStyles-content-3, */
.mt-64{
    margin-top: 64px;
}

.sidebar-rightsection header {
    background-color: #ffffff;
    color:#000000!important;
}

.sidebar-rightsection header p{
    color:#000000!important;
    font-weight:900;
}





.search-btn button{
    border: none;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    background-color: #B5C6E6;
}

.search-location{
    border: 1px solid #dee2e6;
    padding: 2rem;
}

/*25/10/2023*/
/* .jss11{
    margin-top: 61px !important;
}  */
/* .css-vubbuv{
    fill: #fff !important;
} */

.makeStyles-shiftContent-2 header {
    background-color: #f4f6f8;
}
.makeStyles-shiftContent-2 header p{
    color: #000 !important;
    font-size: 18px;
    font-weight: 600;
}
.makeStyles-shiftContent-2 header button{
    color: #000 !important;
}
.previous-table table thead th {
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #dee2e6;
    margin-left: 2px;
}
.previous-table table tbody td{
    border: 1px solid #dee2e6;
    margin-left: 2px;
}
.previous-table table thead {
    background-color: #f6f7f8;
}
.css-5zvl0h-MuiTableCell-root{
    padding: 16px !important;
}
.previous-table table tbody tr:nth-of-type(odd) {
    background-color: #f6f7f8 !important;
}

/*27/10/2023*/
p#\:r2\: {
    margin-bottom: 0px;
}
.css-1l1v49m-MuiTablePagination-displayedRows {
    margin-bottom: 0px;
    font-weight: 600;
}
.css-ccmyv3-MuiInputBase-root-MuiTablePagination-select{
    margin-right: 14px !important;
}
    .makeStyles-drawer-33 {
        height: calc(100% - 0px) !important;
    }
    /* .makeStyles-root-34 {
        margin-top: 60px;
    } */

    .css-1e2rm82-MuiPaper-root-MuiAppBar-root{color: #000 !important;background-color: white !important;}
    .makeStyles-logoTitle-32{color: black !important;}
    .css-gac4ag-MuiTypography-root{color: black !important;font-weight: 900 !important;}
    .makeStyles-logoTitle-147{color: black !important;}




    /* 12/08/2023 */

    .signup-mobileshow {
        width: 50%;
        padding: 8px 24px;
        height: 100vh;
    }

    .login-eye .input-field-icon {
        transform: translateY(-50%);
    }