/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Site Styling panel from Power Apps Portals.
 */

/*Theme
@font-face {
  font-family: "montserrat"; test
    src: url('montserrat.ttf');
}
 */


 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 body, html, p, a, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  
     font-family: "montserrat" !important;    
    }
 
 /*Navigation */

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a, #navbarright .navbar-nav > li > a, .contactusmenu, contactusmenubtn {
     font-family: "montserrat" !important;       
     font-weight: 500 !important;
     font-size: 14px !important;
     Padding: 14px 18px 8px 18px !important;   
     min-height: 50px !important;
     line-height: 18px !important;
     margin-left: 0;
 }   
.menu-bar{
    margin-left: -20px;
}
 #navbarright .navbar-nav > .divider-vertical{
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    /* border-right: 1px solid #fff;
    border-left: 1px solid #666; */

 }

 
.contactusmenu, contactusmenubtn, #signinbtnright{
    color: #ffffff;
}

.contactusmenubtn{
border:1px solid #FFFFFF;
background-color: transparent;
padding: 4px 12px 4px 12px;
border-radius: 2px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -5px;
}

#signinbtnright{
  border:1px solid #0079C8;
  background-color: #0079C8;
  padding: 4px 12px 4px 12px;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;

}

  .weblink .active{
             background-color:#0079C8;
             color:#FFFFFF;
        
        }

#Contactusbtn_landing:hover{
  background-color:#ffffff20 !important;
}


#SignInBtn_Landing:hover{
  background: #005497 !important;
  color: #FFFFFF !important;
}
 
 #navspacer{
   /*margin-left: 100px;*/
   margin-top: 10px;
   width: 250px;
 }
 
#q, #q::placeholder, #search_control::placeholder {  
   color: #AAACAD !important;
   font-size: 14px !important;    
   font-weight: 300 !important;
}
#q {
   /*margin-left: 35px;*/
   padding-right: 30px;
   border-radius: 4px !important;
   height: 32px !important;
   position: static;
   min-width: 268px !important;
   border: 1px solid #E5E7EB;
   /*padding: 0px 8px 0px 12px;*/
 }
#search_control {      
    padding-right: 30px;
    position: static;
    width: 100%;
}
#search_controlsubmit {
	border: none;
    color: #333333;
	height: 24px;
    padding: 8px 0px;
	width: 24px;   
}
#qsubmit {
   background: transparent;
   border: none;
   border-radius: 5px;
   color: #292E39;   
   height: 32px !important;   
   padding: 4px 2px !important;
   width: 24px;
}


 .form-control-feedback-custom
 {
    background: transparent;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 30px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding-right: 10px;

 }
 .search-form-group
 {
   background-color: #FFFFFF;
 }
 
 li .form-search
 {
  margin-left: 20px;
 }
 /*Footer */
 footer .footer-top {
     min-height: 300px !important;
     background-color: #002C4E;
     display: flex;
     align-items: center; 
     width: 100%;
 }
 
   
 footer .footer-bottom {
     min-height: 104px !important;
     align-items: center; 
 }
 
 footer p  a,
 #mainMenu ul li a {
     color: #ffffff !important;
     text-decoration: none !important;
     font-size: 14px !important;;
     font-weight: normal;
     margin-left: 0px !important;
 }

 footer p  a:hover,
 footer p  a:focus,
 #mainMenu ul li a:hover,
 #mainMenu ul li a:focus {     
     text-decoration: underline !important;     
 }

 #mainMenu ul li {
   margin-bottom: 15px;
   white-space: nowrap;
 }
 #footerbottomnav, footer .footer-bottom ul li a {
 font-size: 12px !important;
     font-weight: 400;
color: #FFFFFF;
 }
 
 #footerbottomnav,
 #footerTopNav{
   padding-left: 0px !important;
 }
 #footerLabel{
   margin-right:-60px;
 }
 #footerbottomlbl{
   padding-right: 0px !important;
 }
 #grouptitle {
     color: #DED1F7 !important;    
     font-size: 14px !important;
     font-weight: 600;
     margin-top: 0px;
 }
 
 #footerbottomnav ul li + li:before{
    content: " | ";
    padding: 0 10px;
}
 
 .rectangle {
 height: 1px;
 margin-bottom: 40px !important;
 background: #FAFBFC;
 mix-blend-mode: normal;
 opacity: 0.2;
 }
 
 
 .container
 {
   max-width: 1440px!important;
 }
 
 /* Can be put on the theme */
 body {
 
   background-color: #FFFFFF!important; 
 }
 
 .page-header {
   border-color:  #DEE5EF!important;
   border: none;
   margin: 0;
 }
 .page-header h1 {
   font-family: "montserrat" !important;    
   font-style: normal;
   font-weight: 600!important;
   font-size: 36px!important;
   line-height: 56px!important;
   letter-spacing: -0.1px;
   color: #00335B!important;
 }
 .entitylist 
 {
   background-color: #FFFFFF!important;
   color: #292E39;
 }
 /*can be put on theme */
 /*Bread Crumbs Changes */
 .breadcrumb {
   /*min-width: 588px;
   height: 42px;
   left: 120px;
   top: 164px;*/
   width: fit-content;
   padding: 11px 20px;
   background: #FFFFFF;
   /* Grey / 2 */
   border: 1px solid #DEE5EF;
   box-sizing: border-box;
   border-radius: 4px;
   
   font-style: normal;
   font-weight: 600!important;
   font-size: 14px;
   line-height: 20px;
 
 }
 .breadcrumb > li a
 {
   color: #0079C8!important;
 
 }
 .breadcrumb > li 
 {
   color: #0079C8!important;
 
 }
 .breadcrumb > .active
 {
 color: #3C434C!important;
 font-weight: 300!important;
 
 }
 .breadcrumb>li+li:before
 {
    color: #0079C8!important;
    font-weight: 600!important;
 }
 /*End of Breadcrumbs Changes */
 
 /*Navigation for Back button */
.navigation {
    width: fit-content;
    padding: 11px 20px;
	background: #FFFFFF;
	border: 1px solid #DEE5EF;
	box-sizing: border-box;
	border-radius: 4px;
	font-style: normal;
	font-weight: 600!important;
	font-size: 14px;
	line-height: 20px;
}
.navigation > li {
    color: #0079C8!important;
    display: inline-block;
}
 /*End of Navigation Changes */
 
 /*Get help page*/
 .gethelp-heading > .page-header h1{
  
   /*font-style: normal;
   font-weight: 600!important;
   font-size: 36px!important;
   line-height: 56px!important; 
    letter-spacing: -0.1px;
 
   color: #00335B!important;
   /* identical to box height, or 156% */
 
   text-align: center!important;
  
 }
 .gethelp-heading > .page-header 
 {
   border: none!important;
   margin-bottom: 0px !important;
   padding-bottom: 0px !important;
 }
 .gethelp-subheading div h2
 {
   font-weight: 600;
   font-size: 24px;
   line-height: 30px;
   color: #292E39;
 
 }
 .gethelp-subheading 
 {
 
   padding-top:20px;
   padding-bottom: 20px;
 }
 .gethelp-subheading-details h3
 {
   font-weight: 600;
   font-size: 24px;
   line-height: 30px; 
   color: #292E39;
 }
 .gethelp-subheading-details
 {
    padding-top:20px;
 }
 .getHelpContent p
 {
   
 font-style: normal;
 font-weight: 300;
 font-size: 20px;
 line-height: 30px;
 /* or 150% */
 
 text-align: center;
 
 
 color: #3C434C;
 }
 .getHelpContent
 {
   padding-bottom: 20px;
 }
 .getHelp-list-group a
 {
   display: flex;
     flex-direction: row;
     align-items: center;
     padding: 24px 32px;
     background: #FFFFFF!important;
     border: 1px solid #8099AD;
     box-sizing: border-box;
     font-style: normal;
     font-weight: 600;
     font-size: 20px;
    line-height: 30px; 
     color: #0079C8!important;
     word-break: break-word;
 } 
 .getHelp-list-group .col-md-6
 {
       padding-top: 5px;
     padding-bottom: 5px;
 }
 @media (min-width: 768px) {
   .getHelp-list-group.masonry
   {
     column-count: 2;
     column-gap: 1em;
   }
 }
 
 .getHelp-list-group .item{
     display: inline-block;
     margin: 0 0 1em;
     width: 100%;
 }
 .middle-column
 {
   padding-bottom: 50px;
 }
 /* Get Help Page End */
 
 /*category details page */
 
 div.relatedCategory h2{
 font-weight: 600;
 font-size: 24px;
 /*line-height: 30px;*/
 /* identical to box height, or 125% */
 
 
 /* BDS / Bupa Charcoal */
 
 color: #292E39;
 }
 .category-group-item
 {
 background: #FFFFFF;
 border: 1px solid #8099AD;
 box-sizing: border-box;
 margin-top: 10px;
 
 }
 .category-group-item a
 {
 font-style: normal;
 font-weight: 600;
 font-size: 20px;
 line-height: 30px;
 /* identical to box height, or 150% */
 margin-left: 0px!important;
 
 color: #0079C8;
 }
 .category-group-item p
 {
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 24px;
 
   color: #292E39;
 }
 
 
 /* end category details change */
 
/*Search Result */
 

  .pagination .disabled .aspNetDisabled
  {
    color: #DADBDB!important;
  }
 .search-results li h3 a{
   color: #0079C8!Important;
   font-style: normal;
   font-weight: 300;
   font-size: 24px;
   line-height: 30px;
   margin-left: 0px;
 }
 
 .search-results h2{
   font-style: normal;
   font-weight: 300;
   font-size: 32px;
   line-height: 40px;
   color: #292E39 !important;
 }
 
 .search-results li .fragment{
   font-style: normal;
   font-weight: 300;
   font-size: 14px;
   line-height: 20px;
   /* BDS / Bupa Charcoal */
   color: #292E39;
 }
 .search-results li.note-item a{
   font-style: normal;
   font-weight: 300;
   font-size: 14px;
   line-height: 20px;
   color: #0079C8!Important;
 }
