/**
 * 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;
}

u {
  text-decoration-color: #0079C8;
}

/* 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;
}

.navbar > .container {
    width: auto;
}

#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, #search_control::placeholder {
    color: #757575 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

MessagePanel
#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 {
  max-width: 800px;
  padding-right: 30px;
  border-radius: 4px !important;
  height: 32px !important;
  position: static;
  border: 1px solid #E5E7EB;
}

#qsubmit, #search_controlsubmit {
    color: #292E39;
    border: none;
    border-radius: 5px;
    height: 32px !important;
    background: transparent;
    padding: 4px 2px !important;
}

#qsubmit, #search_controlsubmit {
    width: 24px;
    /* height: 24px; */
    padding: 4px 2px !important;
}


.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;
}

.confirmation-modal-close-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #0079C8;
  padding: 4px 12px;
  width: 130px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 2px;
}

.msos-glyph {
  padding-top: 5px;
}

@media (max-width: 1199px) {

  #SignInBtn_Landing {
    margin-left: 20px !important;
    margin-top: 20px !important;
    width: fit-content;
  }

  #Contactusbtn_landing {
    width: fit-content;
    margin-left: 20px !important;
  }
}

/* Footer Start */

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;
  font-weight: 400;
  margin-left: 0px !important;
  line-height: 22px;
}

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;
}

#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: 700;
  margin-top: 0px;
  padding-bottom: 22px;
}

#footerbottomnav ul li + li:before {
    content: " | ";
    padding: 0 10px;
}

@media (max-width: 360px) {
  #mainMenu ul li a {
    font-size: 13px;
    line-height: 18px;
  }
}

@media (max-width: 530px) {
  #footerbottomrow {
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  #footertagline {
    padding: 0px;
  }

  #footercopyright {
    padding: 0px;
  }
}

@media (min-width: 768px) {
  #footertagline {
    padding: 0px;
  }

  #footercopyright {
    padding: 0px 0px 0px 5px;
  }
}

@media (min-width: 992px) {
  #footertagline {
    text-align: right;
    padding: 0px;
  }

  #footercopyright {
    text-align: right;
    padding: 0px;
  }
}

@media (min-width: 1200px) {
  #footertagline {
    text-align: center;
    padding: 0px;
  }

  #footercopyright {
    text-align: left;
  }
}
/* Footer End */

.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: 44px !important;
  letter-spacing: -0.1px;
  color: #00335B !important;
  margin-bottom: 30px;
}

.entitylist {
  background-color: #FFFFFF !important;
  color: #292E39;
}

@media (max-width: 767px) {
  .page-header h1 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}
/*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 Start */
.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;*/
    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;
}

.gethelp-feedback {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #F2F5F7;
  border-radius: 4px;
  /* display: block; */
  border: 1px solid #BFCCD6;
  color: #00335B;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 60px;
}

.gethelp-feedback button.btn-view-feedback {
  border: 2px solid #6A2CA1;
  box-sizing: border-box;
  border-radius: 4px;
  height: 46px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  width: 157px;
  background-color: #6A2CA1;
}

.gethelp-feedback button.btn-submit-feedback {
  border: 2px solid #6A2CA1;
  box-sizing: border-box;
  border-radius: 4px;
  height: 46px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #6A2CA1;
  width: 157px;
  background-color: #FFFFFF;
  margin-left: 10px;
}

.getHelpContent p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #24292E;
}

.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;
}

.getHelp-list-group .item {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}

.middle-column {
  padding-bottom: 50px;
}

@media (max-width: 360px) {
    .gethelp-heading > .page-header h1 {
        font-size: 28px !important;
        line-height: 36px !important;
    }

  .getHelpContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #757575;
  }

  .gethelp-subheading div h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #333333;
  }

  .gethelp-subheading-details h3 {
    font-size: 22px;
    line-height: 28px;
    color: #333333;
  }

  .getHelp-list-group a {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .getHelp-list-group.masonry {
    column-count: 2;
    column-gap: 1em;
  }
}
/* Get Help Page End */

/* Category Details Page Start */
div.relatedCategory h2 {
  font-weight: 600;
  font-size: 24px;
  /*line-height: 30px;*/
  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;
  margin-left: 0px !important;
  color: #0079C8;
}

.category-group-item p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #292E39;
  padding-top: 5px;
}

@media (max-width: 360px) {
  .category-group-item a {
    font-size: 18px;
    line-height: 20px;
  }

  .category-group-item p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
  }
}
/* Category Details Page End */

/* Search Result Start */
.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;
}
/* Search Result End  */

/* Pagination Start */
.pagination {
  display: inline-flex !important;
  margin-bottom: 50px !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: #0079C8 !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;
    }

/*Tablet - Portrait*/
@media (min-width: 768px) and (max-width: 991px) {
  .dropdown-pagination {
    margin-bottom: 0 !important;
  }

  .pagination {
    margin-bottom: 45px !important;
  }
}
/*Mobile*/
@media (max-width: 767px) {
    .member-btn-pagination,
    .btn-pagination,
    .page-range-text,
    .pagination > .active > a,
    .pagination > li > a {
        font-size: 12px !important;
    }

  .dropdown-pagination {
    margin-bottom: 25px !important;
  }

  .pagination {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
  }

    .material-icons-outlined {
        font-size: 16px !important;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 11px 7px !important;
    }

    .pagination > .disabled > span,
    .pagination > .active > a,
    .pagination > li > a {
        min-width: 33px !important;
        width: 32px !important;
    }

    .pagination > li > a {
        display: inline-block !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: 400;
  font-size: 14px;
  line-height: 130%;
  display: flex;
  align-items: flex-end;
  /*color: #394A64;*/
  color: #24292E;
  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;
 }*/
.entitylist-filter-option .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 .text-control {
  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;
  display: inline;
}

.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;
}

