html {
    	height: 100%!important;
	}
body {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	overflow: hidden;
	height: 100%!important;
} 
/* PROG-401, Added by Gautam on 12 Sept 2024,Reviewed by Suvarna */
.basicSignUpContainer4Procheckin {
  	max-height: 630px; 
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#LoginPageContainer{
	height:98%!important;
}
.div-p-content
{
	width: 100% !important;;
}

.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.portal-bg {
	height: 100vh !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	/* -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; */
}

.bg-wrapper {
	background-color: #2A2F77;
	opacity: 0.8;
	height: 100%;
	padding: 5%;
}

.cliniclogo {
	width: 4.5rem;
	height: 3rem;
	margin: 0 auto;
}

.clinictitle {
	font-weight: bold;
	font-size: 1.62rem!important;
	line-height: 2rem;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 0.62rem;
}

.welcomesg {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.87rem;
	text-align: center;
	color: #FFFFFF;
}

.msgdesc {
	font-size: 0.87rem;
	line-height: 1.18rem;
	text-align: center;
	color: #FFFFFF;
}

.ul-block {
	font-size: 0.87rem;
	line-height: 1.75rem;
	color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

.bottom-divider {
	background: #FFFFFF;
	opacity: 0.54;
}

.annocementitle {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.87rem;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 0.62rem;
}

.annocementmsg {
	font-size: 0.875rem;
	line-height: 1.12rem;
	text-align: center;
	color: #FFFFFF;
}

#announceMsgDetail h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child
{
	font-size:2em!important;
}

.app-reference-btn {
	opacity: 1
}

.footer-links {
	font-size: 0.875rem;
	line-height: 1.12rem;
	text-align: right;
	color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	right: 3%;
	width: fit-content;
	padding: 0.62rem;
}

/* for small device css */

@media screen and (max-width: 991px)
 {
 	.portal-bg
	 {
		height: 100%!important;
	}
	.form-container 
	{
		width: 100% !important;
		margin-top: 2px !important;
		margin-left: 0 !important;
		text-align: left !important;
	}
	.container-fluid, .row
	 {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.footer-links 
	{
		padding: 0 !important;
	}
	   .nav-tabs li i {
      display: none;
    }
    .nav{
      margin: 0;
    }
    .nav-tabs li{
      width: 100%!important;
      text-align: left;
      padding-left: 10px;
      font-size: 0.95rem;
      border-bottom: 1px solid white;
    }
    .bell
    {
      position: absolute;
      right: 25%;
      top: 2%;
      font-size: 1.5rem;
      color: #FFFFFF;
   }
   .icon-navs {
      width: 1.2rem;
  }
  .fixed-top
  {
    position: unset!important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
}
.form-header 
{
	font-family: 'Lato';
	font-weight: 600;
	font-size: 1.12rem;
	line-height: 1.37rem;
	color: #827d7d;
	text-align: center;
	margin-bottom: 1.25rem;
}

.form-container
 {
	width: 50%;
	display :table;
	margin:auto;
	margin-top: 6%;
	text-align: left;
}

.form-control
 {
	border: 1px solid #C5C5C5;
	box-sizing: border-box;
	border-radius: 3px;
}

.form-group 
{
	font-weight: 500;
	font-size: 0.81rem;
	line-height: 0.93rem;
	letter-spacing: 0.03em;
	color: #777777;
}

.form-input-label
 {
	font-size: 0.87rem;
	line-height: 1rem;
	color: #828282;
	opacity: 0.87;
}
 .btn 
 {
	float :right;
	background: #8488CD!important;
	border: 1px solid #8488CD!important;
	color: #FFFFFF !important;
} 
 #btn-appt {
     border: 1px solid #DFE0F1;
     box-sizing: border-box;
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.24);
     border-radius: 4px;
     font-size: 12px;
     height: 30px;
     width: 145px;
     margin-right:5px;
}
.form-hyperlink
 {
 	padding-top: 50px;
    font-weight: 450;
	font-size: 0.87rem;
	line-height: 1rem;
	text-align: center;
	color: #0C71C3;
}

.footer{
  position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #828282;
   }
#LoginDetailsBackBtn
{
	text-align: left;
	position:absolute;
	bottom:2rem;
	height: 25px;
}
.form-captcha
 {
	opacity: 0.5;
	height: 1.8rem;
	width: 8.87rem;
}

.language
 {
	font-weight: 500;
	font-size: 0.81rem;
	line-height: 0.93rem;
	text-align: right;
	margin: 2%;
	color: #777777;
}

.arrow 
{
	/* background: #DCDCDC; */
	/* border-radius: 2px; */
	width: 16px;
	height: 16px;
}
.hand
 {
	cursor: pointer;
}
.not-allowed
 {
	cursor: not-allowed;
}
.validateMsg
{
	font-weight: 500;
	width: 100%;
	margin-top: .25rem;
	font-size: 0.7rem;
	color: #dc3545;
}
.validateMsg-Border-color
{
	border-color: #dc3545;
}
#msUserId:focus{
/*     box-shadow: 0 0 3px 0.05rem #c70517b5!important; */
/*     border-color: #fb1b1b7a!important; */
}
.btn:hover 
{
    background-color: #6D73BE !important;
    border-color: #6D73BE !important;
}

/* For Dashboard header and menu bar */

.nav-tabs .nav-link
{
    border: 0px!important;
    border-radius: 0px!important;    
  }
  