.section-landing-search h1{
  font-weight: 600!important;
  font-size: 56px !important;
  line-height: 68px !important;
  letter-spacing: -1.2px;
  color: #FFFFFF;
}
.form-search 
{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.section-landing-search
{
  background: #0079C8 !important;
}
.section-landing-search .input-group
{
  display: inherit;
}
 /*End  */
 /*Pagination Start */
 .pagination
 {
     display: inline-flex !important;
 }
 .pagination > li > a, .pagination > li > span 
 {
   display: flex;
   align-items: center;
   padding: 11px 16px;
   width: 39px;
   background: #FFFFFF;
   border: 1px solid #DEE5EF!important;
   flex: none;
   order: 1;
   flex-grow: 0;
   margin: 0px 0px !important;
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 130%;
   /* or 18px */
   text-align: center;
   /* Grey / 9 (Dark) */
   color: #051226;
 }
 .pagination>.active>span
 {
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 130%;
   display: flex;
   align-items: center;
   text-align: center;
   border-radius: initial!important;
   color: #0079C8!important;
   background: #FFFFFF!important;
   border: 1px solid #DEE5EF!important;
 }
 .pagination>.active>a
 {
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 130%;
   display: flex;
   align-items: center;
   text-align: center;
   border-radius: initial!important;
   color: #5E2EBA!important;
   background: #FFFFFF!important;
   border: 1px solid #DEE5EF!important;
 }
 .pagination>li:first-child>span
 {
   background: #FFFFFF;
   /* Grey / 2 */
   border: 1px solid #DEE5EF;
   border-radius: 4px 0px 0px 4px!important;
 }
 .pagination>li:first-child > a
 {
   background: #FFFFFF;
   /* Grey / 2 */
   border: 1px solid #DEE5EF;
   border-radius: 4px 0px 0px 4px!important;
 }
 
 .pagination>li:last-child>a
 {
   background: #FFFFFF;
   /* Grey / 2 */
   border: 1px solid #DEE5EF;
   border-radius: 0px 4px 4px 0px!important;
 }
 .pagination>li:last-child> span{
   background: #FFFFFF;
   /* Grey / 2 */
   border: 1px solid #DEE5EF;
   border-radius: 0px 4px 4px 0px!important;
 }
 /* Pagination End */

 /* Filter Start */ 
 .facet-view .panel-body {
   padding-left: 30px!important;
     padding-right: 30px!important;
     padding-top: 20px!important;
     padding-bottom: 20px!important;
     background: #FFFFFF!important;
 }
 .facet-list-group
 {
   width: 250px;
 }
 .facet-view .facet-list-group-item{
   padding: 0px!important;
 }
 
 .facet-view .panel-heading {
     padding-right: 30px!important;
     padding-left: 30px!important;
     padding-top: 10px!important;
     padding-bottom: 10px!important;
     background: #FBFBFB!important;
     font-style: normal!important;
     font-weight: 500!important;
     font-size: 18px!important;
     line-height: 22px!important;
     color: #00335B !important;
 }
 .panel-default>.panel-heading {
   border: 1px solid #DEE5EF!Important;
 }
 
 .panel-default {
   /*border: 1px solid #8099AD;*/
   border-radius: 8px !important;
   box-sizing: border-box;
 }
 
 .facet-list-group-item.active .facet-list-group-item-title {
 
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 140%;
   display: flex;
   align-items: center;
   /* Primary / Bupa Digital Cyan */
   color: #0079C8!important;
 }
 
 .facet-list-group-item-title {
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 20px;
   /* identical to box height, or 125% */
 
   display: flex;
   align-items: center;
 
   /* Primary / Bupa Black */
 
   color: #000000!important;
 }
 .facet-list-group-item.active {
   font-style: normal;
   font-weight: 600;
   font-size: 16px!important;
   line-height: 20px;
 
   align-items: center;
   /* Grey / 5 */
   color: #394A64!important;
 }
 .facet-list-group-item {
   font-weight: normal;
   font-size: 16px!important;
   line-height: 140%;
   align-items: center;
   /* Grey / 5 */
   color: #394A64!important;
 
 }
 
 .facet-list-group-item.active label{
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 140%;
   /* Primary / Bupa Digital Cyan */
   color: #0079C8;
 }
 
 .facet-list-group-item label{
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 20px;
   /* identical to box height, or 125% */
   display: flex;
   align-items: center;
   /* Primary / Bupa Black */
   color: #000000;
 }
 .entitylist-filter-option-group .h4 {
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 130%;
   display: flex;
   align-items: flex-end;
   color: #394A64;
   display: contents;
 }
 .entitylist-filter .panel-body,
 .panel-body
 {
   padding-top: 20px!important;
   padding-right: 20px!important;
   padding-bottom: 20px!important;
   padding-left: 20px!important;
   background-color: #F2F5F7 !important;
   display: flex;
   border-radius: 8px !important;
 }
#request-counter{
  background-color: #fff !important;
  height: 110px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 4px rgba(118, 114, 108, 0.25), 0px 0px 1px rgba(118, 114, 108, 0.6);
}
.count-holder{
  border-right: 1px solid #BFCCD6;  
}
.entitylist-filter-option .form-control
/*{
     background: #FFFFFF!important;
     border-top: 1px solid !important;
     border-right: 1px solid !important;
     border-bottom: 1px solid !important;
     border-left: 1px solid #4C708C!important;
     border-color: #7F99AD!important;
     box-sizing: border-box;
     border-top-left-radius: 4px !important;
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
     font-family: Montserrat;
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     line-height: 20px;
     color: #4C708C;
}*/
..multiselect-filter .form-control {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 8px 0px 12px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #24292E !important;
    width: 100% !important;
    cursor: pointer;
}

 .entitylist-filter-option .input-group-addon{
     /*border-top: 1px solid ;*/
     /*border-left: 1px solid ;*/
     /*border-bottom: 1px solid ;*/
     border-right: 0px!important;
     /*border-top-left-radius: 4px;*/
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     /*border-bottom-left-radius: 4px;*/
     /*border-color: #7F99AD!important;*/
     background: #FFFFFF!important;
 
 }
 .pull-right{
     display: flex !important;
     /*margin-left: 10px;*/
     /*margin-right: 0px;*/
 }

#filterBtn{
  display: flex !important;
  margin-left: 30px !important;
  margin-right: 0px !important;
}

 .pull-right > .btn-entitylist-filter-submit, 
 .pull-right > .btn-clear
 {
   border: 2px solid #0079C8!important;
   box-sizing: border-box;   
   border-radius: 2px;
   /* display: flex;
   flex-direction: column; */
   align-items: center;
   padding: 0px 7px;
   height: 35px;
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   /* identical to box height, or 150% */
   text-align: center;
   /* Primary / Bupa Digital Cyan */
   /*color: #0079C8!important;*/
   width: 122px;
 }
 
 .pull-right > .btn-entitylist-filter-submit:hover,
 .pull-right > .btn-entitylist-filter-submit:focus{
    /* color:  #0079c8 !important; */
    color: #ffffff !important;
    background-color: #005497 !important;
 }
 .btn-clear{
     margin-left: 10px;    
 }

.viewBtn{
  width: 137.5px;
  height: 38px;
  border: 1px solid #0079C8;
  /*border-radius: 0px 4px 4px 0px;*/
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
   /* identical to box height, or 150% */
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;  
 }

.table-hover tbody tr:hover td{
   background-color: #F0F9FF;
   cursor: pointer;
   text-decoration: underline;
 }
#view_0 a:hover,
#view_1 a:hover{
  text-decoration: none;
}
#view_0{
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

#view_1{
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 /*Filter End*/
 
 
 /*article */
 
 .btn.btn-default.btn-sm span,i
 {
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 16px;
   letter-spacing: 0.25px;
   color: #0079C8!important;

 }
 
 .article-print a
 {
   color: #0079C8!important;
   border:none!important;
   flex: none;
   order: 1;
   flex-grow: 0;
  border-radius: 4px;
   
 
 }
 .article-print
 {
   float: right !important;

 }
 #found-my-answer-bottom-comments {
   font-family: Montserrat;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 24px;
   text-align: left!important;
   color: #292E39;
   padding: 0px!important;
   padding-bottom: 20px!important;
 }
 
 
 .knowledge-article-keywords {
       font-style: normal;
     font-weight: 300;
     font-size: 14px;
      line-height: 18px;
 
     color: #292E39!important;
 }
 .knowledge-article-related
 {
   border: none!Important;
 }
 
 #RelatedNotes .panel-heading
 {
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   padding-top: 10px;
   padding-right: 15px;
   padding-bottom: 10px;
   padding-left: 0px;
   color: #00335B !important;
   border:none!important;
   background: #FFFFFF!important;
 }
 
 #RelatedNotes .list-group-item
 {
 
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 16px;
   background: #FFFFFF;
   border: 1px solid #DEE5EF!important;
   box-sizing: border-box!important;
   border-radius: 4px!important;
   margin-bottom: 10px;
 }
 #RelatedNotes a
 {
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: 0.25px;
   color: #0079C8;
 
 }
 
 
 #RelatedArticles .panel-heading
 {
   font-style: normal;
 font-weight: 600;
 font-size: 24px;
 line-height: 30px;
   padding-top: 10px;
   padding-right: 15px;
   padding-bottom: 10px;
   padding-left: 0px;
   color: #292E39!important;
   border:none!important;
   background: #FFFFFF!important;
 }
 
 #RelatedArticles .list-group-item
 {
   background: #FFFFFF;
   border: 1px solid #8099AD;
   box-sizing: border-box;
    margin-bottom: 10px;
    padding: 16px;
 }
 #RelatedArticles a
 {
   
   font-style: normal;
   font-weight: 600;
   font-size: 20px;
   line-height: 30px;
 
 
   color: #0079C8;
 }
 #RelatedArticles a:hover
 {
   text-decoration: underline;
 
 }
 #showMoreNotesButton, #showLessNotesButton
 {
       text-align: center;
      
 }

#showMoreNotesButton span, #showLessNotesButton span
{ color: #005497;

}
 .attach_icon 
 {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   vertical-align: middle;
   color: #5E6871;
 }
 .print_icon
 {
    vertical-align: middle;
 }
 
 .get-help-articles li
 {
   padding-right: 32px;
   padding-left: 32px;
   padding-top: 24px;
   padding-bottom: 24px;
 }

 .article-category label
 {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    margin-bottom: 0px!Important;
 }
 .article-category
  {
      width: 75px !important;
  }
 .article-category-link
 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #0079C8;
  padding-right: 8px
 }