@media (max-width: 767px) {
  .entitylist-filter-option .form-control {
    font-size: 14px;
  }
}
/* 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: 30px !important;
  padding-right: 0px !important;
  padding-bottom: 30px !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';
}

@media (max-width: 767px) {
  .daterangepicker.show-calendar .drp-buttons {
    display: inline-flex;
  }
}

@media (max-width: 991px) {
  #dtDateRangeValue {
    font-size: 12px !important;
  }
}
/*  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_request 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_request,
#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, #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;
}

@media (max-width: 767px) {
  .page-header {
    padding-bottom: 0 !important;
  }

  #billPeriodTable tbody tr td,
  #billPeriodTable tbody tr td a,
  #requestTable tbody tr td a {
    font-size: 14px !important;
    word-break: break-word;
    display: block;
  }

  #billPeriodTable tbody tr td a {
    margin-left: 10px;
  }

  #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td a {
    word-break: break-all;
    display: inherit;
    max-width: 100%;
    font-size: 14px !important;
  }

  #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td a .material-icons {
    margin-right: 5px !important;
    font-size: 18px;
    height: fit-content;
  }

  #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td,
  #BillingPlans .entity-grid.subgrid .view-grid table tbody tr td {
    height: auto;
    display: flex;
    font-size: 14px !important;
    line-height: 20px !important;
    word-break: break-word;
  }

  #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td,
  #BillingPlans .entity-grid.subgrid .view-grid table tbody tr td {
    border: none !important;
  }

  #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td:first-child,
  #BillingPlans .entity-grid.subgrid .view-grid table tbody tr td:first-child {
    padding-bottom: 5px;
    padding-top: 20px;
  }

  #BillAttachment .entity-grid.subgrid .view-grid table tbody tr td:last-child,
  #BillingPlans .entity-grid.subgrid .view-grid table tbody tr td:last-child {
    padding-top: 5px;
    padding-bottom: 20px;
  }

  #tblAttachment,
  #BillingPlans {
    border-bottom: none !important;
  }

  #BillAttachment .entity-grid.subgrid .view-grid .table-fluid tr,
  #BillingPlans .entity-grid.subgrid .view-grid .table-fluid tr {
    border-top: none !important;
    border-bottom: 1px solid #ddd;
  }

  #BillAttachment .entity-grid.subgrid .view-grid .table-fluid td:before {
    width: 10rem !important;
  }

    #titleAttachment, #titleBillingPlan {
        font-size: 22px;
        line-height: 28px;
    }

  #EntityFormControl_attachment {
    margin-bottom: 20px !important;
  }
}
/* end sub-grid - bill plans */
#EntityFormControl_1a33a4d4d08fec11b40000224892499a {
  width: 100%;
}
/*for the calendar icon*/
#EntityFormPanel .material-icons {
  padding-top: 7px;
  padding-bottom: 7px;
  width: 100%;
  color: #0079C8;
}

#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
}

span.material-symbols-outlined {
  padding-left: 8px;
}

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

#MessagePanel_Display_Error,
#FileSize_Display_Error,
#FileType_Display_Error,
#FileName_Display_Error,
#Generic_Display_Error,
#APIDown_Display_Error {
  background-color: #FEDEE2;
  border-color: D90014;
  color: #000;
  border: 1px solid #D90014;
  border-radius: 4px;
  padding: 12px 20px;
  height: fit-content;
  display: flex;
}

#Virus_Detected_Error {
  background-color: #FEDEE2;
  border-color: D90014;
  color: #000;
  border: 1px solid #D90014;
  border-radius: 4px;
  padding: 12px 20px;
  height: fit-content;
  margin-top: 20px;
}

#threatfiles {
  margin-left: 15px;
}

#CloseVirus_Detected_Error {
  float: right;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

#PortalMessagePanel_Display_Error {
  background-color: #FEDEE2;
  border-color: D90014;
  color: #000;
  border: 1px solid #D90014;
  border-radius: 4px;
  padding: 12px 20px;
  height: fit-content;
  width: 100%;
}

#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;
}

.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;
    height: 40px;
}

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

#modalsubmitbtn {
  background: #0079C8;
  border-radius: 2px;
}
/*Mobile*/
@media (max-width: 767px) {
  #finalBillModal .modal-dialog {
    width: 335px;
    margin: 70px auto;
  }

  .info .field-label,
  #bp_tbody tr td .control .form-control,
  #tbody_disc html[dir=ltr] .crmEntityFormView .cell textarea,
  #tbody_sub html[dir=ltr] .crmEntityFormView .cell textarea {
    font-size: 14px !important;
  }

  #bp_tbody tr {
    flex: 100%;
    max-width: 100% !important;
  }

    #bp_tbody #finalbill_tr #finalbilllabel_div,
    #tbody_sub tr td .info, #tbody_disc tr td .info,
    #bp_tbody tr td .info {
        max-width: 37% !important;
    }

    #bp_tbody tr td .info,
    #tbody_sub tr td .info, #tbody_disc tr td .info {
        padding: 6px 18px 0 0 !important;
    }

    #tbody_sub tr td, #tbody_disc tr td {
        flex-direction: inherit;
    }

  #bupa_readyforfinalbill {
    max-width: 90% !important;
  }

    #finalbill_div .form-custom-actions > div:first-child {
        padding-top: 12px;
        padding-bottom: 20px;
        display: inline-block;
    }

    #tbody_sub tr td .control, #tbody_disc tr td .control {
        max-width: 63%;
        padding-bottom: 20px;
    }
}


