/* You can add global styles to this file, and also import other style files */

/* body {background-color:#e9e9e9; border-top:3px solid #58b87c; margin:0; padding:0; overflow-x: hidden} */
/* body:after { position: relative; width:100%; height:3px; background:#58b87c; top:0; left:0; right:0; display: block;} */

section {padding-top:10px;}

.portal-heading {font-size:18px; font-weight: bold; color:#3d3d3d; border-bottom:5px solid #377657; line-height: 32px;}
.portal-heading a {color:grey; font-size: 11px;}

.white-f7bg {background:#f7f7f7}
.bdr-btm {border-bottom:1px solid #e9e9e9;}
.bdr-rt {border-right:1px solid #e9e9e9;}

.appt-dt {color:white; text-transform: uppercase; border-right:1px solid #e9e9e9;}
.appt-dt .date {color:white; font-size: 32px; margin:0; padding: 0; letter-spacing: 3px;}
.appt-dt .month {color:white; font-size: 16px;}

.box-green {background-color:#58b77c; padding: 15px 0;}

.clinic-name {color:#3d3d3d;}
.clinic-name .clinic {font-size:16px; text-transform: uppercase; padding:0 0 5px 0; font-weight: bold;}
.clinic-name .visit-time {font-size:11px; text-transform: uppercase;}

.boxes1 {font-size:14px;}
.boxes1 ul {padding:15px 0;}
.boxes1 ul li {display: block; font-size:14px; color:#38b77c; padding:3px 0;}
.boxes1 ul li a {font-size:14px; color:#38b77c; margin:0; padding:0 0 0 5px; line-height: 21px; display: inline-block;}

.my-bills h3 {font-size:54px; margin:0; padding: 0; font-weight: 400;}
.my-bills a {font-size:14px; color:#38b77c; letter-spacing: 1px; margin: 15px 0; display: inline-block;}
.my-bills button {color:#ffffff; background:#38b77c;}

.spacing-20px {padding:5px 20px;}


table.patientportal {width:100%; font-size:13px; background: #f7f7f7;}
table.patientportal th {background:#3d3d3d; color:#ffffff; padding:10px 10px; text-align:left;}
table.patientportal td {padding:11px 10px;}
table.patientportal tr td {border-bottom:1px solid #e9e9e9;}
table.patientportal td.mat-cell, table.patientportal td.mat-footer-cell, table.patientportal th.mat-header-cell {border-bottom:1px solid #e9e9e9;}
table.patientportal tr.mat-header-row {height:inherit; line-height:32px;}
table.patientportal tr.mat-footer-row, table.patientportal tr.mat-row {height:inherit; line-height:32px;}

table.patientportal strong {font-weight: 600;}
table.patientportal small {font-size: 11px;}

.tdrow1.patientportal {width:100%; font-size:13px; background: #f7f7f7;}
.tdrow1.patientportal .listing.heading {background:#3d3d3d !important; color:#ffffff; padding:5px; text-align:left;}
/* .tdrow.patientportal div {padding:11px 10px;} */
.tdrow1.patientportal .listing:nth-child(even), .tdrow1 .listing:nth-child(odd) { background: #f7f7f7 !important;}
.tdrow1.patientportal .listing {border-bottom:1px solid #e9e9e9;}
.tdrow1.patientportal .listing > div {padding:5px;}
.tdrow1.patientportal .listing .mat-cell, .tdrow1.patientportal .mat-footer-cell, .tdrow1.patientportal .heading.mat-header-cell {border-bottom:1px solid #e9e9e9;}
.tdrow1.patientportal .listing.mat-header-row {height:inherit; line-height:32px;}
.tdrow1.patientportal .listing.mat-footer-row, .tdrow1.patientportal .listing.mat-row {height:inherit; line-height:32px;}
.tdrow1.patientportal .listing > div > div {padding-left:10px; padding-right:10px;}
.tdrow1.patientportal strong {font-weight: 600;}
.tdrow1.patientportal small {font-size: 11px;}
.tdrow1.patientportal .listing.heading > div {border-right:0;}



.font-24 {font-size:24px; font-weight:300;}

.sidenav .mat-button.cdk-focused.cdk-mouse-focused, .mat-button.selecteda {background:#007855 !important;}