/*article end */
 /* my profile page */
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .section tbody tr td div.control{
     clear: none !important;
     float: left;
 }
 
 
 
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .section tbody tr td div.control .form-control{
     height: 22px !important;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 140%;
     /* identical to box height, or 20px */
 
     padding: 0px  !important;
     /* Grey / 5 */
 
     color: #394A64 !important;
         min-width: 500px!important;
 }
 
 
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .section tbody tr td div.control .control a{
     height: 22px !important;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 140%;
     /* identical to box height, or 20px */
 
     padding: 0px  !important;
     /* Grey / 5 */
 
     color: #394A64 !important;
      
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .section tbody tr td div.control {
   pointer-events: none!important; 
    min-width: 500px!important;
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e input::-webkit-input-placeholder {
 
     color: #394A64 !important;
 }
 
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView .tab-title {
   border:none !important;
 
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .text-muted {
   color : #394A64 !important;
     height: 22px !important;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 140%;
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView
 {
     border:none !important;
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView tbody > tr:last-child > td {
   border-bottom: 0px!important;
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView tbody > tr > td{
     border-bottom: 1px solid #DEE5EF!important;
   
 }
 
 
 
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView .form-control-cell .info .field-label
 {
   
   width: 230px !important;
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 140%;
   color: #051226;
   height: 22px;
 /* or 22px */
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView .form-control-cell .info label
 {
   pointer-events: none!important;
   margin: 0px !important;
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView .cell
 {
     padding-top: 20px !important;
     padding-right: 0px !important;
     padding-bottom: 20px !important;
     padding-left: 0px !important;
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .tab-title
 {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 600;
   font-size: 24px;
   line-height: 30px;
   /* identical to box height, or 125% */
 
 
   /* BDS / Bupa Charcoal */
 
   color: #292E39;
 }
 
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .crmEntityFormView .cell div.info.required label:after 
 {
   display: none;
 }
 
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .validators
 {
   display: none;
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e #changePasswordBtn
 {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding: 12px 24px;
 
     border: 2px solid #0079C8 !important;
     box-sizing: border-box !important;
     border-radius: 4px !important;
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     line-height: 16px;
     /* identical to box height, or 100% */
 
     letter-spacing: 0.25px;
 
     /* Primary / Bupa Digital Cyan */
 
     color: #0079C8!important;
     
 }
 #EntityFormControl_ccbf02cbd8a4ec11983f00224812b68e .section-title
 {
   display: none;
 }
 /* end my profile page */
 
 /*start of bill and invoices */
 
 /*view label */
 .viewLabels p
 {
     padding-left: 10px;
     margin: 0px!important;
     color: #394A64;
     font-size: 12px;
 }
 .entity-grid, .entitylist
 {
   border:0px !important;
 }
 /*end*/
 
 
 /* This CSS is for Date Range filter  */
 .daterangepicker {
   position: absolute;
   color: inherit;
   background-color: #fff;
   border-radius: 4px;
   border: 1px solid #ddd;
   width: 278px;
   max-width: none;
   padding: 0;
   margin-top: 7px;
   top: 100px;
   left: 20px;
   z-index: 3001;
   display: none;
   font-family: 'Montserrat';
   font-size: 15px;
   line-height: 1em;
 }
 
 .daterangepicker:before, .daterangepicker:after {
   position: absolute;
   display: inline-block;
   border-bottom-color: rgba(0, 0, 0, 0.2);
   content: '';
 }
 
 .daterangepicker:before {
   top: -7px;
   border-right: 7px solid transparent;
   border-left: 7px solid transparent;
   border-bottom: 7px solid #ccc;
 }
 
 .daterangepicker:after {
   top: -6px;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #fff;
   border-left: 6px solid transparent;
 }
 
 .daterangepicker.opensleft:before {
   right: 9px;
 }
 
 .daterangepicker.opensleft:after {
   right: 10px;
 }
 
 .daterangepicker.openscenter:before {
   left: 0;
   right: 0;
   width: 0;
   margin-left: auto;
   margin-right: auto;
 }
 
 .daterangepicker.openscenter:after {
   left: 0;
   right: 0;
   width: 0;
   margin-left: auto;
   margin-right: auto;
 }
 
 .daterangepicker.opensright:before {
   left: 9px;
 }
 
 .daterangepicker.opensright:after {
   left: 10px;
 }
 
 .daterangepicker.drop-up {
   margin-top: -7px;
 }
 
 .daterangepicker.drop-up:before {
   top: initial;
   bottom: -7px;
   border-bottom: initial;
   border-top: 7px solid #ccc;
 }
 
 .daterangepicker.drop-up:after {
   top: initial;
   bottom: -6px;
   border-bottom: initial;
   border-top: 6px solid #fff;
 }
 
 .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
   float: none;
 }
 
 .daterangepicker.single .drp-selected {
   display: none;
 }
 
 .daterangepicker.show-calendar .drp-calendar {
   display: block;
 }
 
 .daterangepicker.show-calendar .drp-buttons {
   display: block;
 }
 
 .daterangepicker.auto-apply .drp-buttons {
   display: none;
 }
 
 .daterangepicker .drp-calendar {
   display: none;
   max-width: 270px;
 }
 
 .daterangepicker .drp-calendar.left {
   padding: 8px 0 8px 8px;
 }
 
 .daterangepicker .drp-calendar.right {
   padding: 8px;
 }
 
 .daterangepicker .drp-calendar.single .calendar-table {
   border: none;
 }
 
 .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
   color: #fff;
   border: solid black;
   border-width: 0 2px 2px 0;
   border-radius: 0;
   display: inline-block;
   padding: 3px;
 }
 
 .daterangepicker .calendar-table .next span {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
 }
 
 .daterangepicker .calendar-table .prev span {
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
 }
 
 .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
   white-space: nowrap;
   text-align: center;
   vertical-align: middle;
   min-width: 32px;
   width: 32px;
   height: 24px;
   line-height: 24px;
   font-size: 12px;
   border-radius: 4px;
   border: 1px solid transparent;
   cursor: pointer;
 }
 
 .daterangepicker .calendar-table {
   border: 1px solid #fff;
   border-radius: 4px;
   background-color: #fff;
 }
 
 .daterangepicker .calendar-table table {
   width: 100%;
   margin: 0;
   border-spacing: 0;
   border-collapse: collapse;
 }
 
 .daterangepicker td.available:hover, .daterangepicker th.available:hover {
   background-color: #eee;
   border-color: transparent;
   color: inherit;
 }
 
 .daterangepicker td.week, .daterangepicker th.week {
   font-size: 80%;
   color: #ccc;
 }
 
 .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
   background-color: #fff;
   border-color: transparent;
   color: #999;
 }

.daterangepicker td.in-range {
    background-color: #E3F1FF;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
 
 .daterangepicker td.start-date {
   border-radius: 4px 0 0 4px;
 }
 
 .daterangepicker td.end-date {
   border-radius: 0 4px 4px 0;
 }
 
 .daterangepicker td.start-date.end-date {
   border-radius: 4px;
 }
 
 .daterangepicker td.active, .daterangepicker td.active:hover {
   background-color: #357ebd;
   border-color: transparent;
   color: #fff;
 }
 
 .daterangepicker th.month {
   width: auto;
 }
 
 .daterangepicker td.disabled, .daterangepicker option.disabled {
   color: #999;
   cursor: not-allowed;
   text-decoration: line-through;
 }
 
 .daterangepicker select.monthselect, .daterangepicker select.yearselect {
   font-size: 12px;
   padding: 1px;
   height: auto;
   margin: 0;
   cursor: default;
 }

.daterangepicker select.monthselect {
    margin-right: 2%;
    /*width: 56%;*/
}
 
 .daterangepicker select.yearselect {
   width: 40%;
 }
 
 .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
   width: 50px;
   margin: 0 auto;
   background: #eee;
   border: 1px solid #eee;
   padding: 2px;
   outline: 0;
   font-size: 12px;
 }
 
 .daterangepicker .calendar-time {
   text-align: center;
   margin: 4px auto 0 auto;
   line-height: 30px;
   position: relative;
 }
 
 .daterangepicker .calendar-time select.disabled {
   color: #ccc;
   cursor: not-allowed;
 }
 
 .daterangepicker .drp-buttons {
   clear: both;
   text-align: right;
   padding: 8px;
   border-top: 1px solid #ddd;
   display: none;
   line-height: 12px;
   vertical-align: middle;
 }
 
 .daterangepicker .drp-selected {
   display: inline-block;
   font-size: 12px;
   padding-right: 8px;
   font-weight: 500;
   font-family: 'Montserrat';
 }
 
 .daterangepicker .drp-buttons .btn {
   margin-left: 8px;
   font-size: 12px;
   font-weight: bold;
   padding: 4px 8px;
 }
 
 .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
   border-right: 1px solid #ddd;
 }
 
 .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
   border-left: 1px solid #ddd;
 }
 
 .daterangepicker.show-ranges.rtl .drp-calendar.right {
   border-right: 1px solid #ddd;
 }
 
 .daterangepicker.show-ranges.ltr .drp-calendar.left {
   border-left: 1px solid #ddd;
 }
 
 .daterangepicker .ranges {
   float: none;
   text-align: left;
   margin: 0;
 }
 
 .daterangepicker.show-calendar .ranges {
   margin-top: 8px;
 }
 
 .daterangepicker .ranges ul {
   list-style: none;
   margin: 0 auto;
   padding: 0;
   width: 100%;
 }
 
 .daterangepicker .ranges li {
   font-size: 12px;
   padding: 8px 12px;
   cursor: pointer;
 }
 
 .daterangepicker .ranges li:hover {
   background-color: #eee;
 }
 
 .daterangepicker .ranges li.active {
   background-color: #E3F1FF;
   color: #24292E;
 }
 
.daterangepicker .clearBtn {
	border: none; 
	float: left;
	margin-left: 22% !important;
}

.daterangepicker .drp-selectedrange {
    font-size: 12px;
    font-family: 'Montserrat';
}
 
 /*  Larger Screen Styling */
 @media (min-width: 564px) {
   .daterangepicker {
     width: auto;
   }
 
   .daterangepicker .ranges ul {
     width: 140px;
   }
 
   .daterangepicker.single .ranges ul {
     width: 100%;
   }
 
   .daterangepicker.single .drp-calendar.left {
     clear: none;
   }
 
   .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
     float: left;
   }
 
   .daterangepicker {
     direction: ltr;
     text-align: left;
   }
 
   .daterangepicker .drp-calendar.left {
     clear: left;
     margin-right: 0;
   }
 
   .daterangepicker .drp-calendar.left .calendar-table {
     border-right: none;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
 
   .daterangepicker .drp-calendar.right {
     margin-left: 0;
   }
 
   .daterangepicker .drp-calendar.right .calendar-table {
     border-left: none;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
 
   .daterangepicker .drp-calendar.left .calendar-table {
     padding-right: 8px;
   }
 
   .daterangepicker .ranges, .daterangepicker .drp-calendar {
     float: left;
   }
 }
 
 @media (min-width: 730px) {
   .daterangepicker .ranges {
     width: auto;
   }
 
   .daterangepicker .ranges {
     float: left;
   }
 
   .daterangepicker.rtl .ranges {
     float: right;
   }
 
   .daterangepicker .drp-calendar.left {
     clear: none !important;
   }
 }
 
 #dtDateRange,
 #dtModified,
 #dtStart,
 #dtRequest{
     width: 100% !important;
     padding-top: 6px;    
 }
 
 #dtDateRangeValue,
 #dtModifiedValue,
 #dtStartValue,
 #dtRequestValue{
     border-top-left-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
     border-bottom-right-radius: 0px !important;
     border-top-right-radius: 0px !important;
 }
 /* End of Date Range filter  */
  
 /* Start of bill period details page/form - read only */
 /* removed by mervin to align the content to the group name H1 header
 #mainContent{
     padding-left: 15px;
 }
*/
 div.tab.clearfix fieldset legend,
 #EntityFormControl_attachment fieldset legend,
 #EntityFormControl_billPlans fieldset legend,
 .tab-title{
 /* Heading SemiBold / 1.5-x */
     font-family: "montserrat" !important;    
     font-style: normal;
     font-weight: 600;
     font-size: 24px;
     line-height: 30px;    
     /* identical to box height, or 125% */    
 }
 .form-readonly.entity-form .tab-title{
     /* Typography / Heading / 1.5-x / SemiBold */
     height: 30px;
     left: 8.33%;
     right: 29.58%;
     
     /* BDS / Bupa Charcoal */
     color: #292E39;
 }
 
 #EntityFormPanel, #EntityFormControl_attachment, #EntityFormControl_billPlans{
     border: 0px !important;
 }
 #EntityFormControl_billPlans th {
    cursor: pointer;
}
 .form-readonly.entity-form h2.tab-title{
     border: 0px !important;
 }


#EntityFormControl_abab2fc1dfc9ec11a7b6002248941416_EntityFormView h2.tab-title{
     border: 0px !important;
 }

#EntityFormControl_abab2fc1dfc9ec11a7b6002248941416_EntityFormView.entity-form .tab-title{
     /* Typography / Heading / 1.5-x / SemiBold */
     height: 30px;
     left: 8.33%;
     right: 29.58%;
     
     /* BDS / Bupa Charcoal */
     color: #292E39;
 }


 /*
 .info .field-label{    
     font-family: "montserrat" !important;    
     font-style: normal;
     font-weight: 600 !important;;
     font-size: 16px !important;;
     line-height: 140%;
     /* or 22px */
/*}*/

 #bp_tbody{
     width: 100%;
     border-bottom: 0px !important;
 }
 #bp_tbody tr td{
   border-bottom: 0px !important;
 
 }
 #tbody_sub tr td,
 #tbody_disc tr td,
 #bp_tbody tr td{
   margin-bottom: auto;
   margin-top: auto;  
   vertical-align: middle;  
 }
 
 #tbody_sub tr td,
 #tbody_disc tr td,
 #bp_tbody tr td, 
 #bp_tbody{
     display: flex;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: -moz-flex;  
     flex-wrap: wrap;    
 }
 
 /* #bp_tbody tr .picklist-cell div,
 #bp_tbody tr .form-control-cell div{
     flex: 50%;
     max-width: 50%;           
 } */
 
 #bp_tbody tr{
     flex: 50%;
     max-width: 50%;           
 }
 
 
 #bp_table{
   border-bottom:0px !important;
 }

 
 #bp_tbody tr td.form-control-cell,
 #bp_tbody tr td.picklist-cell{
   padding-top: 20px !important;
 }
 
 #EntityFormControl_1a33a4d4d08fec11b40000224892499a #EntityFormPanel .section,
 #tbody_sub tr,
 #tbody_disc tr,
 #bp_tbody tr,
 #req_tbody tr{
     border-bottom: 1px solid #DEE5EF;    
 }
  /*
 #tblAttachment thead>tr>th,
 #tblAttachment tbody>tr>td,
 #billPeriodTable tbody>tr>td,
 #billPeriodTable .table-fluid,
 #billPeriodTable .table>thead>tr>th,
 #billPeriodTable .table>tbody>tr>td,
 #BillingPlans .table-fluid,
 #BillingPlans .table>thead>tr>th,
 #BillingPlans .table>tbody>tr>td{
     border: 0px !important;
 }

 #tblAttachment tbody tr:nth-of-type(odd),
 #BillsInvoices .table-striped > tbody >  tr:nth-of-type(odd),
 #BillingPlans .table-striped > tbody > tr:nth-of-type(odd) {
     background-color: #FBFBFB !important;
 }
 */
  #tblAttachment,  #BillsInvoices,  #BillingPlans, #billPeriodTable
  {
        border-bottom: 1px solid #ddd;
  }
 .inactiveLink {
    pointer-events: none;
    cursor: default;
 }
 #tbody_sub tr td.form-control-cell input{
     pointer-events: none !important;
 }
 
 #bp_tbody tr td .info{
   padding: 6px 12px;  
   padding-left: 0px !important;
   max-width: 38%;
   flex: 38%;
 }
 #bp_tbody tr td .control{
   padding-left: 0px !important;
   max-width: 62%;
   flex: 62%;
 }
 
 #bp_tbody tr td .control .form-control{
   vertical-align: baseline;
 }
 
 
 #tbody_sub tr td .info,
 #tbody_disc tr td .info{
     /* flex: 24.4%;
     max-width: 24.4%;        */
     flex: 18.53%;
     max-width: 18.53%;        
     line-height: 140%;
     padding: 6px 12px;
     padding-left: 0px !important;
 
 }
 #tbody_sub tr td .info .field-label,
 #tbody_disc tr td .info .field-label{
     padding-top: 20px !important;
     vertical-align: baseline;
 }
 
 #tbody_sub tr td .control,
 #tbody_disc tr td .control{
     /* flex: 75.6%;
     max-width: 75.6%; */
     flex: 81.47%;
     max-width: 81.47%;    
     font-family: "montserrat" !important;    
     font-style: normal;
     font-weight: 400;
     font-size: 16px !important; 
     line-height: 140%;
     pointer-events:all;
     color: #394A64;
     vertical-align: baseline;
     padding-left: 0px !important;
     padding-top: 20px !important;
 }
 
 @media screen and (max-width: 600px) {
     #tbody_sub tr td,
     #tbody_disc tr td,
     #bp_tbody {   
         flex-direction: column;
   }
 }
 
 #tbody_sub tr td.form-control-cell, #tbody_sub tr td.picklist-cell,
 #tbody_disc tr td.form-control-cell, #tbody_disc tr td.picklist-cell,
 #bp_tbody tr td.form-control-cell, #bp_tbody tr td.picklist-cell{
     margin-left: 0px;
     left: 0px;
     padding-left: 0px;
     pointer-events: none!important;
 }
 
 /*table headers*/