/*Tablet - Portrait*/
@media (min-width: 768px) and (max-width: 991px) {
  #bp_tbody #finalbill_tr #finalbilllabel_div,
  #tbody_sub tr td .info,
  #tbody_disc tr td .info {
    max-width: 25% !important;
    flex: 25% !important;
  }

  #bupa_readyforfinalbill {
    max-width: 45% !important;
  }

    #tbody_sub tr td .control, #tbody_disc tr td .control {
        max-width: 75%;
    }

  #bp_tbody tr td .info {
    max-width: 53%;
  }

  #bp_tbody tr:first-child td .control,
  #bp_tbody tr:nth-child(2) td .control {
    max-width: 47%;
  }
}

/*Tablet - Landscape*/
@media (min-width: 992px) and (max-width: 1199px) {
  #bupa_readyforfinalbill {
    max-width: 35% !important;
  }

    #tbody_sub tr td .control, #tbody_disc tr td .control {
        max-width: 75%;
    }
}


/* 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;
  text-align: justify;
}

.notif-td-CreatedOn {
  padding-top: 18px !important;
  padding-right: 16px !important;
  padding-bottom: 18px !important;
  padding-left: 16px !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 */

/**************************/
/* Notification 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: #292E39;
}

.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;
}

/*member pagination*/
.member-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;
}
/*end member pagination*/

.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 Start */
/**********************/
.non-authenticated-header h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 60px;
  color: #00335B;
}

.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 {
  max-width: 511px;
}

.landingpage-subheading {
  color: #333333;
  font-size: 18px;
  line-height: 30px;
}

.bg {
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  height: 640px;
  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 left center;
  background-size: cover;
  height: 640px;
  /*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: 200px;
}

.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 {
  height: 250px;
  transform: translateX(150px);
}

.alert-margin {
  margin-bottom: 45px;
}

#table-latest-bills tr .suspended-active:hover {
  background-color: yellow;
}

.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 24px;
  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 15px;
  background-color: #FFFFFF;
  border: 1px solid #0079C8;
  border-radius: 4px;
  float: left;
  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 #0079C8;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #0079C8 !important;
}

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

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

@media (min-width: 992px) and (max-width: 1024px) {
  .bg {
    height: 450px;
    padding: 6px 60px;
  }

  .img-bg {
    height: 450px;
    background: url(/img-landing-semi.png) no-repeat left center;
    background-size: cover;
  }

  .non-auth-header-content {
    height: 296px;
  }

  .non-authenticated-header h1 {
    font-size: 40px;
    line-height: 60px;
  }

  .auth-header-content h1 {
    font-size: 48px;
    line-height: 60px;
  }

  .auth-landing-img {
    padding-top: 80px;
  }

  .landingpage-subheading {
    font-size: 16px;
    line-height: 24px
  }
}

@media (min-width: 481px) and (max-width: 991px) {
  .bg {
    height: 344px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
  }

  .img-bg {
    height: 200px;
    background: url(/img-landing.png) no-repeat center;
    background-size: cover;
  }

  .non-authenticated-header h1 {
    font-size: 40px;
    line-height: 60px;
    text-align: center;
  }

  .non-auth-header-content {
    margin: 20px;
    text-align: center;
  }

  .landingpage-subheading {
    font-size: 16px;
    line-height: 24px;
  }

  .landing-btn-set {
    margin-top: 30px;
    text-align: center;
  }

  .authenticated-header-bg {
    height: 230px;
  }

  .auth-header-content {
    height: 100px;
  }

  .auth-header-content h1 {
    font-size: 48px;
    line-height: 60px;
    padding-left: 20%;
  }

  .auth-landing-img {
    height: 130px;
    width: 80%;
    padding-top: 0px;
    padding-left: 20%;
  }

  .btn-discover-more {
    margin-top: 15%;
    margin-left: 10%;
  }
}

@media (max-width: 480px) {
  .img-bg {
    height: 139px;
    background: url(/img-landing.png) no-repeat center;
    background-size: cover;
  }

  .bg {
    height: 360px;
    display: flex;
  }

  .non-authenticated-header h1 {
    font-size: 36px;
    line-height: 48px;
    color: #00335B;
  }

  .non-auth-header-content {
    margin: 25px 5px 0px 5%;
  }

  .SignInBtn {
    width: 113px;
    padding: 12px;
  }

  .Contactusbtn {
    width: 161px;
    padding: 14px 18px;
    line-height: 16px;
  }

  .landingpage-subheading {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #333333;
  }

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

  .authenticated-header-bg {
    height: 230px;
  }

  .auth-header-content {
    height: 100px;
    display: flow-root;
  }

  .auth-header-content h1 {
    font-size: 40px;
    line-height: 48px;
    text-align: center;
  }

  .auth-landing-img {
    height: 130px;
    width: 80%;
    padding-top: 10px;
    padding-left: 20%;
  }

  .latest-biils-header h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .latest-biils-header h5 {
    font-size: 14px;
  }

  .btn-bill_and_invoices {
    float: left;
    font-size: 14px;
    line-height: 16px;
  }

  .need-help-subsection {
    padding: 16px;
  }

  .need-help-subsection h4 {
    font-size: 18px;
  }

  .need-help-subsection h5 {
    font-size: 12px;
  }

  .btn-discover-more {
    font-size: 12px;
    line-height: 16px;
  }
}
/* Landing Page End */

/**********************/
/* Latest Bills Start */
/**********************/
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 8px;
    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 8px;
    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: 24px;
}