/* start--> svg icons disable and enable */

  .MenuNew1
  {
    border-right: 1px solid white;
    }
  .a2
  {
    display: none;
  }
  .activeNow .a2
  {
    display: inline-block;
  }
  
  .activeNow .a1
  {
    display: none;
  }
  
  .activeNow:hover .a1
  {
    display: none;
  }
  
  .activeNow:hover span
  {
    color: black;
  }
  
  .activeNow:hover .a2
  {
    display: inline-block;
  }
  
  .activeNow
  {
    background: white;
    color: black;
  }
  .activeNow a:hover
  {
  	background: white!important;
  }

  .activeNow a:hover span
  {
  color: black!important;
  }
  .MenuNew a:hover
  {
  background: #6D73BE;
  border-color: #6D73BE;
  }
  /* end-->svg icon enable and disable */
 
  /* Start-->Header color*/
   .navbar
   {
      padding: 0px!important;
  } 
  .headercolor
    {
      background: #2A2F77;
          height: 50px;
    }
  
  /* HeaderText color-> clinic name*/
    .headertext
    {
      font-style: italic;
      font-weight: 500;
      font-size: 1.2rem;
      line-height: 1.8rem;
      color: #FFFFFF;
    }
  
    .bell
    {
      position: absolute;
      right: 237px;
      top: 2%;
      font-size: 1.5rem;
      color: #FFFFFF;
   }
  
  /* Menu bar color*/
   .nav
  {
    background: #8488CD;
  }
  
  /* Menu bar width*/
  .navbar-nav
  {
    width: 100%;      
  }
  
  .nav-divider
  {
    background: rgba(255, 255, 255, 0.24);
  }
  /* .dropdown a:hover
 {
 background: transparent!important;
 } */
  .nav-text
  {
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.03em;
  vertical-align:-webkit-baseline-middle;
  vertical-align:-moz-middle-with-baseline!important;
  vertical-align:baseline;
  }
  /* Menu bar font color and format*/
  
  .nav-item .nav-link
  {
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.03em;
  color: white!important;
  vertical-align:-webkit-baseline-middle;
  vertical-align:-moz-middle-with-baseline!important;
  vertical-align:baseline;
  }
 
  .navbar{
    border:  none !important;
  }
 
  .navbar-collapse{
    padding:  0 !important;
  }
  
  .nav-item-text {
    display: block;
    }
  
  .nav-tabs li{
    text-align: center;
  }
  /* Start ->For Dashbaord card content*/
  
  .card-body
  {
      padding: 0% !important;
  }

  .card-title
  {
  font-weight: 900;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: #E4F1FF;
  border-radius: 2px;
  padding: 3px;
  color: #333333;
  margin-bottom:0% !important;
  height: 2.3rem;
  }
  .divider
  {
    background: rgba(0, 85, 106, 0.1);
     width: 80%;
  }
 
  #Logout_Details .dropdown-item:hover
  {
     background: #2A2F77 !important;
     color: white!important;
  } 
  /* End->For Dashbaord content*/

  #Logout_Details .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover 
{
background-color: #2A2F77 !important;
} 
.info-color
{
background-color: #2A2F77 !important;
}

.avtar-nav
{
 float: right;
 color: white;
}
.navbar-toggler {
margin-top: 34px;
padding: 0px !important;
color: white!important;
     }

.avtar-item:focus, .avtar-item:hover {
color: #ffffff;
}
.button-layout
{
background: #8488CD;
border: 1px solid #DFE0F1;
box-sizing: border-box;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.24);
border-radius: 4px;
}
.button-layout-text
{
font-weight: 500;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
}

.Notification-icon {
    position: absolute;
    left: 28px;
    padding: 0px 6px;
    border-radius: 50%;
    background-color: #F2994A;
    color: white;
}
.vertical-line
{
  border: 1px solid #0C71C3;
}

/* css for all dashboard cards */
.card  {
	/* height: 160px; */
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	padding: 0% !important;
}
.right-card
 {
	height: 145px;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	padding: 0% !important;
}
.card-content-avtar {
    width: 40px !important;
    }
 .appt-join-icon {
    width: 20px !important;
}
.appt-cancel-icon {
   width: 12px !important;
   opacity:0.7;
   cursor: pointer;
   padding-top: 10px;
}
.card-inner-text
  {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.01em;
  color: #333333;
  }
  .card-text
  {
  font-family: Roboto!important;
  font-style: normal!important;
  font-weight: normal!important;
  font-size: 14px!important;
  line-height: 24px!important;
  letter-spacing: 0.03em!important;
  color: #908e8e;
  }
  .card-schedule-text
  {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #828282;
  }
  .card-title-text
  {
  font-weight: 401;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #828282;
  }
   .video-consult
{
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #0C71C3;
}
.read_more
{
 font-size:14px;
 display: block; 
 text-align: left;
 color:#007bff;
font-weight: 500!important;
 cursor: pointer;
}
.otp-link
{
	font-family	: Lato;
	font-style	: normal;
	font-weight	: normal;
	font-size	: 14px;
	line-height	: 17px;
	text-align	: center;
	color		: #0C71C3;
	letter-spacing	: 0.03em;
	text-transform	: capitalize;
}
.back-btn
{
    font-family: roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    color: #8488CD;
}
#newData .dropdown-menu
  {
    background-color: #6d73be!important;
    padding: 0 0!important;   
}
#newData .dropdown-item
 {
	color: #fff!important; 
	border-bottom: 1px solid #ffffff47;
	font-family: Roboto !important;
	font-style: normal !important;
	font-size: 12px !important;
	padding: .25rem 1rem!important;
}

#newData .dropdown-item:hover, #newData .dropdown-item:focus
 {
    background-color: #2a2f77!important;    
}
 #newData .show, #newData .show .dropdown-toggle
 {
  background: #6D73BE!important;
  border-color: #6D73BE!important;
  color: white!important;
  }
  
  #newData .show, #newData .show .dropdown-toggle:hover
  {
  background: #6D73BE!important;
  border-color: #6D73BE!important;
  } 
  
  .activeNow span,.activeNow b,.activeNow .dropdown-toggle::after 
  {
  color: black;
  white-space: pre-wrap; /* CSS3 */    
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */    
  white-space: -o-pre-wrap; /* Opera 7 */    
  word-wrap: break-word; /* Internet Explorer 5.5+ */
 
  }
#Logout_Details .dropdown-item:hover
{
color: white;
} 

  /* Start ->For Dashbaord content*/

  #card-contain {
     padding-left: 3%;
     padding-right: 3%;
	}
 
 .card-row {
     padding-left:0px;
     padding-right:0px;
     margin-right:0px;
     margin-left:0px;
}
  /* End->For Dashbaord content*/