#BillAttachment .entity-grid.subgrid .view-grid table thead tr th a,
#billPeriodTable thead tr th a,
#BillingPlans .entity-grid.subgrid .view-grid table thead tr th a,
#tblAttachment thead>tr>th>a,
#tblAttachment thead>tr>th,
#BillingPlans .table>thead>tr>th,
#tblBillPlansGrid thead tr th {
     height: 21px;
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 600;
     font-size: 16px !important;
     line-height: 130%;
     /* identical to box height, or 21px */
     /* Grey / 5 */
     color: #24292E;
  
 }
 #tblBillPlansGrid 
 {
   margin-bottom: 0px !important;
 }
 #noFilterLink
 {
   color: #005497!important;
    font-weight: 500;
 }
 #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td,
 #BillingPlans .entity-grid.subgrid .view-grid table tbody tr td{
     height: 22px;
     /* Paragraph Large / Regular */
     font-style: normal;
     font-weight: 400;
     font-size: 16px !important;
     line-height: 140%;
     /* or 22px */
 
     /* Grey / 4 */
     color: #24292E;
     padding-top:10px;
     padding-bottom: 10px;
 }
 #billPeriodTable tbody tr td a,
 #requestTable tbody tr td a,
 #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td a{
     /* Paragraph Large / Semi-Bold */
     font-style: normal;
     font-weight: 600;
     font-size: 16px !important;
     line-height: 20px;
     /* or 22px */
 
     /* Primary / Bupa Digital Cyan */
     color: #0079C8;
 }
 #billPeriodTable thead tr th i,
 #requestTable thead tr th i{
   color: #24292E !important;
 }
 #billPeriodTable tbody tr td{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #24292E;
 }
 
 /* end sub-grid - bill plans */
 #EntityFormControl_1a33a4d4d08fec11b40000224892499a{
     width: 100%;
 }

 
 #EntityFormPanel .datetimepicker{
     display: flex !important;
 }
 
 #bupa_finalbillduedate_datepicker_description,
 #bupa_paymentduedate_datepicker_description,
 #bupa_prelimreportduedate_datepicker_description,
 #bupa_billperiodenddate_datepicker_description,
 #bupa_billperiodstartdate_datepicker_description{
     width: 110px;    
 }
 .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

#MessagePanel_Display{
min-height: 48px !important; 
background: #E3F1FF; 
border: 1px solid #3552B5; 
border-radius: 4px; padding: 12px 14px;
}

#msgiconinfo{
padding: 2px 2px !important; 
width: 24px !important;
margin-right: 14px;
}

#Messagelabel_display{
color: #24292E !important;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
vertical-align: super;
}


 
 /* End of bill period details page/form - read only */
 
 
 /* Start of Bill period details/Form - Edit */
 
 
 #bp_tbody #finalbill_tr{
   flex: 100% !important;
   max-width: 100% !important;
   float: left;
 }
 
 #bp_tbody #finalbill_tr #finalbilllabel_div {
   flex: 18% !important;
   max-width: 18% !important;
 
 }

 
 #bupa_readyforfinalbill{
 max-width: 30% !important;
 float: left !important;
 border-radius: 4px !important;   
 
 }
 
 .form-custom-actions .btn{
   margin-top: 0px !important;
 }

#finalbill_div .form-custom-actions {
  margin-bottom: auto !important;
}
 
 #UpdateButton{
   min-width: 119px !important;
   font-weight: 500 !important;
   border-radius: 2px;
   /* letter-spacing: 0.25px;
   padding: 5px 27px;
   justify-content: center;
   align-items: center; */
 }
 
 
 #MessagePanel{
   background-color: #F0FDEF;
   border-color:#008A00;
   /* padding: 12px 20px; */
   font-size: 16px !important;
   color: #394A64; 
 }
 
#MessageLabel{
outline: none !important;
}

 #MessagePanel #msgtext1{
   font-weight: 600 !important;
   padding-left: 15px;
   vertical-align: bottom;
 }
 #MessagePanel #msgtext2{
   vertical-align: bottom;
 }
 
 #msgicon{
   /* padding-top: 10px; */  
   vertical-align: middle;
   color: #008A00 !important;
 }
 
.modal-dialog{
  width: 350px;
  margin-top: 200px;  
  background: #FFFFFF;
  border: 1px solid #DADBDB;
  box-shadow: 0px 24px 24px rgba(118, 114, 108, 0.25), 0px 0px 1px rgba(118, 114, 108, 0.6);
  border-radius: 4.8px;
}


.privacy{
  width: 50%;
}

.modal-title{
font-weight: 600 !important;
font-size: 20px !important;
align-items: center;
color: #212529 !important;
}

.form-close{
top: 5% !important;
right: 4% !important;
}

#Modalcloseicon{
color: #757575 !important;
}

.modal-body{
font-size: 16px !important;
color: #24292E;
}

#modalsubmitbtn, #modalcancelbtn{
min-width: 119px;
font-size: 16px !important;
font-weight: 500;
}

#modalcancelbtn{
border: 2px solid #0079C8;
border-radius: 2px;
}

#modalsubmitbtn{ 
background: #0079C8;
border-radius: 2px; 
}
/* End of Bill period details/Form - Edit */
 
 
/* start redemption page */ 
 .nav-account
 {
   display: none;
 }
 
 .login-heading-section
 {
   font-style: normal;
   font-weight: 600;
   font-size: 36px;
   line-height: 56px;
   letter-spacing: -0.1px;
   color: #00335B !important;
   border-bottom: 0px !important;
   margin-top: 80px !important;
 }
 #InvitationCode
 {
   background: #FFFFFF;
   border: 1px solid rgba(0, 51, 91, 0.5);
   box-sizing: border-box;
   border-radius: 4px;
 
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 48px;
 
   color: #4C708C;
 
   height: 48px;
   }
 
 .control-label[for="InvitationCode"]
 { font-style: normal;
   font-weight: 600 !important;
   font-size: 18px !important;
   height: 48px;
   color: #00335B !important;
   
 }
 .control-label[for="InvitationCode"]:before
 {
   color: #DB3907!important;
   font-weight: 500 !important;
   
 }
 #submit-redeem-invitation
 {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 16px 24px;
   background: #0079C8;
   border-radius: 8px;
 
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 16px;
   /* identical to box height, or 100% */
   letter-spacing: 0.25px;
   /* Primary / Bupa White */
   color: #FFFFFF;
   
 }
 .redeem-invitation
 {
   /*margin-left:50px;*/
   margin-bottom: 80px;
 }
 
 /*end redemption page */
 
 /* access denied page */
 
 .access-denied h1
 {
   font-style: normal;
   font-weight: 600;
   font-size: 80px;
   line-height: 100px;
   color: #292E39;
 }
 .access-denied h4
 {
   font-style: normal;
   font-weight: 600;
   font-size: 36px;
   line-height: 56px;
   letter-spacing: -0.1px;
   color: #00335B;
 }
 .access-denied h5
 {
   font-style: normal;
   font-weight: 300;
   font-size: 20px;
   line-height: 30px;
   /* or 150% */
   color: #3C434C;
 }
 .access-denied 
 {
   margin-top:50px;
   margin-bottom:50px;
 }
 
 
 @media(min-width: 993px) {
 .access-denied-img
 {
     float:right;
     max-width: 160%;
 }
 }
 
 
 
 @media(max-width: 992px) {
   .access-denied-img
   {
     max-width: 100%;
   }
 }
 /* end access denied page */
 /*notification hub*/
 .page-header-no-border .page-header
 {
     border-bottom:0px !important;
 }
 .notif-unread
 {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   text-align: justify;
   color: #0079C8!important;
 
 }
 
 .notif-read
 {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   text-align: justify;
   color: #333333!important;
 
 }
 
 .notif-td
 {
     border-top: 0px !important; 
 }
 
 .notif-td-desc
 {
 
     padding-top: 18px !important;
     padding-right: 100px!important;
     padding-bottom: 18px !important;
     padding-left: 16px !important;
     word-break: break-word;
 }
 .notif-td-CreatedOn
 {
     padding-top: 18px !important;
     padding-right: 16px !important;
     padding-bottom: 18px !important;
     padding-left: 30px !important;
 }
 .notif-createdon
 {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
 
   /* identical to box height, or 171% */
 
 
   /* Alert / Disabled Text */
 
   color: #757575;
 }
 .notif-tr
 {
        /*  display: flex!important;
           flex-direction: row; */
     
  
     box-shadow: inset 0px -1px 0px #F1EFEB;
 }
 .empty-notification-img
 {
   display: inline-block !important;
 }
 
 .empty-notification-text
 {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 24px;
     text-align: center;
     color: #24292E;
 
     margin: 20px;
 }
 .empty-notif-container
 {
     margin-top: 60px;
     margin-bottom: 150px;
 }
 
 #notif-mainContent
 {
   margin-bottom: 75px;
 }
 /*end */
 