#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;
}

/* Mobile */
@media (max-width: 767px) {
  .no-record-found p {
    font-size: 14px;
  }

  #table-latest-bills tr td a {
    font-size: 14px;
    display: block;
    margin-left: 10px;
  }

    #table-latest-bills tbody > tr {
        border-top: 1px solid #ddd !important;
    }

        #table-latest-bills tbody > tr > td {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
            border: 0;
            font-size: 14px !important;
            word-break: break-word;
        }

            #table-latest-bills tbody > tr > td:first-child {
                padding-top: 16px !important;
            }

        #table-latest-bills tbody > tr:first-child {
            border-top: 0 !important;
        }

        #table-latest-bills tbody > tr > td:last-child {
            padding-bottom: 16px !important;
        }
}
/*End */

/**********************/
/* Request Page Start */
/**********************/
.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;
} */


#requestTable > tbody > tr > td {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    line-height: 1.42857;
    vertical-align: middle;
    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;
    }
/* Request Page End */

/*Tabs*/
input[name="tabs"] {
  display: none;
}
/* hide radio buttons */
    input[name="tabs"] + label {
        display: inline-block;
        margin-bottom: 0 !important;
    }
/* show labels in line */

/* hide contents */
    input[name="tabs"] ~ #requestform.tab,
    input[name="tabs"] ~ fieldset[aria-label="Notes"],
    input[name="tabs"] ~ #attachmentscontrol.tab,
    input[name="tabs"] ~ #membersection.tab {
        display: none
    }

/* show contents only for selected tab */
#requestdetailstab:checked ~ #requestform.tab,
#requestdetailstab:checked ~ fieldset[aria-label="Notes"],
#requestdetailstab:checked ~ #membersection.tab,
#attachmentstab:checked ~ #attachmentscontrol.tab {
    display: block;
}

input[name="tabs"] + label { /* tab */
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    padding: 16px 16px;
    position: relative;
    cursor: pointer;
    /*margin-bottom: 20px;*/
}

input[name="tabs"]:checked + label { /* for selected tab */
    background: #FFF;
    border-bottom: 6px solid #0079C8;
    color: #0079C8;
    cursor: pointer;
    font-weight: 600;
}

/* Attachment */
#attachmentList {
  margin: 20px 0 50px;
}

#attachmentList .preview {
  margin: auto;
  background-color: #FAF9F8;
  height: 200px;
}

#attachmentList .preview #attachmentListMessage {
  text-align: center;
  margin: 10px 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

#attachmentList .preview .attach_icon {
  margin-left: 47%;
  margin-top: 2%;
  font-size: 65px;
}

#attachmentList #attachmentBrowse {
  display: grid;
}

#attachmentList #tblAttachment thead tr {
  border-color: #DADBDB;
}

#attachmentList #tblAttachment thead tr th {
  padding: 18px 16px !important;
}

#attachmentList #tblAttachment tbody tr {
  border-bottom: 1px solid #F1EFEB;
}

#attachmentList #tblAttachment tbody tr td {
  border-top: none;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: middle;
}

#attachmentList #tblAttachment a {
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 24px;
}

#attachmentList #tblAttachment .attach_icon {
  font-size: 18px;
}

#attachmentList #tblAttachment .delete_icon {
  color: #5E6871;
  font-size: 20px;
  display: flex;
}

#attachmentList #tblAttachment #attachmentDelete:disabled .delete_icon {
  display: none;
}

#attachmentList #uploadFile label[for="InsertButton"] {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #FFFFFF;
  padding: 10px 24px;
  width: auto;
  height: auto;
  background: #00335B;
  border-radius: 4px;
  margin: auto;
}

#attachmentList #attachmentDelete {
  background: transparent;
  border: none;
}

#attachment #attachmentBrowse {
  display: block;
}

#attachment #attachmentHeader h3 {
  font-weight: 600;
  line-height: 30px;
  display: initial;
}

#attachment #attachmentDownload {
  background: transparent;
  color: #00335B;
  border-color: #00335B;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  float: right;
  padding: 6px 15px;
  border-radius: 4px;
}

#attachment #attachmentDownload .download_icon {
  margin-right: 5px;
}

#attachmentBrowse label[for="AttachFile"] {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #FFFFFF;
  padding: 10px 24px;
  width: auto;
  height: auto;
  background: #00335B;
  border-radius: 4px;
  margin: auto;
}

#attachmentMessage {
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 400;
  font-style: normal;
  color: #607285;
}

#attachmentsform fieldset[aria-label="General"],
#attachmentsform .tr,
#attachmentsform #InsertButton {
  display: none;
}

#attachmentsform .crmEntityFormView .actions {
  border: none;
  margin: 0;
  padding: 0;
}

#attachmentsform #btnCloseMessage {
  display: none;
}

#attachmentsform #MessagePanel.success {
  display: flex;
  padding: 15px 25px;
}

#attachmentsform #MessagePanel.success .success_icon {
  color: #008A00 !important;
}

#attachmentsform #MessagePanel.success #MessageLabel {
  margin: 1px 10px;
}

#selectedFileList {
  display: inline;
  overflow-y: auto;
  height: 208px;
  overflow-x: hidden;
  margin-bottom: 15px;
}

#selectedFileList #fileRow {
  background-color: #F8F7F4;
  display: flex;
  padding: 12px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#selectedFileList #fileRow #fileSize {
  text-align: right;
  color: #607285;
}