#newData li:after{
 content: "";
  position: absolute;
  z-index: 1;
  border-right: 1px solid white;
  display: block;
  top: 20%;
  height: 60%;
  opacity: 0.24;
    }
 #newData li:last-child{
    border-right: none;
} 
.dropdown-toggle:hover
{
  background-color : unset !important;
}

/* for notification icon */
.badge {
  position: absolute;
  right: 5px;
  padding: 5px 8px;
  border-radius: 50%;
  background-color: #F2994A;
  color: white;
}
.card-divider
{
	background: rgba(0, 85, 106, 0.1);
	width: 98%;
	margin-top:0px !important;
	margin-bottom:0px !important;
	
}
.error-border-shadow{
    box-shadow: 0 0 3px 0.05rem #c70517b5!important;
    border-color: #fb1b1b7a!important;
}
/**
-----------	Login Details section Start ------------
*/

.login-details-tab {
   margin-top: -8%;
}
.login-details-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   color: #6D73BE;
   background-color: transparent;
   border-color: transparent transparent #f3f3f3;
   border-bottom: 5px solid !important;
   font-size: 16px;
   font-weight: bold;
}
.login-details-tab .nav-link {
   border: 1px solid transparent;
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem;
   color: #0C71C3;
   font-size: 16px;
   font-weight: 600;
}
.login-details-tab .nav-link:hover {
   border: none;
}

.login-details-tab a{
   font-weight: 600;
}
.card-content-margin
{
   margin-top: 25px;
   margin-left: 10%;
   margin-bottom: 10px;
   margin-right: 10px;
}
.tab-content input{
	width: 80% !important;
}

.otp-link
{
	font-family	: Lato;
	font-style	: normal;
	font-weight	: normal;
	font-size	: 14px;
	line-height	: 17px;
	text-align	: center;
	color		: #0C71C3;
	letter-spacing	: 0.03em;
	text-transform	: capitalize;
}
/** -----------	Login Details section End ------------*/

/** -----------	My Health Records section Start ------------*/

/** -----------	Summary Header (8 Cards) START  ------------*/
.summaryCardsTitle {
	font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.4rem;
    display: flex;
    align-items: center;
    letter-spacing: 0.03em;
    padding-left: 0.5rem;
}

#outerBody {
    padding: 0.75rem!important;
    border-radius: 4px;
}

#custom_container {
    width: 90%;
  /*   margin-top: 12px; */
}
 
#mainCard {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    height:97%;
}

.container-title {
    margin-top: 15px;
    margin-bottom: 15px;
    background: aliceblue;
    padding-left: 50px;
}

#chead {
    background: #e4f1ff!important;
    font-weight: 900;
    font-size: 14px;
    padding: 10px 10px 10px 16px;
    height: 2.3rem;
    letter-spacing: 0.03em;
    line-height: 16px;
    text-transform: uppercase;
}

#btnLink {
    color: #cecbcb;
}

#btnLink:hover {
    color: blue;
}

.first-content img {
    width: 4rem;
    margin-left: 4.71%;
}

.first-content label{
	margin-left: 2%;
}

.flip-card-front {
    transition: transform 0.6s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.flipped {
    transform: rotateY(180deg);
}

.first-content {
    width: 80%;
    float: left;
}

.second-content {
    width: 20%;
    float: left;
}
#row_data {
 	height: 100%!important;
    overflow: auto;
    margin-right:0!important;
    margin-left:0!important;
}
/** -----------	Summary Header (8 Cards) End ------------*/

/** -----------	Summary Details Start ------------*/
#sortTable_paginate
{
	line-height: 0.75;
    font-size: 14px;
}
thead:not(table.ui-datepicker-calendar thead)
{
	font-family: Roboto!important;
    font-style: normal!important;
    font-weight: 900!important;
    font-size: 14px!important;
    line-height: 16px!important;
    letter-spacing: 0.03em!important;
    text-transform: capitalize!important;
    color: #828282!important;
}
#sortTable tr
{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #908e8e;
}
#sortTable tr:nth-child(even) 
{
    background: #ffffff;
}
#sortTable tr:nth-child(odd)
{
    background: #FBFBFB;
}
table.dataTable thead th, table.dataTable thead td 
{
    border-bottom: 2px solid #a5a0a0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody 
{
    border-bottom: 1px rgba(0, 85, 106, 0.1)!important;
}
table.dataTable.no-footer 
{
    border-bottom: 1px rgba(0, 85, 106, 0.1)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
    background: #8488cd!important;
    border-color: #8488cd!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    color: #fff !important;
    border: 1px solid #979797!important;
    background-color: #8488cd!important;
    background: linear-gradient(to bottom, #8488cd 0%, #8488cd 100%)!important;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px 10px 10px;
}
#drop_Down_MHR::after {
    vertical-align: middle!important;
}
#PRBLST_Div .dropdown-item:hover 
{
    color: #16181b;
    text-decoration: none;
    background-color: #c1ce98;
}
#PRBLST_Div .dropdown-item 
{
    color: #16181b;
    text-decoration: none;
    background-color: #eef3dd;
}
#VACC_Div .dropdown-item:hover 
{
    color: #16181b;
    text-decoration: none;
    background-color: #efe4c1;
}
#VACC_Div .dropdown-item 
{
    color: #16181b;
    text-decoration: none;
    background-color: #fcf4db;
}
#CURRMED_Div .dropdown-item:hover 
{
    color: #16181b;
    text-decoration: none;
    background-color: #a8abe0;
}
#CURRMED_Div .dropdown-item 
{
    color: #16181b;
    text-decoration: none;
    background-color: #c8c9dc;
}
.dataTables_scrollHeadInner
{
	 width: 100%!important;
     padding-right: 0px;
}
/* .dataTables_scrollBody
{
	height: 266px!important;
} */
.first_content{
	width:50%!important;
	float: left;
}

.second_content{
	width: 50%;
}

.card-body-details{
  	/* height: 100%; */
    overflow: hidden!important;
}
.printBtn{
	padding: 0rem 2rem!important;
	float: right;
	margin-left:10px;
}

#custom_container1 {
	width: 90%;
	/* margin-top: 15px; */
}
.chead{
	padding-left: 14px;
    padding-top: 2px;
    padding-bottom: 4px;
    background: #e4f1ff!important;
    font-weight: 700;
}
.chead img{
	width: 2.5rem;
}	
#PRBLST_Div .chead {
	background: #eef3dd!important;
}
#ALG_Div .chead {
	background: #d3f2fc!important;
}
#PHS_Div .chead{
	background: #fcebdb!important;
}
#VACC_Div .chead{
	background: #fcf4db!important;
}
#SGR_Div .chead{
	background: #f1e1f7!important;
}
#FAMHST_Div .chead{
	background: #d4efdf!important;
}
#SOCHST_Div .chead{
	background: #dcdcdc!important;
}
#CURRMED_Div .chead{
	background: #c8c9dc!important;
}
#Other_Div .chead{
	background: #fbdddd!important;
}
.card-body{
	padding: 0!important;
}
.table-responsive{
	display: table!important;
}
.dataTables_wrapper{  
    /* display: contents!important; */
    width:100%;
}
.btn-primary{
	background-color: #8488cd!important;
    border-color: #8488cd!important;
    color: #fff;
}
.btn-outline-primary{
	background-color: #fff!important;
    border-color: #8488cd!important;
    color: #8488cd!important;
}
.btn-outline-primary:hover {
    color: white!important;
}
#disclaimer{
	margin-top: 3px;
}
#C_Title{
	font-weight: 700;
}
 #drop_Down{
	padding:0!important;
	 top: -4px!important;
    left: 106px!important;
} 
#drop_Down .dropdown-item{
	border-bottom: 1px solid #00000038!important;
}
#dropDownMed {
	padding:0!important;
	 top: -4px!important;
    left: 83px!important;
} 
#dropDownMed .dropdown-item{
	border-bottom: 1px solid #00000038!important;
}