/*Notificaion Pagination */
 .notif-pagination.pagination
 {
     display: inline-flex !important;
 }
 .notif-pagination.pagination > li > a, .notif-pagination.pagination > li > span 
 {
   display: flex;
   align-items: center;
   padding: 11px 16px;
   width: auto;
   background: #FFFFFF;
   border: 1px solid #DEE5EF!important;
   flex: none;
   order: 1;
   flex-grow: 0;
   margin: 0px 0px !important;
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 130%;
   /* or 18px */
   text-align: center;
   /* Grey / 9 (Dark) */
 }
 .notif-pagination.pagination>.active>span
 {
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 130%;
   display: flex;
   align-items: center;
   text-align: center;
   border-radius: initial!important;
   color: #0079C8!important;
   background: #FFFFFF!important;
   border: 1px solid #DEE5EF!important;
 }
 .notif-pagination.pagination>.active>a
 {
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
   line-height: 130%;
   display: flex;
   align-items: center;
   text-align: center;
   border-radius: initial!important;
   color: #0079C8!important;
   background: #FFFFFF!important;
   border: 1px solid #DEE5EF!important;
 }
 .notif-pagination.pagination>li:first-child>s pan
 {
   background: #FFFFFF;
   /* Grey / 2 */
   border: 1px solid #DEE5EF;
   border-radius: 4px 0px 0px 4px!important;
 
 }
 .notif-pagination.pagination>li:first-child > a
 {
   background: #FFFFFF;
   /* Grey / 2 */
    border: 1px solid #DEE5EF;
    border-radius: 4px 0px 0px 4px!important;
 }
 
 .notif-pagination.pagination>li:last-child> a
 {
   background: #FFFFFF;
   /* Grey / 2 */
   border: 1px solid #DEE5EF;
    border-radius: 0px 4px 4px 0px!important;
 }
 .notif-pagination.pagination>li:last-child> span{
   background: #FFFFFF;
   /* Grey / 2 */
    border: 1px solid #DEE5EF;
    border-radius: 0px 4px 4px 0px!important;
 }
 
 .notif-read + .tooltip > .tooltip-inner { max-width: 800px;
 text-align: left; }
 
 .notif-unread + .tooltip > .tooltip-inner { max-width: 800px;
 text-align: left; }
 /*End */

 /*Maintenance Page */
 .maintenance-message h1
 {
   font-style: normal;
   font-weight: 600;
   font-size: 80px;
   line-height: 100px;
   /* identical to box height, or 125% */
   color: #00335B;
 }
 .maintenance-message h4
 {
   font-weight: 600;
   font-size: 36px;
   line-height: 56px;
   /* identical to box height, or 156% */
   letter-spacing: -0.1px;
   color: #00335B;
 }
 .maintenance-message h5
 {
 font-style: normal;
 font-weight: 300;
 font-size: 20px;
 line-height: 30px;
 /* or 150% */
 color: #3C434C;
 }
 @media(min-width: 993px) {
 .maintenance-img
 {
   display: block;
   max-width: 120%;
   height: auto;
 }
 }
 
 @media(max-width: 993px) {
 .maintenance-img
 {
   display: block;
   max-width: 100%;
   height: auto;
 }
 }
 

.btn-pagination
{
  background: #FFFFFF !important;
/* Grey / 2 */
  border: 1px solid #E5E7EB !important;
  border-radius: 4px;
  min-width: 144px;
  min-height: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  
    color: #0079C8  !important;

    padding: 0px 8px 0px 12px;
    gap: 8px;
}
.dropdown-toggle-disabled {
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    min-width: 144px;
    min-height: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding: 0px 8px 0px 12px;
}
.dropdown-toggle-disabled:hover {
    color: black;
}
.dropdown-menu-pagination
{
   min-width: 144px!important;
   background: #FFFFFF;
/* Warm Grey/0.5-x (warm) */

    box-shadow: 0px 8px 8px rgba(118, 114, 108, 0.25), 0px 0px 1px rgba(118, 114, 108, 0.6);
    border-radius: 4px;
    
}
.dropdown-pagination
{
      margin: 21px 0px;
}

.dropdown-menu-pagination>li>a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    display: flex;
    align-items: center;

    /* Primary / Bupa Grey */

    color: #333333 !important;
    border-radius: 4px;
    margin: 0px 2px!important;
    border-color: #FFFFFF !important;
}

.dropdown-menu-pagination>.active>a, .dropdown-menu-pagination>.active>a:hover, .dropdown-menu-pagination>.active>a:focus {
   color: #333333 !important;
   background: #F0F9FF !important;
}
.page-range-text
{
    padding: 0px 8px 0px 12px;
    color: #333333;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
.notif-pagination.pagination>.disabled>span
{
  color: #DADBDB!important;
}
.row-no-padding {
 
    padding-left: 0px !important;
    padding-right: 0px !important;
 
}
 /*End */


 /*Landing Page */
.non-authenticated-header h1
{
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: #FFFFFF;
}
.non-authenticated-header h5
{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    /* Alpha / Bupa White 500 50 */
    color: rgba(255, 255, 255, 0.5);
}
.non-authenticated-header p
{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    opacity: 0.8;
}
.non-auth-header-content
{
    float: right;
    max-width: 486px;
    margin: 50px;
}


.bg
{
background: #003C75;
border-bottom: 1px solid #00233F;
height: 768px;
display:-ms-flexbox;
-ms-flex-pack:end;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:end;
-moz-box-align:center;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:end;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:end;
box-align:center;
}

.img-bg {
margin-right: 0px !important;
background:url(/img-landing-semi.png) no-repeat center center;
background-size: cover;
height: 768px;
border-bottom: 1px solid #00233F;
}
.section-app-showcase
{
padding-top: 90px;
}



.authenticated-header-bg
{
background: #0079C8;
}



.center-flex-vertical
{

display:-ms-flexbox;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-align:center;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-align:center;
/* W3C */
display:box;
box-align:center;




}



.auth-header-content
{

height: 321px;
}
.auth-header-content h1
{
font-weight: 600;
font-size: 56px;
line-height: 68px;
letter-spacing: -1.2px;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
word-break: break-word;
}



.authenticated-header-img-bg
{
margin-right: 0px !important;
background:url(/img-banner-city.png) no-repeat center center;
background-size: cover;
height: 321px;
background-color: #0079C8;

}
.auth-landing-img
{
min-height: 321px;
}
.section-app-latest-bills
{
margin-top:50px;
margin-bottom: 50px;
}
.latest-biils-header h2
{
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #00335B;
margin-top:0px;
}



.latest-biils-header h5
{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #757575;



}



.need-help-subsection h4
{
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #00335B;
}
.need-help-subsection h5
{
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
}
.need-help-subsection
{
background: #F2F5F7;
padding: 24px 32px;
gap: 16px;



/* Background / Bupa Cool Grey Background */



background: #F2F5F7;
border-radius: 4px;





}
.btn-bill_and_invoices
{
background: #0079C8;
border-radius: 4px;
/* color: white; */
/* display: flex; */
flex-direction: row;
align-items: center;
padding: 12px 12px 12px 24px;
gap: 8px;
float: right;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px;
color: #FFFFFF !important;
margin-top: 10.5px;
margin-bottom: 10.5px;
}

.btn-bill_and_invoices:hover, .SignInBtn:hover{
  background: #005497;
  color: #FFFFFF !important;
}

.btn-discover-more
{
display: flex;
flex-direction: column;
align-items: center;
padding: 14px 24px;
background-color: #FFFFFF;
border: 1px solid #0079C8;
border-radius: 4px;
float: right;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.25px;
color: #0079C8 !important;
margin-top: 10.5px;
margin-bottom: 10.5px;

}

.btn-discover-more:hover{
  border: 1px solid #005497;
  color:#005497 !important;


}

.SignInBtn
{
flex-direction: row;
align-items: center;
padding: 12px 12px 12px 24px;
gap: 8px;
width: 125px;
height: 48px;
background: #0079C8;
border-radius: 4px;
/* color: #ffffff; */
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px;
color: #FFFFFF!important;
margin-right: 20px;
}



.Contactusbtn
{
flex-direction: row;
align-items: center;
padding: 12px 24px;
gap: 8px;
/* width: 161px; */
height: 48px;
border: 2px solid #FFFFFF;
border-radius: 4px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.25px;
color: #FFFFFF!important;

}

.Contactusbtn:hover{
  /* background: #0079C880 !important; */
  background: #ffffff80 !important;
}

.landing-btn-set
{
margin-top: 48px;
}

/*End */




/*Latest Bills */
table-latest-bills .table-row
{
cursor:pointer;
}

/*
#table-latest-bills > tbody > tr:nth-of-type(odd)
{
background-color: #FDFDFC !important;
}*/
#table-latest-bills tbody>tr>td
{
vertical-align: middle;
padding: 20px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
/* display: flex; */
align-items: center;
color: #24292E;

}
#table-latest-bills thead>tr>th,
#billPeriodTable thead>tr>th
{
box-shadow: inset 0px -1px 0px #dadbdb;
border: 0px !important;
padding: 20px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
align-items: center;
color: #24292E;
}
#table-latest-bills
{

border-bottom: 1px solid #ddd;
margin-bottom: 0px!important;

}
.latest-bills-div
{


margin-bottom: 40px;
margin-top: 40px;
}
#table-latest-bills tr td a
{
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
align-items: center;
color: #0079C8;
}
.no-record-found
{
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
height: 200px;



background: #FCFCFB;


border-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px



}
.no-record-found p
{
margin: 0px!important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
text-align: center;
color: #24292E;
}
/*End Latest Bills*/

/* request */
.ellipsis{
  height: 10px;
  width: 10px;  
  border-radius: 50%;
  display: inline-block;
  margin-left: 3px;
}
/* .pending{
  background-color: #FDD835;
}

.in-progress{
  background-color: #0079C8;
}

.action-required{
  background-color: #F37652;
}

.completed{
  background-color: #007A3D;
}

.declined{
  background-color: #D90014;
}

.cancelled{
  background-color: #607285;
}
.counter{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #000000;
} */

.bupa_status_span{    
    padding: 2px 8px; 
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 73px;
    max-height: 28px;
    border-radius: 4px;    
    font-weight: 600;
    font-size: 12px !important;
}

#requestTable>tbody>tr>td {
    padding-bottom: 20px !important;
     padding-top: 20px !important;   
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #F1EFEB;
}

#requestTable{
  border-bottom: 1px solid #F1EFEB;
}

#requestTable thead tr th a {
     color: #24292E;
 }
 #requestTable>thead>tr>th{
     padding-bottom: 20px;
     padding-top: 20px;
 }

/* end of request */

/* Start of Multiselect and Search Filter */
.multiselect-container .multiselect-option:hover, .multiselect-container .multiselect-group:hover, 
.multiselect-container .multiselect-all:hover, .multiselect-container .multiselect-option:focus, 
.multiselect-container .multiselect-group:focus, .multiselect-container .multiselect-all:focus{
	background-color: #FFFFFF !important;
}
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback) {
	background-color: #E3F1FF !important;
    border-radius: 4px;
}
.multiselect-container .multiselect-option, .multiselect-container .multiselect-group, .multiselect-container .multiselect-all {
    border: none;
    background-color: #FFFFFF !important;
    text-align: left;
    width: 100%;
}
.multiselect-container .multiselect-option .form-check, .multiselect-container .multiselect-group .form-check, .multiselect-container .multiselect-all .form-check {
	display: flex;
	padding-left: 7px !important;
}
.multiselect-container .multiselect-option.active {
    background-color: #FFFFFF !important;
}
.multiselect-container .multiselect-all .form-check-label {
	font-family: 'Montserrat';
    font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 4px;
    padding-left: 2%;
}
.multiselect-container .multiselect-option .form-check-label {
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 4px;
    padding-left: 2%;
    padding-right: 5%;
    overflow-wrap: break-word;
}
.multiselect {
    background-color: white;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    padding: 4px;
    padding-left: 3%;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%;
    height: 35px;
    display: grid; 
    border: 1px solid #E5E7EB;
}
.multiselect-container.dropdown-menu {
    border-radius: 4px;
    margin-top: 2px;
    border: #DDDDDD;
    width: inherit;
}
.multiselect-selected-text {
    font-family: 'Montserrat';
    font-size: 14px;
    max-width: 89%;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    /*color:#999;*/
    white-space: nowrap;
    padding-top: 3px;
}
.multiselect-filter {
    position: relative;
	padding: 8px;
}
.multiselect-filter .input-group {
    width: 100%;
}
.multiselect-filter .input-group-append {
	bottom: 8%; 
	left: 85%;
	position: absolute;
	right: 10%;
	top: 8%;
	z-index:5;
}
.multiselect-filter .input-group-prepend {
    padding-left: 5px;
    padding-top: 5px;
    position: absolute;
    width: 10%;
    z-index: 4;
}
.entitylist-filter-option-group .multiselect-clear-filter {
    background: none;
    border: none;
    padding: 2px 4px 2px 4px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: #0079C8;
}
.multiselect-filter .multiselect-clear-search {
    background: #FFFFFF;
    border: none;
}
button.dropdown-item.multiselect-all:hover {
    background: #E3F1FF !important;
	border-radius: 4px;
}
button.multiselect-option.dropdown-item:hover {
    background: #E3F1FF !important;
	border-radius: 4px;
}
input.multiselect-search {
    padding-left: 30px !important;
}
#expandMore {
    font-size: 20px;
    float: right;
    margin-left: 5px;
    text-align: right;
}
#multiselectSearch {
    font-size: 21px;
    padding: 1px 0px 0px 0px;
}
#multiselectSearchClose {
	color: #757575;
	font-size: 20px;
    padding: 4px 0px 0px 0px;
}
/* End of Multiselect and Search Filter */