#AttachmentModal .modal-body p {
  font-weight: 500;
}

#AttachmentModal #FileType_Display_Error,
#AttachmentModal #FileSize_Display_Error {
  margin-bottom: 12px;
}

#AttachmentModal #filesize_error_message,
#AttachmentModal #filetype_error_message {
  padding-top: 5px;
  font-size: 14px;
  vertical-align: super;
}

#AttachmentModal .modal-footer {
  border-top: none;
}

#RemoveFileModal #btnRemove {
  background: #D90014;
  border-color: #D90014;
}
/* End Attachment*/

/* Start Member details*/
.collapsecontainer #memberheader,
#requestform #memberheader-btn {
  display: none;
}

#memberlist table thead tr th {
  padding: 20px 12px !important;
}

#memberlist table thead tr th a {
  color: #24292E;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

#memberlist table tbody tr td {
  padding: 18px 12px;
  color: #24292E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

#memberlist table thead tr {
  border-color: #DADBDB;
}

#memberlist table tbody tr {
  border-bottom: 1px solid #F1EFEB;
}

#memberlist table tbody tr td {
  border-top: none;
}

#memberheader-btn {
  display: flex;
  padding-bottom: 20px;
}

#memberheader-btn #addmemberbtn label {
  margin-left: auto !important;
}

#addmemberbtn label, #addmembersection label {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    padding: 10px 24px;
    width: auto;
    height: auto;
    background: #00335B;
    border-radius: 4px;
    margin: auto;
}

#memberlabelheader {
  color: #00335B;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

#memberlabelheader .required,
.member-modal .required {
  color: #D90014;
}

#memberlabeldescription {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #607285;
}

#tblMember {
  margin-bottom: 0 !important;
}

#membersection {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px solid #BFCCD6;
}

#membersection .preview {
  margin: auto;
  background-color: #FAF9F8;
  height: 300px;
  margin-bottom: 24px;
  padding-top: 60px;
}

#membersection .preview #nomembermessage {
  text-align: center;
  margin: 10px 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

#membersection #addmemberbtn {
  display: grid;
  margin-left: 20px;
}

#membersection #addmembersection {
  display: block;
  text-align: center;
}

#memberactions button {
  background: transparent;
  border: none;
  padding: 0;
}

#memberactions .edit_icon {
  font-size: 20px;
  color: #607285;
  margin-right: 5px;
  cursor: pointer;
}

#memberactions .delete_icon {
  font-size: 20px;
  color: #607285;
  margin-left: 5px;
  cursor: pointer;
}

#membersection .preview .members_icon {
  background: url(/ico-members.png) no-repeat center center;
  background-size: cover;
  width: 70px;
  height: 70px;
  margin: auto;
  display: block;
}

#RequestSubmittedModal .modal-body p {
  margin: 10px;
}

.completed_icon {
  background: url(/ico-completed-request.png) no-repeat center center;
  background-size: cover;
  width: 60px;
  height: 60px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: -10px;
}

#RequestSubmittedModal .modal-footer button {
  font-size: 16px;
  font-weight: 500;
  border-width: 2px;
  border-radius: 4px;
}

.member-modal .modal-header {
  padding: 24px;
}

.member-modal .modal-content,
.member-modal .modal-dialog {
  width: 752px;
}

.member-modal .modal-body {
  padding: 12px;
}

.member-modal .crmEntityFormView td.cell {
  padding: 12px !important;
}

.member-modal .crmEntityFormView td.cell .field-label {
  color: #00335B;
  margin-bottom: 12px;
}

.member-modal .crmEntityFormView td.cell .field-label:after {
  color: #D90014 !important;
}

.member-modal .crmEntityFormView td.cell .control input,
.member-modal .crmEntityFormView td.cell .control textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  height: auto;
  padding: 12px 16px;
  resize: none;
}

.member-modal #EntityFormPanel .material-icons {
  padding-top: 12px;
}

#mainContent #requestbanner {
  margin-bottom: 24px;
}

.member-modal #requestbanner {
  margin: 12px;
}

#requestbanner {
  border-radius: 4px;
  background: var(--bupa-navy-050, #E3F1FF);
  padding: 16px 15px;
  margin: 0 0 12px;
  display: flex;
}

#requestbanner .material-icons {
  width: 24px;
  height: 24px;
  color: #3552B5;
}

#requestbanner #requestbanner_msg {
  padding-left: 12px;
}

.member-modal .form-group,
.member-modal .crmEntityFormView .tab,
.member-modal .crmEntityFormView fieldset {
  margin-bottom: 0;
}

.member-modal .modal-footer button#createmember,
.member-modal .modal-footer button#editmember {
  padding: 12px 40px;
}

.member-modal .modal-footer button,
#removeMemberModal .modal-footer button {
  font-size: 16px;
  font-weight: 500;
  border-width: 2px;
  border-radius: 4px;
  padding: 12px 40px;
  line-height: 20px;
  height: 48px;
}

#removeMemberModal .modal-footer button#btnRemoveMember {
  background: #D90014;
  border: 2px solid #D90014;
  border-radius: 4px;
}
/* End Member Details*/
#EntityFormControl_167ac2c09faded1183ff0022489338d4 .form-custom-actions {
  margin-bottom: 0 !important;
}

.terminationconsent label {
  padding-left: 10px;
  padding-top: 10px;
}


/******************************************/
/* 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;
    }

.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;
}

#relationshipSelector #multiselectSearch {
  font-size: 21px;
  padding: 1px 0px 0px 0px;
  margin-top: 2px;
}

#relationshipSelector input.multiselect-search {
  padding-left: 27px;
  /*padding-left: 30px !important;*/
}