#sortTable > tr > td{
	width:150px!important;
}
.tableBody
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #908e8e;
}
.cardLabelFont
{
	font-family: Roboto!important;
    font-style: normal!important;
    font-weight: 900!important;
    font-size: 14px!important;
    line-height: 16px!important;
    letter-spacing: 0.03em!important;
    color: #828282!important;
}
.cardDataFont
{
    font-family: Roboto!important;
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 14px!important;
    line-height: 24px!important;
    letter-spacing: 0.03em!important;
    color: #908e8e!important;
}

.cardLabelSectionFont
{
	font-family: Roboto!important;
    font-style: normal!important;
    font-weight: 1000!important;
    font-size: 16px!important;
    line-height: 16px!important;
    letter-spacing: 0.03em!important;
    text-transform: capitalize!important;
    color: #060606!important;
}


/** -----------	Summary Details End ------------*/

/** -----------	My Health Records section End ------------*/

/** -----------	Past Visits Start ------------*/
.clinicalSummary {
	padding-top: 7px; 
	border: none;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url("../images/PatientPortalIcons/WebIcons/OtherIcons/Health_Summary.png");
	
}
#PastVisitTable tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}
#PastVisitTable_wrapper
{
	text-align: center;
}

/** -----------	Past Visits End ------------*/
/** -----------	Lab Results START ------------*/

.icnComments16 {
	background : url(../images/theme1/icnComments16.png);
}
.icnLabAttachment16 {
	background : url(../images/icnLabAttachment16.png);
}
input[type='button'].nor16 {
	cursor: pointer;
	background-position-x: 0px; 
	background-position-y: 0px; 
}
input[type='button'].nor16:hover {
	cursor: pointer;
	background-position-x: 0px; 
	background-position-y: -16px;
}
input[type='button'].dis16 {
	cursor: not-allowed;
	background-position-x: 0px; 
	background-position-y: -32px;
}
input[type='button'].icon16 {
	width : 16px!important;
	height : 16px;
	border : none;
	vertical-align: middle;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
	background-repeat: no-repeat;
}
.textStyleColor {
	color: red;
}
#LabResults tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}

/** -----------	Lab Results END ------------*/
/** -----------	Rad Results START ------------*/

.icnRadAttachment16 {
	background : url(../images/icnRadAttachment16.png);
}
#RadResults tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}

/** -----------	Rad Results END ------------*/

/** -----------	Vital Matrix START ------------*/

#VitalMatrixTable tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}

/** -----------	Vital Matrix END ------------*/

/** -----------	Lab Matrix START ------------*/
#LabMatrixTable tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}

/** -----------	Lab Matrix END ------------*/

/** -----------	Rad Matrix START ------------*/

#RadMatrixTable tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}

/** -----------	Rad Matrix END ------------*/

/** -----------	Education START ------------*/

#EducationTable tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}

/** -----------	Education END ------------*/

/** -----------	Past Health Summary Start ------------*/

.summary-dropdown-item.active, .summary-dropdown-item:active
{
    color: #000;
    text-decoration: none;
    background-color: #b2d4f9!important;
}
.icnCalendar16 { 
	background: url(../images/theme1/icnCalendar16.png) no-repeat;
}

#PastHealthSummaryTable tr
{
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #333333;
}

span.calIcnInsideTextbox {
	margin-left: -25px; 
	margin-top: 2px;
}

/** -----------	Past Health Summary END ------------*/

/** -----------	Generic Modal Popup Start ------------*/

.modal-content
{
	 margin-top: 100px;
}
.modal-header
{
    padding: 0.5rem 1rem;
}
.modal-body
{	
	overflow	: auto; 
    padding		: 1rem 1rem 0px 1rem !important;
}
.modal-footer
{
	padding: .50rem;
}

/** -----------	Generic Modal Popup END ------------*/

::-webkit-scrollbar {
  width: 7px;
  height:7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
   
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(200, 200, 200); 
  border-radius: 5px;
}

.dataTables_scrollBody {
    scrollbar-width: thin;
}
/** -----------	START Firefox scroll bar ------------*/
div {
scrollbar-width:thin;
} 
/** -----------	END Firefox scroll bar ------------*/
 