/* T&C button style */
#submit-agreement{
    border-radius:4px !important;
}
/* end T&C button style*/

div.product-selection-panel ul.product-list, 
div.product-selection-panel div.product-filter ul.filter-list {
    list-style:none;
    display:block;
}
div.product-selection-panel div.product-filter ul.filter-list {
    width: 100%;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);    
}

div.product-selection-panel ul.product-list li {
    padding:0;
    display: inline-block;
    width: 25em;
    max-width: 25em;
    margin: 0 1em 1em 0;
    height: 7em;
    border: 1px solid #efefef;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    border-radius: 4px;
}

div.product-selection-panel ul li label {
    padding: 1em;
    width: 100%;
    height: 100%;
    margin:0;    
    font-weight:normal;
}
div.product-selection-panel ul.product-list li label {
    display: block;    
}
/*
div.product-selection-panel ul li label:hover,
div.product-selection-panel ul li span :hover{
    cursor:pointer;
}

*/

div.product-selection-panel div.product-filter ul.filter-list li input,
div.product-selection-panel ul.product-list li input {
   display:none;
}
div.product-selection-panel div.product-filter ul.filter-list li {
    display:inline-block;
   /* min-width: 7em;*/
    text-align: center;
}

div.product-selection-panel ul.product-list li label:hover {
  /*box-shadow: 0 0 11px rgb(0 0 0 / 10%); */
}

div.product-selection-panel div.product-filter ul.filter-list li input:checked ~ label {
    color: #fff;
    background-color: #0079c8;
  }
  div.product-selection-panel ul.product-list li input:checked ~ label {
    color: #fff;
    background-color: #0079c8;
  }
  div.product-selection-panel ul.product-list li label span {
    display:none;
  }

/*
  div.product-selection-panel ul.product-list li input:checked ~ label span {
    float:right;
    display:inline;
    font-size: 2.5em;
  }

*/
  div.product-selection-panel {
    width: 74%;
  }
  /*div.selected-product {
   /* width: 26%;
    flex: 1;
    padding: 1em;
    border-left: 1px solid #efefef;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  */
  div.product-selector {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
/*
  .glyphicon.glyphicon-ok::before {
    display:none;
}
*/
.entity-form .crmEntityFormView .tab-title {
  border: none;
}

#mainContent .crmEntityFormView, 
#mainContent .entitylist {
  border:none;
}


/**GENERAL CSS**/
.no-border {
    border: none !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, li.disabled {
    opacity: .4;
}
select {
    color: #333333;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #BFCCD6;
    border-radius: 4px;
    padding: 12px 16px 12px 16px;
}
select:invalid {
    color: #AAACAD;
}
select > optgroup {
    color: #607285;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
select > option, optgroup > option {
    color: #333333;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
input[type="text"]::placeholder {
    color:#AAACAD !important;
}
input[type='checkbox'] {
    accent-color:#0079C8 !important;
}
div.create-section {
    margin-top: 25px;
}
.alert-msg-section {
	background: #FFFFE2;
    border: 1px solid #B3910E;
    border-radius: 4px;
    padding: 16px 24px;
    margin-top: 40px;
    margin-bottom: 20px;
    display: flex;
}
.alert-msg-info {
    color: #24292E;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
	line-height: 24px;
    vertical-align: super;
    padding-left: 10px;
}
span.material-icons.warning {
    color: #B3910E;
}
span.material-icons.info {
    color: #3552B5;
}
span.material-icons.error {
    color: #D90014;
}
span.material-icons.calendar {
    color: #0079C8;
    margin-left: -32px;
    margin-top: 12px;
}
span.material-icons.check {
    color: #008A00;
    margin-left: 20px;
}
span.fa.fa-chevron-left::before{
    font-size: 13px;
    padding-right: 8px;
}
span.fa.fa-chevron-right::before{
    font-size: 13px;
    padding-left: 8px;
}
/**End GENERAL CSS**/

/** bupa loading loader **/
.bupa_loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  opacity: 0.8;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  top: 30%;
  left: 48%;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/** end of bupa loader **/

/** filter **/
#filter-section {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;    
    max-height: 0;
    padding: 0px 20px !important;
    /*overflow: hidden;*/
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
    border-top: 1px solid #E5E7EB;
}
#filter-toggleUpDown {
    float: right;
    margin-left: 5px; 
    text-align: right;
}
#filterItems .entitylist-filter-option-text {
	min-width: 254px !important;
	display: flex;
	flex-direction: row;
	height: 40px;
    padding-top: 6px;
}
.entitylist-filter-option-group-label {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #24292E !important;
}
.collapsible-filter {
    background-color: #F2F5F7;
    color: #000;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.collapsible-filter .active:after {
  content:"\e113";
}
.btn-entitylist-filter-submit {
	background-color: #0079C8 !important; 
    opacity: 0.4 !important;  
    color: #FFFFFF !important;
}
.btn-entitylist-filter-submit:hover {
    background-color: #005497 !important;
    color:#FFFFFF !important;
}
/** end filter **/
/** Bupa Standard List **/
.fas {
    position: relative;
    top: 1px;
    display: inline;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#bupa_standardlist .entitylist-filter .entitylist-filter-date span.input-group-addon{
  display:table-cell;
}
#bupa_standardlist .entitylist-filter .entitylist-filter-option-group {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}
#bupa_standardlist .entitylist-filter .entitylist-filter-option-group .entitylist-filter-option-text,
#bupa_standardlist .entitylist-filter .entitylist-filter-option-group .entitylist-filter-text {
    width: 100%;
    min-width: 254px;
    max-width: 254px;
    height: 40px;
    padding-top: 6px;
}
#bupa_standardlist .entitylist-filter .entitylist-filter-option-group .multiselect-native-select {
    width: 100%;
}
#bupa_standardlist .entitylist-filter .entitylist-filter-option-group .multiselect-native-select button.multiselect span.material-icons {
    text-align: right;
}

#bupa_standardlist .entitylist-filter .entitylist-filter-option-group-box-overflow {
    overflow-y: visible;
}
#bupa_standardlist .entitylist-filter .panel-body, .panel-body {
    flex-wrap: wrap;
    flex-direction: column;
}
#bupa_standardlist .entitylist-filter-option-group .multiselect-clear-filter.btn-reset-selection {
    display:none;
    float: right;
    margin-top: -2.1em;
}
#bupa_standardlist .entitylist-filter .pull-right {
    display:block;
    justify-content:flex-end;
    margin-bottom: 20px;
}
#bupa_standardlist #filterBtn button.btn-primary {
    border: 2px solid #0079C8;
    box-sizing: border-box;
    border-radius: 2px;
    align-items: center;
    padding: 0px 7px;
    height: 35px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;    
    width: 122px;
}
#bupa_standardlist .entitylist-filter-option .input-group-addon {
    border-top: 1px solid #E5E7EB !important;
    border-bottom: 1px solid #E5E7EB !important;
    border-right: 1px solid #E5E7EB !important;
    border-radius: 4px !important;
    background: #FFFFFF!important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
#bupa_standardlist table#list-mainTable {
    border-bottom: 1px solid #F1EFEB;
    font-size: 16px;
    line-height: 20px;
}
#bupa_standardlist table#list-mainTable tr th {
    padding-bottom: 20px;
    padding-top: 20px;
}
#bupa_standardlist table#list-mainTable thead tr th a,
#bupa_standardlist table#list-mainTable thead tr th i {
    color: #24292E !important;
}
#bupa_standardlist table#list-mainTable tbody tr td {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    line-height: 1.42857;
    vertical-align: middle;
    border-top: 1px solid #F1EFEB;
}
#bupa_standardlist table#list-mainTable tbody tr td a {
    font-weight: 600;
    color: #0079C8;
}
.bupa_status_pill{
    text-decoration: none !important;
}
.bupa_status_span{    
    padding: 2px 8px; 
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 73px;
    max-height: 28px;
    border-radius: 4px;    
    font-weight: 600;
    font-size: 12px !important;
}
.bupa_status_span.active,
.bupa_status_span.completed {
	background-color: #D8FBE2; 
	color: #18542C;
}
.bupa_status_span.deactivated {
	background-color: #F1EFEB; 
    color: #24292E;
}
.bupa_status_span.invitationsent {
	background-color: #EEE3F7; 
    color: #6A2CA1;
}
.bupa_status_span.inprogress {
	background-color: #E3F1FF; 
    color: #005497;
}
.bupa_status_span.quote {
	background-color: #FFFFC7; 
    color: #846609;
}
.bupa_status_span.enrolment {
	background-color: #E8E6FF; 
    color: #212D89;
}
/** end of Bupa Standard List **/

/** start modal **/
.btn-modal-close {
    font-weight:500;
    font-size:16px;
    line-height: 20px;
    border-radius: 2px;
    padding:4px 12px;
    width:130px;
    height:40px;
    border: 2px solid #0079c8;
}
.btn-modal-leave {
    font-weight:500;
    font-size:16px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    border-radius: 2px;
    padding:4px 12px;
    min-width:130px;
    height:40px;
    background: #0079C8;
    border: 2px solid #0079C8;
}
.modal-footer button {
    font-size: 16px;
    font-weight: 500;
    border-width: 2px;
    border-radius: 4px;
}
.modal-dialog.payment {
    width: 485px;
}
.modal-dialog.payment span.material-icons.error {
    padding-bottom: 100px;
    float:left;
    margin-right: 10px;
    margin-top: 4px;
    width: 32px;
    height: 32px;
}
/** end modal **/

/*temp for navbar in apollo dev*/
.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #0079c8 !important;
}
.navbar {
    min-height: 50px;
    margin-top: -10px;
}
footer .footer-top, footer .footer-bottom{
    background-color: #002C4E !important;
}
#navbarright  {
    padding-top:0;
}
/*end temp for navbar in apollo dev*/
/*******************/
/***Form style for apollo***/
/*******************/
#EntityFormPanel .rowspacing{
    margin-top: 20px;
}
#EntityFormControl_63ef3ff34e1cee118f6d00224897c3d9 .error-display{
    position: absolute;
    color:red;
}
#EntityFormControl_63ef3ff34e1cee118f6d00224897c3d9 .validated-display{
    position: absolute;
    color:#008A00;
}
#EntityFormControl_63ef3ff34e1cee118f6d00224897c3d9 .rowspacing{
    margin-top: 20px;
}

#EntityFormPanel .radioBtn {
    margin-right: 10px;
}
select#bupa_idd {
    width: 110px;
}
#bupa_idd{
    margin-right: 6px;
}
#ausmobile2{
    margin-left: 0px;
}
#bupa_internationalmobile{
    width: 238px;
}
#bupa_australianmobilenumber{
    width: 375px;
}
div.subHeadstyle{
    color:#333333;
    font-size:16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom:30px;
}

.mainSubHeadstylequote{
    color: #0079C8;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    padding-bottom: 8px;
    margin-top: 32px;
}
div#compliance {
    color:#24292E;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 24px;
}
div#compliance a {
    text-decoration: underline;
}
p#SubHeadstylenrollment{
    color:#0079C8;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}
label.field-label{
    color: #00335B;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
span.required{
    color:#D90014;
    font-weight: 500;
}
input[type="text"] {
    width:360px;/*375*/
}
p.membercardpreferencedesc{
    color:#607285;
    font-size: 12px;
    font-weight:400;
    line-height: 20px;
    margin-left: 23px;
}
p.contactdetailsdesc{
    color:#757575;
    font-size: 14px;
    font-weight:400;
    line-height: 20px;
    margin-top:8px;
}
p.residentialaddlbl{
    color:#0079C8;
    font-size: 16px;
    font-weight:500;
    line-height: 24px;
}

#BupaFormStepsPrevious {
    /*width: 138px; */
    min-width:107px;
    text-align  : center;
    color: #0079C8;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #BFCCD6 !important;
    border-radius: 4px;
    line-height: 20px;
    /*padding: 12px 24px 12px 12px;*/
    height: 48px;
    margin-left:12px;
    margin-right:8px;
}
#BupaFormStepsNext {
    height: 48px;
    text-align  : center;
    min-width:107px;
    color: #FFFFFF;
    /*padding: 14px 12px 14px 24px;*/
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    background-color:#0079C8;
}
p.prodhospexcess{
    font-size:14px;
    line-height:22px;
    font-weight: 500;
    /*color: #FFFFFF;*/
    margin-top:-1px;
}
span#qexcess{
    font-weight:600;
}
span.qdesc{
    font-size: 16px;
    font-weight: 600;
    line-height:24px;
}
/*end temp for form style in apollo dev*/