#multiselectSearchClose {
  color: #757575;
  font-size: 19px;
  padding: 4px 0px 0px 0px;
}
/* End of Multiselect and Search Filter */

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


@media (max-width: 767px) {
  .table-fluid td:before {
    content: attr(data-th);
    font-weight: 600;
    display: inline-block;
    width: 13rem;
    margin-left: -12rem;
    float: left;
    padding-right: 1rem;
    word-break: normal;
    font-size: 14px;
    line-height: 20px;
  }
}

/* Request Main list Tablet */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .requestresponsive {
    overflow-x: auto;
  }

  .requestresponsive .table {
    max-width: 1140px;
    width: 1140px;
  }

  .requesthomepage .entitylist-filter-option-group {
    width: 215px !important
  }

  .requesthomepage .multiselect {
    width: 205px !important;
  }

  #Requestfilters .entitylist-filter-option-text {
    min-width: 205px !important;
  }

    .requesthomepage #dtModified, .requesthomepage #dtRequest {
        min-width: 205px !important;
    }

  .requesthomepage #filterBtn {
    margin-top: 80px;
  }

  .requesthomepage .entitylist-filter-option-group-box-overflow {
    width: 205px;
  }
}

@media only screen and (max-width: 768px) {
  .requestresponsive {
    width: auto !important;
    overflow-x: auto;
  }

  .requestresponsive .table {
    max-width: 1140px;
    width: 1140px;
  }

  .requesthomepage .entitylist-filter-option-group {
    width: 215px !important
  }

  .requesthomepage .multiselect {
    width: 205px !important;
  }

  #Requestfilters .entitylist-filter-option-text {
    min-width: 205px !important;
  }

    .requesthomepage #dtModified, .requesthomepage #dtRequest {
        min-width: 205px !important;
    }

  .requesthomepage #filterBtn {
    margin-top: 25px;
  }

  .requesthomepage .panel-default {
    width: 100% !important;
  }

  .requesthomepage .entitylist-filter-option-group-box-overflow {
    width: 205px;
  }
}
/* end Tablet */
/* Request Main list Phone */
@media (min-width: 280px) and (max-width:767px) {
  .requestresponsive {
    width: 100%;
    overflow-x: auto;
  }

  .requestresponsive .table {
    width: 100%;
  }

    .requesthomepage .list-inline > li {
        width: 100% !important;
        padding-bottom: 10px;
    }

  .requesthomepage .multiselect {
    width: 100% !important;
  }

  #Requestfilters .entitylist-filter-option-text {
    width: 100% !important;
  }

    #dtModified, #dtRequest {
        width: 100% !important;
    }

  .requesthomepage .entitylist-filter-option-group-box-overflow {
    width: 100% !important;
  }

  .requesthomepage .panel-default {
    width: 100% !important;
  }

  .requesthomepage .view-label {
    display: inline-block !important;
  }

  .requesthomepage .viewBtn {
    font-size: 14px !important;
    width: 50% !important;
  }

    #requestTable > tbody > tr > td {
        font-size: 14px !important
    }

  .requesthomepage .item-container {
    display: none;
  }

  #requestTable tbody tr td:first-child {
    padding-top: 16px !important;
  }

  #requestTable tbody tr:first-child {
    border-top: 0 !important;
  }

  #requestTable tbody tr {
    border-top: 1px solid #ddd !important;
  }

  #requestTable tbody tr td:last-child {
    padding-bottom: 16px !important;
  }

  #requestTable tbody tr td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

    #requestTable thead > tr > th,
    #requestTable tbody tr td {
        border: 0 !important;
    }

  .daterangepicker.show-calendar .drp-buttons {
    display: block;
  }

  .daterangepicker .clearBtn {
    margin-left: 5% !important;
    s
  }

  .daterangepicker .drp-selected {
    padding: 10px 0 !important;
  }
}
/* end Phone */
.security-modal-dialog {
  width: 500px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .requesthomepage .text-right {
    display: contents !important;
  }
}

@media (max-width:767px) {
  .security-modal-dialog {
    width: auto !important;
    margin-top: 100px;
  }
}

/*******************/
/***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***/


/*************/
/*GENERAL CSS*/
/*************/
.no-border {
  border: none !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, li.disabled {
    opacity: .4;
}

.btn-newrequest-cancel {
  margin-right: 10px;
  border: 2px solid #BFCCD6 !important;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  min-width: 40px;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 12px 20px 12px 20px;
}

input[type='checkbox'], input[type='radio'] {
    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;
}

#suspended_billingplan {
  font-weight: 500;
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
  opacity: 50%;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
  opacity: 50%;
}

/* Microsoft Edge */
::-ms-input-placeholder {
  opacity: 50%;
}

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: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;
}

.getHelpSearch form .input-group {
  width: 100%;
}

#gethelp_search_control {
  height: 40px;
  width: 100%;
  max-width: 800px;
  padding-right: 30px;
  border-radius: 4px;
  position: static;
  border: 1px solid #E5E7EB;
}

.getHelpSearch form .input-group button[type='submit'] {
  border: none;
  background: transparent;
  margin-left: -15px;
}

div#edit-case fieldset[aria-label="Overview"] table.section tr {
  border-bottom: 1px solid #cfcfcf;
}

div#edit-case fieldset[aria-label="Overview"] table.section tr td.cell {
  padding-top: 1em;
}

div#edit-case fieldset[aria-label="Overview"] table.section td.cell div {
  float: left;
  width: 10em;
}