/** -----------	Change / Create Password START ------------*/
.change-password-right-panel-container
{
	background: #FBFBFB;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 6px;
}
.change-password-right-panel-title
{
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 0.95rem;
	line-height: 14px;
	letter-spacing: 0.03em;
	color: #777777;
}
.change-password-right-label
{
	font-family: Lato;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 25px;
}
.change-password-right-panel-margin
{
    margin-top: 0.4rem;
    margin-left: 0.9rem;
    margin-bottom: 0.4rem;
}
/** -----------	Change / Create Password END------------*/

/** -----------	Swal Pop UP Password END------------*/
.swal-button swal-button--catch
{
	width: 80px!important;
  	height: 45px!important;
}
.swal-icon--success__ring
{
	border: 4px solid #a5dc86!important;
	width: 60px!important;
    height: 60px!important;
}
.swal-icon--success__line--tip
{
   width: 20px!important;
   left: 12px!important;
   top: 33px!important;
}
.swal-icon--success__line--long
{
	width: 31px!important;
	right: 26px!important;
	top: 28px!important;
}
.swal-modal
{
    width: 585px!important;
    border-radius: 25px!important;
}
.swal-title
{
	font-size: 20px!important;
   	padding: 5px 16px!important;
}
.swal-text
{
	color: rgba(0,0,0,.65)!important;
    font-weight: 400!important;
    text-transform: none!important;
    position: relative!important;
    display: block!important;
    padding: 0px 16px!important;
   	font-size: 20px!important;
	line-height: normal!important;
    text-align: center!important;
}
.swal-content
{
    font-size: small!important;
    font-family: verdana!important;
    text-align: left!important;
}
.swal-button
{
	background-color: #5E71B4!important;
}
.swal-button:not([disabled]):hover
{
    background-color: #6D73BE !important;
}
/** -----------Swal Pop UP END------------*/

/** -------------- Appointment Module Start */
.appt-scheduled-status-color
{
	color: #0000ff;	
}
.appt-tentative-status-color
{
	color: #ff9900;	
}
.appt-requested-status-color
{
	color: #ff0000;	
}
.appt-connected-status-color
{
	color: #6aa84f;	
}
.appt-slot-button
{
	background: #FFFFFF;
	border: 1px solid #C5C5C5;
	box-sizing: border-box;
	border-radius: 2px;
	width: 5rem;
    margin: 0.7rem;
    margin-bottom: 0rem;
}
.appt-slot-button-disable
{
	background: #DFE0F1;
  	border: 1px solid #C5C5C5;
	box-sizing: border-box;
	border-radius: 2px;
	width: 5rem;
    margin: 0.7rem;
    margin-bottom: 0rem;
}
.appt-slot-button:hover
{
  background: #DFE0F1;
  border: 1px solid #C5C5C5;
}
.appt-slot-button-text
{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9rem;
    line-height: 1.5rem;
	text-align: center;
	color: #2A2F77;
	opacity: 0.87;
	margin-left: 1.8rem;
}
.appt-slot-title-msg
{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 16px;
	color: #2A2F77;
	margin: 0.6rem;
}
.appt-tab-pane-scroll-bar
{
	height:23rem;overflow: hidden;outline: none;
}
.appt-validation-msg{
	font-weight: 401;
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #828282;
    }
/** -------------- Appointment Module End */

.span-header {
	 position: relative;
	 top: 0.5rem;
	 padding-left: 0.7rem;
	 font-size: 14px;
	 font-weight: 700;
 }
 
.paginationDiv {
    height: 24px;
    width: 100%;
    padding: 0px;
}

.paginationIcons {
	width : 24px;
	height : 24px;
	line-height : 24px;
	border : none;
	cursor: pointer;
	outline: none;
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
}

.pagination-first {
	background: url(../images/pagination-first.png) no-repeat;
}
.pagination-last {
	background: url(../images/pagination-last.png) no-repeat;
}
.pagination-next {
	background: url(../images/pagination-next.png) no-repeat;
}
.pagination-previous {
	background: url(../images/pagination-previous.png) no-repeat;
}

#pp_container_footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px; 
  padding-left: 3%;
  margin-top: 5px;
  margin-bottom: 5px;
}

#pp_container_header {
  position: relative;
  top: 0;
  width: 100%;
  margin-bottom: 0.9%;
}

#menu_content {
  width: 100%;
  overflow :auto;
}

/* Exisitng patient portal css */
 .portalButtonShort {
	width: 100px;
	height: 25px;
	color: #000000;
}
.portalButton {
	width: 150px;
	height: 25px;
	color: #000000;
}

.portalButtonNor {
	background: url(../images/PatientPortalIcons/ButtonNormal.png);
	background-repeat: repeat-x;
	text-align: center;
	cursor : pointer;
}

.portalButtonDis {
	background-repeat: repeat-x;
	text-align: center;
	cursor: not-allowed;
}

.portalButtonNor:hover{
	background: url(../images/PatientPortalIcons/ButtonHover.png);
	background-repeat: repeat-x;
}
.tableHead {
	background-color: #e8e8e8;
	height: 25px!important;
	border-bottom:1px solid #d0cfcf;
	font-family: Roboto!important;
	font-style: normal!important;
	font-weight: 900!important;
	font-size: 14px!important;
	line-height: 16px!important;
	letter-spacing: 0.03em!important;
	text-transform: capitalize!important;
	color: #828282!important;
}
.RBL6{ 
	background-color:#fafafa;
	height: 25px;
	text-align: center; 
    vertical-align: middle;
}
.RBL7 { 
	background-color:  #FFFFFF;
	height: 25px;
 	text-align: center; 
    vertical-align: middle;
}
.RBL8{ 
	background: #6699CC; 
	height: 25px;
	color: White; 
	text-align: center; 
        vertical-align: middle;
}
.oddrow {
	background-color: #E9E8E8;
	height: 25px;
}

.evenrow {
	background-color: #fafafa;
	height: 25px;
}

.hidepopupscroll {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .2rem!important;
    padding-left: .2rem!important;
}
.nav-link {
    padding:0%!important;
}
#newData a{
   white-space: pre-wrap; /* CSS3 */    
   white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
   white-space: -pre-wrap; /* Opera 4-6 */    
   white-space: -o-pre-wrap; /* Opera 7 */    
   word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.pwd-icon
{
	float:right;
	margin-top:-1.4rem;
	padding-right:1.2rem;
}