/*******************/
/***Start Spinner***/
/*******************/
.spinner-modal-container {
	max-height:100%;
	height: auto;
	width: auto;
}

.spinner-modal-50 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  border: 4px solid #0079C8;
  border-radius: 50%;
  border-top: 4px solid #BFCCD6;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.spinner-modal-30 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border: 4px solid #0079C8;
  border-radius: 50%;
  border-top: 4px solid #BFCCD6;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/***End Spinner***/

/************************/
/***Start Progress Bar***/
/************************/
.progressbar-modal-container {
	max-height:100%;
	height: auto;
	width: auto;
}

.progressbar-modal-50 {
    position: absolute;
    left: 35%;
    top: 20%;
    z-index: 1;
    width: 30%;
    margin: -25px 0 0 -25px;
    padding: 20px
}

/*.step-item {
    margin-bottom: 10px;
}

.step-item .step-icon {
    font-size: 15px;
    margin-right: 10px;
}

.step-item.completed .step-icon {
    color: green !important;
}

.step-item.in-progress .step-icon {
    color: orange !important;
}

.step-item.not-started .step-icon {
    color: gray !important;
}
*/
/***End Progress Bar***/


/** Typeahead **/
.tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 0;
    outline: none;
}

.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 16px;
}

.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}
/** end of typeahead **/

/** Launch referral **/ 
#unauthenticated-page {
  background-color: #E5E5E5;
}

#unauthenticated-page #referralDetailsForm,
#unauthenticated-page #linkExpired,
#unauthenticated-page #payment-confirmation {
  border-radius: 8px;
  background: var(--Primary-Bupa-White, #FFF);
  
  /* Cool Grey/0.5-x (cool) */
  box-shadow: 0px 0px 1px 0px #BFCCD6, 0px 8px 8px 0px rgba(191, 204, 214, 0.50);
  
  padding: 0.5em 1.5em 3em 2.5em;
  max-width: 900px;
  margin: auto;
  margin-bottom: 4em;
}

#unauthenticated-page #linkExpired,
#unauthenticated-page #payment-confirmation {
  display:none;
}

#unauthenticated-page #referralDetailsForm h2
{
  color: var(--Primary-Bupa-Navy, #00335B);
  font-feature-settings: 'clig' off, 'liga' off;

  /* Heading/SemiBold/1.5-x */
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  line-height: 32px; /* 133.333% */
  margin-bottom: 1.5em;
}
#unauthenticated-page #linkExpired h2, 
#unauthenticated-page #payment-confirmation h2 {
   color: var(--Primary-Bupa-Navy, #00335B);
  font-feature-settings: 'clig' off, 'liga' off;

  /* Heading/SemiBold/1.5-x */
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  line-height: 32px; /* 133.333% */
 
}
#unauthenticated-page #linkExpired .icon, 
#unauthenticated-page #payment-confirmation .icon {
 float:left;
 margin-top: 1em;
 margin-right: 2em; 
}

#unauthenticated-page #referralDetailsForm label {
  color: var(--Primary-Bupa-Navy, #00335B);
}
#unauthenticated-page #referralDetailsForm input[type=text].error,
#unauthenticated-page #referralDetailsForm input[type=date].error {
 border-color: #ff0000;
}

#unauthenticated-page #referralDetailsForm input#payer-referral-singlename,
#unauthenticated-page #referralDetailsForm span#payer-referral-singlename-text {
 vertical-align: middle;
 margin: 0 5px 0 0;
 width: 15px;
 height: 15px;
}

#unauthenticated-page #referralDetailsForm div#payer-referral-dob-control {
 display: flex;
}

#unauthenticated-page #referralDetailsForm .errorMessage {
 color: #ff0000;
}
#unauthenticated-page #referralDetailsForm label.mandatory span {
  color: #ff0000;
}

#unauthenticated-page .alert {
  border-radius: 4px;  
  max-width: 900px;
  margin: auto;
  margin-bottom: 2em;
}

#unauthenticated-page .alert-danger {  
  border: 1px solid var(--Bupa-Error-Red-500, #D90014);
  background: var(--Bupa-Error-Red-050, #FEDEE2);  
}

#unauthenticated-page #referralDetailsForm input[type=text] {
  border-radius: 4px;
  border: 1px solid var(--Background-Bupa-Cool-Grey-Border, #BFCCD6);
  background: var(--Primary-Bupa-White, #FFF);
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 13px;
  align-self: stretch;
}
#unauthenticated-page #referralDetailsForm input[type=text]:disabled 
{
  background: #F2F5F7;
}
#referralDetailIncorrect .icon {
 color: #D90014;
 float:left;
 margin: 1em;
}
#referralDetailIncorrect .body {
  margin-left: 3em;
}

#unauthenticated-page #referralDetailsForm input[type=date] {
  border-radius: 4px;
  border: 1px solid var(--Background-Bupa-Cool-Grey-Border, #BFCCD6);
  background: var(--Primary-Bupa-White, #FFF);
  display: flex;
  padding: 12px 16px;
  align-items: center;
  min-width: 360px;
  align-self: stretch;
}

#unauthenticated-page #referralDetailsForm .form-action {
  margin-top: 3em;
}

#unauthenticated-page #referralDetailsForm .form-action button.btn-primary {
  border-radius: 4px;  
  background: var(--Primary-Bupa-Digital-Cyan, #0079C8);
  display: flex;
  width: 150px;
  height: 48px;
  padding: 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/** end of launch referral **/

/** unauthenticated payment page **/
#unauthenticated-page.payment {
  background-color: #FFFFFF;
}
#unauthenticated-page.payment h1,
#unauthenticated-page.payment h2,
#unauthenticated-page.payment h3 {
  color: var(--Primary-Bupa-Navy, #00335B);
}
#unauthenticated-page.payment label {
    font-size: 16px;
    font-weight: 500; 
    color: #00335B;
    line-height: 24px;
}
#unauthenticated-page.payment .separator {
    border-bottom: 1px solid #CCD6DE;
}
#unauthenticated-page.payment .payment-details {
    display: flex;
}
#unauthenticated-page.payment .payment-details h3 {
    margin-top: 0;
}
#unauthenticated-page.payment .payment-details-left {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
#unauthenticated-page.payment .payment-details-left #coverstartdate,
#unauthenticated-page.payment .payment-details-left #paymentFreq {
    font-weight: 600;
}
#unauthenticated-page.payment .audNote {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
#unauthenticated-page.payment .acknowledgement h4 {
    color: #00335B;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
#unauthenticated-page.payment .acknowledgement a {
    text-decoration: underline;
}
#unauthenticated-page.payment .acknowledgement input#ack {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
}
#unauthenticated-page.payment .actions {
    float: right;
    padding: 20px 0px 20px 0px;
    display: flex;
}
#unauthenticated-page.payment button#btnClosePayment {
    border-radius: 4px;
    border: 1px solid var(--Background-Bupa-Cool-Grey-Border, #BFCCD6);
    background: var(--Primary-Bupa-White, #FFF);
    display: flex;
    padding: 14px 24px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.25px;
    height: 48px;
    margin-right: 10px;
}
#unauthenticated-page.payment .acknowledgement-section {
    display: flex;
    border-radius: 4px;
    background: var(--Background-Bupa-Cool-Grey-Background, #F2F5F7);
    padding: var(--24px, 24px);
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}
#unauthenticated-page.payment .acknowledgement-section label {
    color: var(--Primary-Bupa-Grey, #333);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
#unauthenticated-page.payment #DocumentDownloads li {
    list-style-type: none;
}
#unauthenticated-page.payment #DocumentDownloads li a {
    font-weight: 600;
}
#unauthenticated-page.payment input#SubmitPayment {
    display: flex;
    height: 48px;
    padding: 16px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 2px solid var(--Primary-Bupa-Digital-Cyan, #0079C8);
    background: var(--Primary-Bupa-Digital-Cyan, #0079C8);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.25px;
}

#unauthenticated-page.payment p.prodTitle {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
}
#unauthenticated-page.payment span#checkHosp {
    background-color: #008A00;
    border-radius: 50px;
    font-size: 14px;
    margin-right: 6px;
    padding: 3px;
}
#unauthenticated-page.payment input#hospital_excesss {
    border: none !important;
    padding: 0px;
    background: none;
}

#unauthenticated-page.payment div.payer-selection ul,
#unauthenticated-page.payment div.payment-method-selection ul  {
  list-style-type: none;
  padding-left:0;
}

#unauthenticated-page.payment div.payer-selection ul li,
#unauthenticated-page.payment div.payment-method-selection ul li {
  display:inline;
  width: 15em;
  margin-right: 1em;    
}
#unauthenticated-page.payment div.payer-selection ul li label:hover,
#unauthenticated-page.payment div.payment-method-selection ul li label:hover {
  cursor: pointer;
}

#unauthenticated-page.payment div.payer-selection li label,
#unauthenticated-page.payment div.payment-method-selection li label {
  padding: 1em;
  border-radius: 4px;
  border: 2px solid #E6EBEF;
  color: var(--Primary-Bupa-Digital-Cyan, #0079C8);
}

#unauthenticated-page.payment div.payer-selection li input:checked + label,
#unauthenticated-page.payment div.payment-method-selection li input:checked + label {
  background: var(--Primary-Bupa-Digital-Cyan, #0079C8);
  color: #fff;
}

#unauthenticated-page.payment div.payer-selection li input,
#unauthenticated-page.payment div.payment-method-selection li input {
  display:none;
}



#unauthenticated-page.payment .bupaPaymentForm div.form-header {
 width: 100%;  
 margin-bottom: 2em;
}

#unauthenticated-page.payment .bupaPaymentForm div.form-header h1 {
  display: inline; 
  font-size: 36px;
}

#unauthenticated-page.payment .bupaPaymentForm div.row {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

#unauthenticated-page .bupaPaymentForm label.mandatory span {
  color: #ff0000;
}

#unauthenticated-page.payment .bupaPaymentForm div.form-header div.receipt-number {
    float: right;
    display: inline;
    padding-top: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
    color: #24292E;
}

#unauthenticated-page.payment .bupaPaymentForm div.secondary-form {
  border-radius: 4px;
  background: var(--Background-Bupa-Cool-Grey-Background, #F2F5F7);
  padding: 1.5em;
  color: var(--Primary-Bupa-Navy, #00335B);
  margin-bottom: 1em;
}

#unauthenticated-page.payment .bupaPaymentForm div.secondary-form input.error {
    border: 1px solid #ff0000;
}

#unauthenticated-page.payment .bupaPaymentForm div.secondary-form input,
#unauthenticated-page.payment .bupaPaymentForm div.secondary-form select {
  width: 100%;
  font-size: 16px;
}

#unauthenticated-page.payment .bupaPaymentForm #card-number {
  background-repeat: no-repeat;
  background-position: right top;
}

#unauthenticated-page.payment .bupaPaymentForm input#card-name::placeholder {
    color: rgb(30, 30, 30) !important;
    opacity: 0.6 !important;
    font-weight: 600;
}

#unauthenticated-page .bupaPaymentForm .errorMessage {
  color: #ff0000;
  font-weight: 500;
  font-size: 16px;
}

#creditcardform
{
  height: 100%;
}
#cardholderName
{
height: 100% !important;
}

#cardholderName:focus {
    outline: none;
    border: 1px !important; 
    box-shadow: none !important;
}


p#payer-error {}

#unauthenticated-page .bupaPaymentForm #creditcardform #card-number-error,
#unauthenticated-page .bupaPaymentForm #creditcardform #card-expiry-error,
#unauthenticated-page .bupaPaymentForm #creditcardform #card-cvv-error {
  color: #ff0000;
}

#unauthenticated-page.payment .bupaPaymentForm div.bambora-checkoutfield.bambora-checkoutfield-error {
  border: 1px solid #ff0000;
}

