@charset "utf-8";
:root {
   --primary-blue:#0C3DBA;
   --primary-green:#099A80; 
   --primary-black:#222222;
   --secondary-gray:#7F7F8A;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

html,
body {
    width: 100%;
    background: #fff !important;
    height: 100%;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

.position-relative{
    position: relative;
}

.position-absolute{
    position: absolute;
}
.search-icon{
    bottom: 2px;
    left: 10px;
}
@-ms-viewport {
    width: device-width;
}

body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Figtree';
    line-height: 26px;
    color: #000;
    background: #fff;
}

.root{
    height: 100%;
}

.pd-top-6{
    padding-top: 60px;
}
.push-mt-30{
    margin-top: 30px;
}

.user-section{
    position: relative;
    width: 100%;
    min-height: 100vh;
}
.error-msg-holder{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
}
.error-msg-holder .error{
    color: #F2002C;
}
.item-center{
    display: flex;
    align-items: center;
}
.wave-canvas{
    background-image: url(../images/wave-full.png);
    background-size: cover;
    background-position: left;
    min-width: 100%;
    min-height: 100vh;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:0;
}
.user-container {
    max-width: 100%;
    background: #fff;
    text-align: center;
    padding:25px;
    position: relative;
    min-width: 425px;
    margin-right:20%;
    margin-left: auto;
    border-radius: 4px;
    width: 28.5%;
}
.user-container h2{
    font-size: 34px;
    font-weight: bold;
}

.brand-ui{
    position: relative;
}
.brand-ui img{
    max-width: 100%;
    height: auto;
}
.form-card {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-bottom: 15px;
}
.form-card label{
    color: var(--primary-black);    
}
.form-card input{
    width: 100%;
    padding: 0 12px;
    height: 40px;
    font-size: 16px;
    border-radius: 14px;
    border:1px solid var(--secondary-gray);
}
.search-patient .form-card input{
    padding: 0 12px 0 40px;
}

.form-card input:focus{
    outline: 0;
}

.btn-all{
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size:18px;
line-height: 1.6;
cursor: pointer;
border-radius:14px;
width: 100%;
transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.btn-color{
    background-color: var(--secondary-gray);
    color: #fff;
}
 .btn-color.active{
    background-color: var(--primary-blue);
}

/***Header CSS start***/

header.MuiAppBar-colorPrimary{
    background: #0C3DBA;
    color: #fff;
}

.custom-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 40px;
}

.custom-nav .MuiTab-root{
    font-size: 1rem;
    min-width: auto;
    text-decoration: none;
    padding: 6px 0px;
    margin: 0 12px;
}

.custom-nav .MuiTab-textColorInherit{
    color: #F4FAFF;
    opacity: 1;
}

.custom-nav .MuiTab-textColorInherit.Mui-selected{
    color: #fff;
    font-weight: bold;
}

.custom-nav .PrivateTabIndicator-colorSecondary-16.MuiTabs-indicator{
    background-color: #fff;
}

.custom-nav .PrivateTabIndicator-root-14{
    bottom: 11px;
}

.custom-nav .MuiSvgIcon-root{
    width: 1.75rem;
    height: 1.75rem;
}

 .profile-user-name h6{
    color: #252B42 !important;
    font-weight: 600 !important;
}
 .profile-user-name p{
    color: #7F7F8A !important;
}

.dark-avatar{
    background-color: #0C3DBA !important;
    color: #fff !important;
    text-transform: uppercase;
}
.custom-padding{
    padding-left: 65px !important;
}
.profile-menu{
    color: #222222;
}

/***Header CSS end***/

.search-patient{
    max-width: 450px;
    width: 100%;
    margin: 20px 0px;
}

/***table***/
.datatable .MuiDataGrid-root{
    border: 0px;
}
.datatable a{
    text-decoration: none !important;
    color: var(--primary-theme) !important;
}
.datatable a:hover{
    color: #537DE8 !important;
}
.datatable .MuiDataGrid-sortIcon{color:#fff}
.datatable .MuiDataGrid-columnHeaders{
    background-color: #537DE8;
    color: #fff;
    border-radius: 20px;
}

.datatable .MuiDataGrid-iconSeparator{
    display: none;
}
.datatable .MuiDataGrid-row{
    margin-top: 5px;
    margin-bottom: 5px;
}
.datatable .MuiDataGrid-row:hover{
    border-radius: 20px;
}
.datatable .MuiDataGrid-row:nth-child(2n) .MuiDataGrid-cell{
    background-color: #F4FAFF;
}
.datatable .MuiDataGrid-row .MuiDataGrid-cell{
    border-top: 1px solid rgba(218, 221, 224, 1);
    border-bottom: 1px solid rgba(218, 221, 224, 1);
}
.datatable .MuiDataGrid-row .MuiDataGrid-cell:last-child{
    border-radius: 0px 20px 20px 0px;
    border-right: 1px solid rgba(218, 221, 224, 1);
    padding-right:25px;
}
.datatable .MuiDataGrid-row .MuiDataGrid-cell:first-child{
    border-radius: 20px 0px 0px 20px;
    border-left: 1px solid rgba(218, 221, 224, 1);
    padding-left:25px;
}

.datatable .MuiDataGrid-columnHeader:last-child{
    padding-right:25px;
}

.datatable .MuiDataGrid-columnHeader:first-child{
    padding-left:25px;
}

.datatable .MuiDataGrid-footerContainer{
    border-top: 0px;
}

.datatable .MuiPaginationItem-outlined{
    border: 0px;
}

.datatable ul.MuiPagination-ul li:first-child .MuiPaginationItem-outlined, .datatable ul.MuiPagination-ul li:last-child .MuiPaginationItem-outlined{
    border: 1px solid #646471;
}

.datatable .MuiPaginationItem-page.Mui-selected{
background-color: #7F7F8A;
color: #fff;
border: 0px;
border-radius: 6px;
}
.green-color{
    color: #099A80;
}
.red-color{
    color: #EB1E4E;
}
.yellow-color{
    color: #D18819;
}
/***table end***/
.bg-dark-theme{
    background: #F3F5F9;
}
.h-100{
    height: 100%;
}
.d-flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}
.justify-content-between{
    justify-content: space-between;
}
.name-edit-btn{
    align-items: end;
}
.cust-card{
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 20px;
}

.cust-breadcrumb{
    font-size: 14px;
    margin-bottom: 20px;
}
.cust-breadcrumb p{
    margin-right: 5px;
}

.cust-breadcrumb p.link{
    color: #537DE8;
}
.cust-breadcrumb svg{
    width: 0.65em;
    height:  0.65em;
}

.cust-card .mt-2{
    margin-top: 20px;
}
.cust-card .mt-3{
    margin-top: 30px;
}

.mb-4{
    margin-bottom: 40px;
}

.border-right{
    border-right: 1px solid #DADDE0;
}

.MuiButton-contained.solid-btn{
    background: #0C3DBA !important;
    border-radius: 14px !important;
    font-weight: 600;
}
.MuiButton-contained.solid-btn.light-blue{
    background: #537DE8 !important;
}
 .MuiButton-outlined.border-btn svg{
    margin-right:5px;
}
.MuiButton-outlined.border-btn{
    border-radius: 14px !important;
    border: 1px solid #0C3DBA;
    color: #0C3DBA;
    font-weight: 600;
}

.results-modal{
    top:5%
}

/******Breakpoints*******/
@media(max-width: 1024px) {
    .user-container {
        margin-right:auto;
        margin-left: auto;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
}

@media(max-width: 575px) {
    .user-container {
        margin-right:auto;
        margin-left: auto;
        width: 95%;
        min-width: 95%;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
}
.color-grey{
    color:#7F7F8A;
}


.alert-success {
    color: #fff !important;
    background-color:var(--theme-green-90) !important;
    border-color: transparent !important;
    top:30px;
}
.no-result{
    border: 1px solid rgba(218, 221, 224, 1);
    padding: 15px 25px;
    margin-top: 10px;
    border-radius: 20px;
}
.bg-light-gray{
    background-color: #F0F2F3;
}

.rounded-3{
border-radius: 6px;
}

.text-light-blue{
    color: #537DE8;
}

.w-60{
    width: 60%;
}
.w-40{
    width: 40%;
}
.text-blue{
    color: #0C3DBA !important;
}
.MuiSlider-mark{
    height: 13px !important;
    width:  13px !important;
    border-radius: 20px !important;
    background-color:white !important;
    border: 1px solid #ccc !important;
    transform: translate(-8px, -50%) !important;
}
.MuiSlider-markActive{
    background-color:currentColor !important;
    opacity: 1 !important;
    border: 0px !important;
}
.loader-60devs .loader-60devs-progress{
    height:5px !important;
    background-color: #A4BCFB !important;
}
.w-130{
    width: 130px;
}

.btn-secondary-outline{
    border: 1px solid #7F7F8A !important;
    background-color: #fff !important;
    color: #000 !important;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0) !important;
}

.filter-menu .MuiPaper-rounded{
    border-radius: 12px;
    border: 1px solid #7F7F8A;
}

.filter-menu .MuiList-root{
    padding-bottom: 0;
}

.line-height-24{
    line-height: 24px;
}

.filter-menu .MuiSelect-select{
    padding: 10px 15px;
}

.filter-menu .MuiOutlinedInput-notchedOutline{
    border-radius: 30px;
}

.filter-menu .bg-primary{
    background: #0C3DBA;
}

.notifications-box .MuiButton-root {
    color: inherit;
    padding: 0;
    font-size: inherit;
    min-width: 100%;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.25;
    border-radius: 0;
    letter-spacing: 0;
    text-transform: inherit;
    text-align: left;
}

.notifications-box .MuiButton-root:focus{
    outline: 5px auto -webkit-focus-ring-color;
}
button[aria-label="edit"] {
    color: #0c3dba;
}
div[role="columnheader"] button svg,
div[role="columnheader"][data-field="ptName"] button svg,
div[role="columnheader"][data-field="lastName"] button svg,
div[aria-sort="ascending"] button svg,
div[aria-sort="descending"] button svg {
    display: none;
}
div[role="columnheader"] button:before,
div[role="columnheader"][data-field="ptName"] button:before,
div[role="columnheader"][data-field="lastName"] button:before,
div[aria-sort="ascending"][role="columnheader"][data-field="ptName"] button:before,
div[aria-sort="ascending"] button:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 4px;
    border-top: transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
div[aria-sort="descending"] button:before,
div[aria-sort="descending"][role="columnheader"][data-field="ptName"] button:before,
div[aria-sort="descending"][role="columnheader"][data-field="lastName"] button:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 4px;
    border-bottom: transparent;
    border-top: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.theme-modal ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6c757d !important;
    opacity: 0.42 !important; /* Firefox */
}
   
.theme-modal  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6c757d;
}
    
.theme-modal  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #6c757d;
}