.RL9 {
	font-size: 12px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background: #848484;
}
::-ms-clear {
    display: none;
}
::-ms-reveal {
   display: none;
} 
/* .mandatory {
	background : url(../images/mandatory.png) no-repeat left center;
	text-indent : 10px
} */
.mandatory::after {
	content :'*';
	color :#e87979;
	padding-left:2px;
}

.dashboard-link
{
font-family: Roboto!important;
font-style: normal!important;
font-weight: 500!important;
font-size: 12px!important;
line-height: 14px!important;
letter-spacing: 0.02em!important;
text-transform: uppercase!important;
}
.readonlyec{
	background: #CCCCCC;
}


/* SignUp Css Start */
/*progressbar*/
#progressbar {
  margin-bottom: 10px;
  overflow: hidden;
  counter-reset: step;
}

#progressbar li {
  	list-style-type: none;
  	text-transform: uppercase;
  	font-size: 9px;
  	width: 33.33%;
  	float: left;
  	position: relative;
  	text-align: center;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #777777;
	mix-blend-mode: normal;
}

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: block;
  font-size: 12px;
  color: #333;
  border: 1px solid #828282 !important;
  border-radius: 25px; 
  margin: 0 auto 10px auto;
  background: #ffffff !important;
}

/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: -50%;
  top: 13px;
  color: #333;
  z-index: -1; /*put it behind the numbers*/
  background: #CCCCCC !important;
}

#progressbar li:first-child:after {
  content: none;
}

#progressbar li.active:before, #progressbar li.active:after {
	background: #2A2F77 !important;
	color: white !important;
}
.detailedSignUp {
  border: 0 none;
  border-radius: 0px;
  width: 80%;
  margin: 0 10%;
  position: relative;
}

/*Hide all except first fieldset*/
.detailedSignUp:not(:first-of-type) {
  display: none;
}
/* SignUp Css End */

.mailHeaderActive{
	font-family: Roboto!important;
	font-style: normal!important;
	font-weight: 900!important;
	font-size: 14px!important;
	line-height: 16px!important;
	letter-spacing: 0.03em!important;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: #333333;
	border-bottom: 2px solid #2A2F77 !important;
}
.mailHeader{
	font-family: Roboto!important;
	font-style: normal!important;
	font-weight: 900!important;
	font-size: 14px!important;
	line-height: 16px!important;
	letter-spacing: 0.03em!important;
	text-transform: uppercase;
	padding-bottom: 5px;
	color:#007bff;
}
.mssgCenterTitleFont{
  	font-family: Roboto!important;
	font-style: normal!important;
	font-weight: 900!important;
	font-size: 14px!important;
	line-height: 16px!important;
	letter-spacing: 0.03em!important;
	text-transform: capitalize!important;
	color: #828282!important;
  }
.mssgCenterBodyFont{
  	font-family: Roboto!important;
	font-style: normal!important;
	font-weight: normal!important;
	font-size: 14px!important;
	line-height: 16px!important;
	letter-spacing: 0.03em!important;
	color: #908e8e!important;
}