#unauthenticated-page.payment .bupaPaymentForm div.bambora-checkoutfield,
#unauthenticated-page.payment .bupaPaymentForm div.secondary-form input {
  border-radius: 4px;
  border: 1px solid var(--Background-Bupa-Cool-Grey-Border, #BFCCD6);
  background: var(--Primary-Bupa-White, #FFF);
  height: 48px;  
  padding: 1em;
}

#unauthenticated-page.payment #EnrollmentProductSummary {
 clear:both;
 margin-top: 1em;
 border-radius: 5px;
 background: var(--Primary-Bupa-Digital-Cyan, #0079C8);
 padding: 2em;
 color: #fff;
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-between;
 margin-bottom: 2em;
}

#unauthenticated-page.payment #EnrollmentProductSummary .product-summary {
  width: 80%;
}

#unauthenticated-page.payment #EnrollmentProductSummary .prodEnrolmentPayFreq {
    margin-bottom:0;
    line-height: 48px;
    font-weight: 600;
    display: flex;
    justify-content: right;
}
#unauthenticated-page.payment #EnrollmentProductSummary .product-price {
    float: right;
    text-align: right;
}
 
#unauthenticated-page.payment #EnrollmentProductSummary .product-price #dollarprice {
  font-weight: bold;
  font-size: 2.3em;
  vertical-align: top;
}

#unauthenticated-page.payment #EnrollmentProductSummary .product-price #centsprice {
    font-size: 18px;
    line-height: 24px;
    margin-top: 6px;
}

#unauthenticated-page.payment div.paymenttile {
  border-radius: 4px;
  background: var(--Bupa-Navy-050, #E3F1FF);
  padding: 1.5em;
  margin-bottom: 1em;
  display: block;
}

#unauthenticated-page.payment div.paymenttile .leftComponent {
    margin-right: 1em; 
    width: 16em;
    display:inline-block;
    vertical-align: top;
}
#unauthenticated-page.payment div.paymenttile .leftComponent span,
#unauthenticated-page.payment div.paymenttile .rightComponent span {
  display:block;
}
#unauthenticated-page.payment div.paymenttile .leftComponent span.title {
  font-weight:bold;
  text-decoration-line: underline;
  
}
#unauthenticated-page.payment div.paymenttile .rightComponent {
    display:inline-block;
    width: 10em;
    vertical-align: top;
}
#unauthenticated-page.payment div.paymenttile .leftComponent .desc,
#unauthenticated-page.payment div.paymenttile .rightComponent .desc {
    font-size: 0.9em;
    word-break: break-word;
    width: 13em;
}
#unauthenticated-page.payment div.paymenttile .rightComponent .amount {
  font-weight:bold;
  font-size: 1.7em;
}
/** end of unauthenticated payment page **/

/** authenticated payment page **/
#authenticated-page.payment {
  background-color: #FFFFFF;
}
#authenticated-page.payment h1,
#authenticated-page.payment h2,
#authenticated-page.payment h3 {
  color: var(--Primary-Bupa-Navy, #00335B);
}
#authenticated-page.payment label {
    font-size: 16px;
    font-weight: 500; 
    color: #00335B;
    line-height: 24px;
}
#authenticated-page.payment .separator {
    border-bottom: 1px solid #CCD6DE;
}
#authenticated-page.payment .payment-details {
    display: flex;
}
#authenticated-page.payment .payment-details h3 {
    margin-top: 0;
}
#authenticated-page.payment .payment-details-right {
    display: grid;
}
#authenticated-page.payment .payment-details-left {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
#authenticated-page.payment .payment-details-left #coverstartdate,
#authenticated-page.payment .payment-details-left #paymentFreq {
    font-weight: 600;   
}
#authenticated-page.payment button#btnSendLaunchReferral {
    width: fit-content;
    justify-self: end;
    display: flex;
    padding: 12px 24px 12px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    background: var(--Secondary-Bupa-Violet, #A4219B);
    border-color: var(--Secondary-Bupa-Violet, #A4219B);
    margin-bottom: 5px;
}
#authenticated-page.payment #btnSendLaunchReferral svg {
    vertical-align: middle;
}
#authenticated-page.payment .launch-referral-text {
    color: var(--BDS-Bupa-Silver, #607285);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right;
}
#authenticated-page.payment .audNote {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
#authenticated-page.payment .acknowledgement h4 {
    color: #00335B;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
#authenticated-page.payment .acknowledgement a {
    text-decoration: underline;
}
#authenticated-page.payment .acknowledgement input#ack1,
#authenticated-page.payment .acknowledgement input#ack2 {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
}
#authenticated-page.payment .actions {
    float: right;
    padding: 20px 0px 20px 0px;
    display: flex;
}
#authenticated-page.payment button#btnClosePayment {
    border-radius: 4px;
    border: 1px solid var(--Background-Bupa-Cool-Grey-Border, #BFCCD6);
    background: var(--Primary-Bupa-White, #FFF);
    display: flex;
    padding: 14px 24px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.25px;
    height: 48px;
}
#authenticated-page.payment .acknowledgement-section {
    display: flex;
    border-radius: 4px;
    background: var(--Background-Bupa-Cool-Grey-Background, #F2F5F7);
    padding: var(--24px, 24px);
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}
#authenticated-page.payment .acknowledgement-section label {
    color: var(--Primary-Bupa-Grey, #333);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
#authenticated-page.payment #DocumentDownloads li {
    list-style-type: none;
}
#authenticated-page.payment #DocumentDownloads li a {
    font-weight: 600;
}
#authenticated-page.payment input#SubmitPayment {
    display: flex;
    height: 48px;
    padding: 16px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 2px solid var(--Primary-Bupa-Digital-Cyan, #0079C8);
    background: var(--Primary-Bupa-Digital-Cyan, #0079C8);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.25px;
}

#authenticated-page.payment p.prodTitle {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
}
#authenticated-page.payment span#checkHosp {
    background-color: #008A00;
    border-radius: 50px;
    font-size: 14px;
    margin-right: 6px;
    padding: 3px;
}
#authenticated-page.payment input#hospital_excesss {
    border: none !important;
    padding: 0px;
    background: none;
}

#authenticated-page.payment div.payer-selection ul,
#authenticated-page.payment div.payment-method-selection ul  {
  list-style-type: none;
  padding-left:0;
}

#authenticated-page.payment div.payer-selection ul li,
#authenticated-page.payment div.payment-method-selection ul li {
  display:inline;
  width: 15em;
  margin-right: 1em;    
}
#authenticated-page.payment div.payer-selection ul li label:hover,
#authenticated-page.payment div.payment-method-selection ul li label:hover {
  cursor: pointer;
}
#authenticated-page.payment div.payer-selection ul li label:hover.disabled,
#authenticated-page.payment div.payment-method-selection ul li label:hover.disabled {
  cursor: not-allowed;
}

#authenticated-page.payment div.payer-selection li label,
#authenticated-page.payment div.payment-method-selection li label {
  padding: 1em;
  border-radius: 4px;
  border: 2px solid #E6EBEF;
  color: var(--Primary-Bupa-Digital-Cyan, #0079C8);
}

#authenticated-page.payment div.payer-selection li input:checked + label,
#authenticated-page.payment div.payment-method-selection li input:checked + label {
  background: var(--Primary-Bupa-Digital-Cyan, #0079C8);
  color: #fff;
}

#authenticated-page.payment div.payer-selection li input,
#authenticated-page.payment div.payment-method-selection li input {
  display:none;
}


#authenticated-page.payment .bupaPaymentForm div.form-header {
 width: 100%;  
 margin-bottom: 2em;
}

#authenticated-page.payment .bupaPaymentForm div.form-header h1 {
  display: inline; 
  font-size: 36px;
}

#authenticated-page.payment .bupaPaymentForm div.row {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

#authenticated-page .bupaPaymentForm label.mandatory span {
  color: #ff0000;
}

#authenticated-page.payment .bupaPaymentForm div.form-header div.receipt-number {
    float: right;
    display: inline;
    padding-top: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
    color: #24292E;
}

#authenticated-page.payment .bupaPaymentForm div.secondary-form {
  border-radius: 4px;
  background: var(--Background-Bupa-Cool-Grey-Background, #F2F5F7);
  padding: 1.5em;
  color: var(--Primary-Bupa-Navy, #00335B);
  margin-bottom: 1em;
}

#authenticated-page.payment .bupaPaymentForm div.secondary-form input.error {
    border: 1px solid #ff0000;
}

#authenticated-page.payment .bupaPaymentForm div.secondary-form input,
#authenticated-page.payment .bupaPaymentForm div.secondary-form select {
  width: 100%;
  font-size: 16px;
}

#authenticated-page.payment .bupaPaymentForm #card-number {
  background-repeat: no-repeat;
  background-position: right top;
}

#authenticated-page.payment .bupaPaymentForm input#card-name::placeholder {
    color: rgb(30, 30, 30) !important;
    opacity: 0.6 !important;
    font-weight: 700;
}

#authenticated-page .bupaPaymentForm .errorMessage {
  color: #ff0000;
  font-weight: 500;
  font-size: 16px;
}

p#payer-error {}

#authenticated-page .bupaPaymentForm #creditcardform #card-number-error,
#authenticated-page .bupaPaymentForm #creditcardform #card-expiry-error,
#authenticated-page .bupaPaymentForm #creditcardform #card-cvv-error {
  color: #ff0000;
}

#authenticated-page.payment .bupaPaymentForm div.bambora-checkoutfield.bambora-checkoutfield-error {
  border: 1px solid #ff0000;
}

#authenticated-page.payment .bupaPaymentForm div.bambora-checkoutfield,
#authenticated-page.payment .bupaPaymentForm div.secondary-form input {
  border-radius: 4px;
  border: 1px solid var(--Background-Bupa-Cool-Grey-Border, #BFCCD6);
  background: var(--Primary-Bupa-White, #FFF);
  height: 48px;  
  padding: 1em;
}

#authenticated-page.payment #EnrollmentProductSummary {
 clear:both;
 margin-top: 1em;
 border-radius: 5px;
 background: var(--Primary-Bupa-Digital-Cyan, #0079C8);
 padding: 2em;
 color: #fff;
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-between;
 margin-bottom: 2em;
}

#authenticated-page.payment #EnrollmentProductSummary .product-summary {
  width: 80%;
}

#authenticated-page.payment #EnrollmentProductSummary .prodEnrolmentPayFreq {
    margin-bottom:0;
    line-height: 48px;
    font-weight: 600;
    display: flex;
    justify-content: right;
}
#authenticated-page.payment #EnrollmentProductSummary .product-price {
    float: right;
    text-align: right;
}
 
#authenticated-page.payment #EnrollmentProductSummary .product-price #dollarprice {
  font-weight: bold;
  font-size: 2.3em;
  vertical-align: top;
}

#authenticated-page.payment #EnrollmentProductSummary .product-price #centsprice {
    font-size: 18px;
    line-height: 24px;
    margin-top: 6px;
}

#authenticated-page.payment div.paymenttile {
  border-radius: 4px;
  background: var(--Bupa-Navy-050, #E3F1FF);
  padding: 1.5em;
  margin-bottom: 1em;
  display: flex; 
}

#authenticated-page.payment div.paymenttile .leftComponent {
    margin-right: 1em; 
    width: 16em;
    display:inline-block;
    vertical-align: top;
}
#authenticated-page.payment div.paymenttile .leftComponent span,
#authenticated-page.payment div.paymenttile .rightComponent span {
  display:block;
}
#authenticated-page.payment div.paymenttile .leftComponent span.title {
  font-weight:bold;
  text-decoration-line: underline;
  
}
#authenticated-page.payment div.paymenttile .rightComponent {
    display:inline-block;
    width: 10em;
    vertical-align: top;
}
#authenticated-page.payment div.paymenttile .leftComponent .desc,
#authenticated-page.payment div.paymenttile .rightComponent .desc {
    font-size: 0.9em;
    word-break: break-word;
    width: 13em;
}
#authenticated-page.payment div.paymenttile .rightComponent .amount {
  font-weight:bold;
  font-size: 1.7em;
} 

.StripePayment {
  background-color: #F2F5F7 !important;
}
#add-card {
  display: none !important;
}
/** end of authenticated payment page **/