div#edit-case fieldset[aria-label="Overview"] table.section td.cell div.info label {
  line-height: 100%;
  margin-top: 10px;
}

div#edit-case fieldset[aria-label="Overview"] table.section td.cell div.control {
  clear: none;
}

div#edit-case div.case-header div.status span {
  margin-left: 1em;
  font-size: 0.95em;
}

section[aria-label="Add a Comment"] div.modal-dialog {
  min-width: 800px;
  width: 800px;
}

/** input **/
#mainContent .entity-form textarea,
#mainContent .entity-form select,
#mainContent .entity-form input,
#mainContent span.multiselect-native-select div.btn-group {
  /* border: 1px solid #BFCCD6 !important;
    border-radius: 4px !important;  */
}

#mainContent .entity-form input[readonly='readonly'] {
  /*background-color: #F2F5F7 !important;*/
}

#mainContent .entity-form label.field-label {
  /*color: #00335B;*/
}

#mainContent .entity-form td.form-control-cell,
#mainContent .entity-form td.cell {
  padding-left: 0;
}

#mainContent .page-header {
  border-bottom: none;
}

#mainContent .crmEntityFormView fieldset {
  margin-bottom: 0;
}

/** relationship selector **/
div.bupa_relationshiparea {
  background-color: #F2F5F7;
  padding: 16px;
  border-radius: 8px;
}

table#relationshipSelector {
  width: 100%;
  background: #fff;
}

    table#relationshipSelector td, table#relationshipSelector th {
        border-bottom: 3px solid #F2F5F7;
        padding: 0.5em;
    }

table#relationshipSelector tr:first-child {
  padding: 10px 8px 10px 0;
}

table#relationshipSelector td div.btn-group {
  border: 1px solid #F2F5F7;
}

table#relationshipSelector td:first-child {
  width: 50%;
}

table#relationshipSelector td {
  width: 65%;
  padding: 12px 16px;
  /*vertical-align:top;*/
}

table#relationshipSelector th {
  padding: 10px 1px;
  font-size: 16px;
}

#relationshipSelector th {
  padding: 10px 10px;
}

th#cnUserstyle {
  padding: 10px 17px !important;
}

table#relationshipSelector th:nth-of-type(2) {
  padding: 0 16px
}

table#relationshipSelector button.multiselect span {
  width: auto;
  padding-top: 2px;
  /*padding-top: 1%;*/
}

table#relationshipSelector .btn-group {
  width: 100%;
}

div.bupa_relationshipareacontrols {
  text-align: right;
  background: #fff;
  padding: 0.8em 1em;
}

div.bupa_relationshipareacontrols input[type=checkbox] {
  margin-right: 0.8em;
}

div.bupa_relationshipareadetails ul > li {
    padding: 2px;
}

/** 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 **/

/** entity list **/
div#entitylistContent {
  margin-top: 20px;
}

table#entitylist {
  border-bottom: 1px solid #F1EFEB;
  font-size: 16px;
  line-height: 20px;
}

table#entitylist thead tr th {
  padding-bottom: 20px;
  padding-top: 20px;
}

table#entitylist thead tr th a {
  color: #24292E;
}

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

table#entitylist tbody tr td a {
  font-weight: 600;
  color: #0079C8;
}

table#entitylist thead tr th i {
  color: #24292E !important;
}

div.item-action button {
  border-radius: 4px;
  border-color: #DADBDB;
}

div.item-action ul.dropdown-menu {
  border-radius: 4px;
  padding: 0;
  box-shadow: 0px 4px 4px rgb(118 114 108 / 25%), 0px 0px 1px rgb(118 114 108 / 60%);
  border: none;
  min-width: 100px;
}

div.item-action .dropdown-menu > li > a.menu-item {
    color: #333333 !important;
    font-size: 14px;
    font-weight: 500 !important;
    height: 40px;
    padding: 12px 10px 8px 10px;
    border: none;
    margin: 0px;
}

div.item-action .dropdown-menu > li > a:hover {
    background-color: #E3F1FF;
}

.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;
}
/** end entity list **/

/** modal **/
.active_icon_user {
  background: url(/ico-users-active.png) no-repeat center center;
  background-size: cover;
  width: 60px;
  height: 60px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: -5px;
}

.deactived_icon_user {
  background: url(/ico-users-deactived.png) no-repeat center center;
  background-size: cover;
  width: 60px;
  height: 60px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: -5px;
}

.user-modal-dialog,
.bulk-modal-dialog {
  width: 470px;
}

.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-submit {
  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,
.btn-modal-upload,
.btn-modal-reactivate {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 4px 12px;
  width: 130px;
  height: 40px;
  background: #0079C8;
  border: 2px solid #0079C8;
}

.btn-modal-deactivate {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  border-radius: 2px;
  padding: 4px 12px;
  width: 130px;
  height: 40px;
  background-color: #D90014 !important;
  border-color: #D90014 !important;
}

.text-modal-note {
  font-weight: 500;
}
/** end modal **/

/** user access management **/
a.btn.insert-Action-link:active {
  background-color: #6A2CA1;
}

a.btn.insert-Action-link {
  background-color: #6A2CA1;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  border-radius: 4px;
  padding: 12px 20px 12px 24px;
  align-items: center;
}

div.info.required label:after {
  color: #D90014 !important;
}
/** end user access management **/

/** bulk user access management **/
.modal-tableform input,
.modal-tableform select {
  border: 1px solid #BFCCD6;
  border-radius: 4px;
  color: #333333;
}

table.modal-tableform {
  width: 100%;
}

table.modal-tableform tbody tr td {
  padding: 0px 0px 20px 0px;
  vertical-align: text-top;
}

#userportalrolefield span.multiselect-native-select button.multiselect {
  width: 765px;
  border: 1px solid #BFCCD6;
}