.selOpts {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	background: #FBFBFB;
	color: #333333;
	border: 1px solid #DFE0F1;
	box-sizing: border-box;
	border-radius: 6px;
	min-width: 90px;
	max-width: 122px;
	width:fit-content;
	float: left;
	margin : 3px 5px 0px 0px;
	height: 25px;
	padding-left: 3px;
	
}
.selOptLabel {
	width:calc(100% - 20px);
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    float:left;
    margin-top:4px;
}
.selOptSpan{
	content: url(../images/PatientPortalIcons/WebIcons/OtherIcons/close-circle.svg);
	float:left;
	margin-top:3px;
}
.selOpts input{
	border: 0; 
	background: #FBFBFB;
	box-shadow: none; 
	min-width: 50px;
	max-width: 122px;
	width:fit-content;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.grpSelectorDelete{
	/* background : url(../images/PatientPortalIcons/WebIcons/OtherIcons/close-circle.svg) no-repeat right center; */
	content: url(../images/PatientPortalIcons/WebIcons/OtherIcons/close-circle.svg);
}

.grpBlockCss {
	border-left: 2px solid #E5EEF0;
	height:90%;
	float:left;
	width: 10px;
}
.grpBlockBtn{
	color: #8488CD;
	display: flex;
	align-items: center;
	text-align: center;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	background: #FFFFFF;
	width: 23px;
	border: 1px solid #8488CD;
	box-sizing: border-box;
	border-radius: 2px;
	float:left;
}
.grpBlockLabel{
	text-align: center;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	float:left;
	color: #8488CD;
	display: flex;
	padding-left: 5px;
}

  @-moz-document url-prefix() {
 .dropdown-toggle::after {
    vertical-align: -moz-middle-with-baseline;
	}
}

.card-no-data
{
	padding-left: 1rem!important;
	padding-top: 0.5rem!important;
}

/* Attach Document Start */
.deletableBlock {
	background-color: #e9e9e9;
	width:150px;
	height: 23px;
	float:left;
  	cursor: pointer;
  	margin: 0px 0px 0px 10px;
  	padding: 0px;
  	vertical-align: middle;
  	border-radius: 3px;
}
.deletableBlock table {
	border: 0px;
	width: 100%;
	height: 23px;
	table-layout: fixed;
}
.deletableBlock table td.icons {
	width: 10%;
}
.deletableBlock table td.blank {
	width: 1px;
	background-color: white;
	margin: 0px;
	padding: 0px;
}
.deletableBlock table td.icnDelete {
	width: 12%;
	vertical-align: middle;
	text-align: center;
}
.globalIcnSize {
	width: 22px;
  	height: 16px;
  	border: none;
  	outline: none;
  	padding: 0px;
  	border-width: 0px;
  	background-color: transparent;
  	cursor: pointer;
}
.icnCancel {
	background: url(../images/PatientPortalIcons/WebIcons/OtherIcons/ApptDeleteNormal.png) no-repeat;
	background-size: 12px;
}
.icnCancelHover {
	background: url(../images/PatientPortalIcons/WebIcons/OtherIcons/ApptDeleteHover.png) no-repeat;
	background-size: 12px;
}
.icnSearch
{
	background: url(../images/PatientPortalIcons/WebIcons/OtherIcons/Search.png) no-repeat;
	opacity: 0.4;
}
.icnEye
{
	background: url("../images/empPortal/enableView.png") 10% 50% no-repeat;
}
.icnEyeDisabled{
	background: url("../images/empPortal/disabledView.png") 10% 50% no-repeat;
}
/* .columnflt{
	width : 16px;
	height : 16px;
	border : none;
	outline:none;
	position: relative;
}  */
/* EMP ID 10569 :- SC 319657: PPRevamp :Attach Document- Sprint2R1: Filter icon position is not proper with respect to column title position. It is upward next to column title
   Changes confirmed By Vishal */

.columnfltwithdata {
    background: url(../images/PatientPortalIcons/WebIcons/OtherIcons/FilterWithData.svg) no-repeat;
}

.columnfltnodata {
    background: url(../images/PatientPortalIcons/WebIcons/OtherIcons/FilterNoData.svg) no-repeat;
}
.columnflt {
    position: absolute;
    height: 16px;
    width: 15px;
    background-size: 12px 13px;
    background-repeat: no-repeat !important;
	background-position-y: 3px;
    border: none;
    outline: none;
	cursor: pointer;
	margin-left: 18px;
}

.columnflt:hover
{
	outline:none;
}
.columnfltdis{
	background : url(../images/colFilterNoData.png) no-repeat;
	cursor : not-allowed;
}
.columnfltdn{
	background : url(../images/colFilterNoData.png) no-repeat;
	cursor : pointer;
}
.columnfltnor{
	background : url(../images/colFilterNoData.png) no-repeat;
	cursor : pointer;
}
/* .columnfltwithdata{
	 background : url(../images/PatientPortalIcons/WebIcons/OtherIcons/FilterWithData.svg) no-repeat;
	cursor : pointer;
	background-size: 12px 13px;
	background-position-y: 3px;
}
.columnfltnodata{
	background : url(../images/PatientPortalIcons/WebIcons/OtherIcons/FilterNoData.svg) no-repeat;
	background-size: 12px 13px;
	cursor : pointer;
	background-position-y: 3px;
} */






/* Attach Document End */

.globalHrRow
{
	border-top: 2px solid #E5EEF0;
	width:100%;
 	margin-top: 0rem; 
   	margin-bottom: 0rem;
}

.error {
	color : #FF0000!important; 
	font-weight:500;
} 
.warning {
	color : #F76A0C!important;
	font-weight:500;
}
.messages {
	color : #156915!important;
	font-weight:500;
}
/* New Patient Workflow Start */

/*progressbar*/
.wrapperContainer{
	margin: 10px 10% 10px 10%;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	height: calc(100% - 20px);
}

#workflowProgressbar {
  overflow: hidden;
  counter-reset: step;
}

#workflowProgressbar li {
  	list-style-type: none;
  	text-transform: uppercase;
  	font-size: 9px;
  	float: left;
  	position: relative;
  	text-align: center;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #777777;
	mix-blend-mode: normal;
}

#workflowProgressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: block;
  font-size: 12px;
  color: #333;
  border: 1px solid #828282;
  border-radius: 25px; 
  margin: 0 auto 10px auto;
  background: #ffffff;
}

/*progressbar connectors*/
#workflowProgressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: -50%;
  top: 13px;
  color: #333;
  z-index: -1; /*put it behind the numbers*/
  background: #CCCCCC;
}

#workflowProgressbar li:first-child:after {
  content: none;
}

#workflowProgressbar li.active:before, #workflowProgressbar li.active:after {
	background: #2A2F77;
	color: white;
}
.workflowDetail {
  border: 0 none;
  border-radius: 0px;
  width: 100%;
  position: relative;
}

/*Hide all except first fieldset*/
.workflowDetail:not(:first-of-type) {
  display: none;
}

/* New Patient Workflow End */

.disabled{
	background:#f0f0f1bf !important;
	/* pointer-events: none; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	outline:0; 
	background-color:#f0f0f1bf !important;
    opacity: 1;
    cursor: not-allowed !important;
}

:disabled {
	cursor: not-allowed !important;
	};

.disabledWithOutBackground{
	cursor: not-allowed;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	outline:0; 
	opacity: 1;
}

.swal2-popup .swal2-styled
{
	overflow-y: none !important	;
	height: 32px !important;
	border: 1px solid #5E71B4!important;
	box-sizing: border-box;
	border-radius: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px!important;
	background-color: #FFFFFF!important;
    font-color: #5E71B4!important;
    color:#5E71B4!important;
	float:right;
}

.swal2-popup .swal2-styled.swal2-confirm 
{
    background-color: #5E71B4!important;
    font-color: #FFFFFF;
	color:#FFFFFF!important;
}


.schedule-btn
{
  background-color: #8488CD;
	overflow-y: none !important	;
	width: 9rem;
    height: 1.8rem;
	border: 1px solid #8488CD;
	box-sizing: border-box;
	border-radius: 2px;
	font-family: Roboto;
	font-style: normal;
	font-size: 1rem;
	line-height: 18px;
	float:right;
	color: #FFFFFF;
}
.cancel-btn
{
	color: #191eb7;
    font-size: 1.0625em;	
	background: #FBFBFB;
	border: 1px solid #8488CD;
	box-sizing: border-box;
	border-radius: 2px;
	width: 6rem;
    height: 1.8rem;
	font-family: Roboto;
	font-style: normal;
	font-size: 1rem;
	line-height: 18px;
	float:right;
	color: #8488CD!important;
}
.swal2-footer
{
	margin-left: 12rem;
}

.swal2-container{
	z-index:9999;
}

div.dataTables_scroll > div.dataTables_scrollHead > div > table > thead > tr > th.sorting > span.arrow-icon{
	background: url("../images/PatientPortalIcons/WebIcons/OtherIcons/sort_both.png") !important;
	position:absolute;
	height:16px;
	width:15px;
	background-size:  10px 13px;
	background-repeat: no-repeat !important;
}
div.dataTables_scroll > div.dataTables_scrollHead > div > table > thead > tr > th.sorting_asc > span.arrow-icon{
	background: url("../images/PatientPortalIcons/WebIcons/OtherIcons/sort_asc.png") !important;
	position:absolute;
	height:16px;
	width:15px;
	background-size:  10px 13px;
	background-repeat: no-repeat !important;
}
div.dataTables_scroll > div.dataTables_scrollHead > div > table > thead > tr > th.sorting_desc > span.arrow-icon{
	background: url("../images/PatientPortalIcons/WebIcons/OtherIcons/sort_desc.png") !important;
	position:absolute;
	height:16px;
	width:15px;
	background-size:  10px 13px;
	background-repeat: no-repeat !important;
}

/*for Search Icon  */
.fa-search
{
	opacity: 0.5;	
}

#popUpDiv .card-header{
	text-transform	: uppercase;
}

textarea {
  resize: none;
}

.swal2-actions{
	margin-right: 0px!important;
}

.swal2-actions .swal2-styled{
	padding-top: 0px!important;
	padding-bottom: 0px!important; 	
}

.dataTables_empty{
	font-family: Roboto!important;
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 14px!important;
    line-height: 24px!important;
    letter-spacing: 0.03em!important;
    color: #908e8e!important;
    font-style: italic!important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f0f0f1bf!important;
}
::placeholder {
  color: #afaaaaa6!important;
  opacity: 1!important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #afaaaaa6!important
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #afaaaaa6!important
}

.formControlFocus{
	 	color: #495057;
	    background-color: #fff;
	    border-color: #80bdff;
	    outline: 0;
	    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
	}

.exitBtn{
	padding-left: 5% !important; 
	padding-right: 5% !important;
	position: absolute !important;
	bottom: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown), html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    height: 100%!important;
    overflow-y: hidden!important;
}
.swal2-popup .swal2-image {
    margin: 0.5em auto!important;
}
.swal2-popup .swal2-content{ 
	font-family: 'Roboto'!important;
 	font-weight: 500!important;
  	font-size: 1rem!important;
  	line-height: 19px!important;
  	letter-spacing: 0.01em!important;
  	color: #333333!important;
 }
 
.swal2-popup {
    width: 30em!important;
}
.swal2-popup .swal2-title {
    font-size: 20px!important;
}

.custom-control-label.cardLabelFont{
	line-height: 24px!important;
}
.provider_icon
{
	width:40px;
	height:40px;
	border-radius:50%;
}

.dropdown.activeNow.show span, .dropdown.activeNow.show .dropdown-toggle::after {
 color: white!important;
}

.dropdown.activeNow.show .a1  {
     display: inline-block!important;
}
.dropdown.activeNow.show .a2  {
	
    display: none!important;
}
.PaymentTableData
{
height:100%;
padding:1rem 6rem; 
overflow-y: auto;
}
#slotDiv
{
	width: 20%;
}

#mailInboxTable .attachbut{
	width : 20px;
	height : 20px;
	border : none;
	background: #333366;
}
#mailInboxTable .attachbutnor{
	background: url("../images/PatientPortalIcons/WebIcons/OtherIcons/attach.png") no-repeat;
	cursor : pointer;
	background-size: 20px 20px;
}
#mailInboxTable .attachbutdn{
	background: url("../images/PatientPortalIcons/WebIcons/OtherIcons/attach.png") no-repeat;
	cursor : pointer;
	background-size: 20px 20px;
}
#mailInboxTable .attachbutdis{
	background: url("../images/PatientPortalIcons/WebIcons/OtherIcons/attach.png") no-repeat;
	cursor : pointer;
	background-size: 20px 20px;
}

input[type='button'].icon16 {
	width : 16px;
	height : 16px;
	border : none;
	vertical-align: middle;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
	background-attachment: scroll;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	/* background-repeat: repeat; */
}

.icnSearch16 { /*searchbut OR searchButton*/
	background : url(../images/theme1/icnSearch16.png) no-repeat;
}
/* Patient Photo Start */
	.patientPhotoHeader {
		height: 25px;
		border: 1px solid;
		line-height: 25px;
	    padding: 0 5px;
	    border-radius: 4px;
	    font-weight: bold;
	}
	.patientPhotoData {
		border: 1px solid;
		border-radius: 4px;
		height: calc(100% - 25px);
	}
	.attachbut {
		width : 20px;
		height : 20px;
		border : none;
		vertical-align: middle;
		float: right;
		margin-right: 5px;
		margin-top: 2px;
	}
	.attachbutnor {
		background : url(../images/theme1/icnAttachment20.png) no-repeat 0px 0px;
		cursor : pointer;
	}
	.attachbutdn {
		background : url(../images/theme1/icnAttachment20.png) no-repeat 0px -20px;
		cursor : pointer;
	}
	.attachbutdis {
		background : url(../images/theme1/icnAttachment20.png) no-repeat 0px -40px;
		cursor : not-allowed;
	}
	.detachPhoto {
		width : 20px;
		height : 20px;
		border : none;
		vertical-align: middle;
		float: right;
		margin-right: 5px;
		margin-top: 2px;
	  	cursor: pointer;
	}
	.detachPhotoNor {
		background: url(../images/img_close20.png) 0px 0px no-repeat;
	}
	.overlayDiv {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
		display: none;
		background: #fff;
		opacity: 0.4;
	}
	.capturePopupDiv{
		
		display: none;
	}
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 80px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	  border: 1px solid black;
	}
	.dropdown-content a {
	  color: black;
	  padding: 5px 5px 5px 5px;
	  text-decoration: none;
	  display: block;
	}
	.dropdown-content a:hover
	 {cursor : pointer; 
	 background-color: gainsboro
	 }	
	
	.UploadImg
    {
      position: relative;
      top: 0;
      left: 0;
    }
    .UnderReviewImg
    {
      position: absolute;
      top: 0px;
      opacity:0.7;
    }
    /* Patient Photo End */