.tableBulk {
  width: 100%;
}

.tableBulk td,
.tableBulk th {
  padding: 1em 0.5em 1em 0.5em;
  border-bottom: 1px solid #dadbdb;
  color: #24292E;
  max-width: 210px;
  overflow-wrap: break-word;
}

.tableBulk tr th {
  box-shadow: inset 0px -1px 0px #dadbdb;
}

.tableBulk .table-action {
  display: flex;
  color: #607285;
  cursor: pointer;
}

.tableBulk .btn {
  font-weight: bold;
  padding: 0.5em;
  border-radius: 4px;
}

#tableMenu {
  margin-bottom: 1em;
  text-align: right;
}

#tableMenu .btn {
  font-weight: bold;
  padding: 1em;
  border-radius: 4px;
}

#formModal .modal-dialog {
  width: 800px;
  margin-top: 50px;
}

#formModal .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 58vh;
  max-height: 75vh;
}

#formModal table#userformfield tbody tr td[colspan="2"] {
  padding-right: 0px;
  width: 49%;
}

#formModal table#userformfield tbody tr td[colspan="1"] {
  width: 51%;
  padding-right: 15px;
}

#formModal #relationshipSelector {
  padding: 10px 10px !important;
}

#formModal #accesslevel {
  float: left;
}

#formModal #learnmore {
  float: right;
}

#formModal .learnmore_accesslevel {
  color: #0079C8;
  font-family: Montserrat;
  font-size: 14px;
  line-height: 20px;
  float: right;
  cursor: pointer;
  display: flex;
}

#formModal #learmore_icon {
  padding: 0 !important;
  margin-right: 10px !important;
  color: #0079C8;
  width: 16px !important;
  height: 16px;
  line-height: 20px !important;
}

#formModal .multiselect-container .multiselect-option .form-check,
#formModal .multiselect-container .multiselect-group .form-check,
#formModal .multiselect-container .multiselect-all .form-check {
  display: flex;
  padding-left: 7px;
  width: 732px;
}

#formModal div.bupa_relationshipareacontrols {
  background: #fff;
  padding: 0px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#formModal fieldset[aria-label="Details"] {
  margin-top: 10px;
}

#formModal label[for="selectAllRelationship"] {
  margin: 0px;
}

#formModal .selectAllRelationship {
  display: flex;
}

#formModal input#selectAllRelationship {
  margin-right: 8px;
  margin-top: 0px;
}

#formModal .modal in {
  padding-right: 0 !important;
}
/** end bulk user access management **/

/** 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 {
  /** min-width: 23%;
    width: 23%;
    margin-bottom: 1em;  
    margin-left: 1em; **/
  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: 20px 20px 20px 20px !important;
}

#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;
}
/*Fix implemented for REQ6736960 */
fieldset[aria-label="Enrolment"] .form-control-cell .info {
    width: 40%;
    float: left;
    margin-left: 15px;
    min-height: 26px;
}
 
fieldset[aria-label="Enrolment"] .form-control-cell .control {
    width: 60% !important;
    float: left;
    min-height: 26px;
}

fieldset[aria-label="Enrolment"] .form-control-cell .control > .form-control-static,
fieldset[aria-label="Enrolment"] .form-control-cell .control > .input-group,
fieldset[aria-label="Enrolment"] .form-control-cell .control > input.form-control {
    margin-left: 5px;
}
 
fieldset[aria-label="Enrolment"] .form-control-cell::after {
    content: "";
    display: block;
    clear: both;
}
 
fieldset[aria-label="Enrolment"] .form-control-static,
fieldset[aria-label="Enrolment"] input.form-control {
    margin-top: 0 !important;
    vertical-align: middle;
    line-height: 1.4;
}
 
fieldset[aria-label="Enrolment"] .form-control-static {
    padding-top: 6px;
}
 
fieldset[aria-label="Enrolment"] .form-control-cell .info label {
    margin: 0;
}
 
fieldset[aria-label="Enrolment"] .input-group {
    position: relative;
}
 
fieldset[aria-label="Enrolment"] .input-group .form-control {
    padding-right: 32px;  
}
 
fieldset[aria-label="Enrolment"] .input-group .calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
 
fieldset[aria-label="Enrolment"] .form-control-cell .control input[type="date"],
fieldset[aria-label="Enrolment"] .form-control-cell .control .date-control {
    min-width: 180px;
}
fieldset[aria-label="Enrolment"] .form-control-cell.text .info label {
    white-space: nowrap;
}
fieldset[aria-label="Enrolment"] .form-control-cell.datetime .info label {
    white-space: normal;
    line-height: 1.2;
}
.info:not(.required) #bupa_effectivedate_label {
    display: inline-block;
    width: 120px;  
    white-space: normal;
    word-break: keep-all;
    line-height: 1.2;
}
.info:not(.required) #bupa_memberdateofbirth_label {
    display: inline-block;
    width: 140px;      
    white-space: normal;
    word-break: keep-all;
    line-height: 1.2;
}

fieldset[aria-label="Ad hoc"] .form-control-cell .field-label {
    padding-left: 15px !important;
}
fieldset[aria-label="Action Reason"] .form-control-cell .field-label {
    padding-left: 22px !important;
}
fieldset[aria-label="Billing"] .form-control-cell .field-label {
    padding-left: 20px !important;
}
/** end of Bupa Standard List **/