/**
 * Master CSS file
 * @author Andrew Pirkle
 * CSS for Telesales Web Application for Senior Life Insurance Company
 */

body {
  background-color: #f8f9fa;
}

/* CSS for the overlay with the background blur */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Adjust the opacity as needed */
  backdrop-filter: blur(5px); /* Adjust the blur intensity as needed */ 
}

div#loading-backdrop, #loading-backdrop-rx {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1021;
}

div#empty-backdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0);
  z-index: 1021;
}

#page-container {
  position: relative;
  min-height: 100vh;
}

.container-fluid {
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
}

div#notes .input-group-text {
  padding-right: 5px;
  border-right: none;
  border-radius: 0px;
  color: #ced4da;
  background-color: #fff;
  font-weight: 600;
}

div#notes .form-control {
  border-radius: 0px;
}

div#notes input#noteline1 {
  border-left: none;
  padding-left: 0px;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
  z-index: -1000;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
}

.new-icon::before {
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  content: "\f111";
  padding-top: .25rem;
  color: #d9b958;
  font-size: .75rem;
}

#notification-document-list .new-icon::before {
  position: absolute;
}

#notificationicon .new-icon::before {
  padding-right: .25rem;
}

.lock-icon::before {
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  content: "\f023";
  padding-right: 1rem;
  color: #d9b958;
  font-size: 1rem;
}

h3 {
  font-weight: bold;
  color: #404040;
}
h5 {
  font-weight: 600;
  color: #404040;
}
h5.modal-title {
  color: #ffffff;
}
h6{
  font-weight: bold;
}

.font-large {
  font-size: large;
}

nav#slicenavbar div#navbarNav ul li {
  margin-right: 1.2rem;
}

nav#slicenavbar div#navbarNav ul li a {
  font-weight: bold;
}

nav#slicenavbar {
  border-bottom: .5px solid lightgray;
}

#navbarNav a.nav-link#logoutlink {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9rem;
}

h3#welcomebanner {
    padding: 2rem 0 2rem 0;
}

div#welcomebanner {
  padding: 2rem 0 2rem 0;
}

.iconwrapper {
  display: grid;
  grid-template-areas:
    ". a . b . c ."
    ". . . . . . ."
    ". d . e . f .";
    font-weight: bold;
}

#appicon {
  grid-area: a;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pendingicon {
  grid-area: b;
  display: flex;
  align-items: center;
  justify-content: center;
}

#constructionicon {
  grid-area: c;
  display: flex;
  align-items: center;
  justify-content: center;
}

#notificationicon {
  grid-area: d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}

#presentationicon {
  grid-area: e;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}

#portalicon {
  grid-area: f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}

#appicon img, #pendingicon img, #constructionicon img, #notificationicon img, #presentationicon img, #portalicon img, #appicon object, #pendingicon object, #constructionicon object, #notificationicon object, #presentationicon object, #portalicon object {
  margin: auto;
  display: flex;
}

#appicon i, #pendingicon i, #constructionicon i, #notificationicon i, #presentationicon i, #portalicon i {
  margin: auto;
  display: flex;
  margin-bottom: 1rem;

}

#constructionicon i {
  padding-left: 2.5rem;
}

#notificationicon i {
  padding-left: 5rem;
}

#presentationicon i {
  padding-left: 1.75rem;

}

#portalicon i {
  padding-left: 1.75rem;

}

#navbarNav .nav-link {
  font-size: 1rem;
}

.card.pendingapp p {
  margin-bottom: 0;
}

#contructioncards {
  padding: 0 0 0 0;
}

#uc-incompleteapps,#uc-lgahhm,#uc-transstatus, #uc-hipaaupload {
  padding: 0 0 1rem 0;
  /* border-bottom: .5px solid #404040; */
}

.uc-card {
  background-color: #f2f2f2;
}

.uc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
}

.uc-content {
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  cursor: pointer;
}

.uc-textl {
  margin-bottom: 0;
  font-weight: 600;
}

.uc-textr {
  margin-left: auto;
  margin-bottom: 0;
  font-weight: 600;
}

.uc-lgahhm-content {
      border: 1px solid #404040;
}

.uc-lgahhm-content .uc-textl, .uc-lgahhm-content .uc-textr {
    padding-top: .1rem;
}

.hhm-icon-check {
  font-size: 1.3rem;
  padding-top: 0.25rem;
  padding-right: 1rem;
}

.pm-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpub25lIj48c3R5bGU+LmF7ZmlsbDpub25lO308L3N0eWxlPjxjbGlwUGF0aD48cGF0aCBkPSJtMCAwbDEwMCAwIDAgMTAwIC0xMDAgMCAwLTEwMHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNwLjApIj48cGF0aCBkPSJtMCAwbDEwMCAwIDAgMTAwIC0xMDAgMHoiIGNsYXNzPSJhIi8+PHBhdGggZD0ibTAgMjQuMmwwIDBjMC02LjUgNS4zLTExLjggMTEuOC0xMS44bDc2LjMgMGMzLjEgMCA2LjIgMS4yIDguNCAzLjUgMi4yIDIuMiAzLjUgNS4yIDMuNSA4LjRsMCA0Ny40YzAgNi41LTUuMyAxMS44LTExLjggMTEuOGwtNzYuMyAwYy02LjUgMC0xMS44LTUuMy0xMS44LTExLjh6IiBmaWxsPSIjZDliOTU4Ii8+PHBhdGggZD0ibTAgNi4xbDEwMCAwIDAgNzEuMSAtMTAwIDB6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Im0xOS4zIDUxLjRsMCAxNC44IC01IDAgMC0zNy45IDE0IDBxNi4yIDAgOS43IDMuMiAzLjUgMy4yIDMuNSA4LjQgMCA1LjUtMy41IDguNSAtMy40IDMtOS45IDNsLTguOSAwem0wLTQuMWw5IDBxNCAwIDYuMS0xLjkgMi4xLTEuOSAyLjEtNS41IDAtMy40LTIuMS01LjQgLTIuMS0yLTUuOS0yLjFsLTkuMyAwIDAgMTQuOXptMzUuMS0xOWwxMi40IDMwLjkgMTIuNC0zMC45IDYuNSAwIDAgMzcuOSAtNSAwIDAtMTQuOCAwLjUtMTUuOSAtMTIuNCAzMC43IC0zLjggMCAtMTIuNC0zMC42IDAuNSAxNS45IDAgMTQuOCAtNSAwIDAtMzcuOSA2LjUgMHoiIGZpbGw9IiMwMDAiLz48L2c+PC9zdmc+");
  width: 1.75rem;
  height: 1.75rem;
  font-weight: bold;
}

.hm-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpub25lIj48c3R5bGU+LmF7ZmlsbDpub25lO308L3N0eWxlPjxjbGlwUGF0aD48cGF0aCBkPSJtMCAwbDEwMCAwIDAgMTAwIC0xMDAgMCAwLTEwMHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNwLjApIj48cGF0aCBkPSJtMCAwbDEwMCAwIDAgMTAwIC0xMDAgMHoiIGNsYXNzPSJhIi8+PHBhdGggZD0ibTAgMjQuMmwwIDBjMC02LjUgNS4zLTExLjggMTEuOC0xMS44bDc2LjMgMGMzLjEgMCA2LjIgMS4yIDguNCAzLjUgMi4yIDIuMiAzLjUgNS4yIDMuNSA4LjRsMCA0Ny40YzAgNi41LTUuMyAxMS44LTExLjggMTEuOGwtNzYuMyAwYy02LjUgMC0xMS44LTUuMy0xMS44LTExLjh6IiBmaWxsPSIjZDliOTU4Ii8+PHBhdGggZD0ibTAgNi4xbDEwMCAwIDAgNzEuMSAtMTAwIDB6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Im00MS4yIDY2LjNsLTUgMCAwLTE3LjUgLTE5LjEgMCAwIDE3LjUgLTUgMCAwLTM3LjkgNSAwIDAgMTYuMyAxOS4xIDAgMC0xNi4zIDUgMCAwIDM3Ljl6bTE1LjMtMzcuOWwxMi40IDMwLjkgMTIuNC0zMC45IDYuNSAwIDAgMzcuOSAtNSAwIDAtMTQuOCAwLjUtMTUuOSAtMTIuNCAzMC43IC0zLjggMCAtMTIuNC0zMC42IDAuNSAxNS45IDAgMTQuOCAtNSAwIDAtMzcuOSA2LjUgMHoiIGZpbGw9IiMwMDAiLz48L2c+PC9zdmc+");
  width: 1.75rem;
  height: 1.75rem;
  font-weight: bold;
}

.lga-icon-legend{
  display: grid;
  grid-template-areas:
    "x . y";
  align-self: center;
}

.uc-lga-iconX {
  grid-area: x;
  display: flex;
  justify-content: center;
  font-size: medium;
  font-weight: 600;
}

.uc-lga-iconY {
  grid-area: y;
  display: flex;
  justify-content: center;
  font-size: medium;
  font-weight: 600;
  margin-left: 5rem;
}

.error {
  color: #a94442;
}

input.form-control, select.form-control {
  font-weight: 600;
}

input[type="text"],
input[type="email"], textarea {
  text-transform: uppercase;
}

input[type="date"] {
	min-height: 2.5rem;
}

input.error,
select.error {
  border-color: #a94442;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(169, 68, 66, .25);
}

input.error[type="radio"] {
  box-shadow: 0 0 0 0.2rem rgba(169, 68, 66, .75);
  border-radius: 50;
}

input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  opacity: 0;
}

input[type=radio] ~ label.form-check-label:before {
  font-family: "Font Awesome\ 5 Free";
  font-weight: 400;
  content: "\f111";
  letter-spacing: 10px;
  color: #d9b958;
  font-size: 1.5rem;
  cursor: pointer;
}

input[type=radio]:focus ~ label.form-check-label:before{
  box-shadow: -7px 9px 0px -7px #d9b958, -4px 9px 0px -7px #d9b958;
}

input[type=radio]:checked ~ label.form-check-label:before {
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  content: "\f058";
  color: #d9b958;
}

.btn-primary, .btn-primary.disabled {
  background-color: #d9b958;
  color: #fff;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  border-color: #d9b958;
  opacity: 1;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #d9b958;
  color: #fff;
  border-color: #d9b958;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem #d9b958;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem #d9b958;
}

.btn-primary:hover {
  background-color: #e3cb82;
  border-color: #e3cb82;
}

.btn-primary:disabled {
  background-color: #e3cb82;
  border-color: #e3cb82;
}

.btn-legacy {
  background-color: #006298;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  color: #ffffff;
  border-color: #006298;
}

.btn-legacy:hover {
  background-color: #0085cc;
  border-color: #0085cc;
  color: #ffffff;
}

.file-btn {
  background-color: #C0C5C1;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  color: #000000;
  border-color: #C0C5C1;
}

.file-btn:hover {
  background-color: #D5D8D5;
  border-color: #D5D8D5;
  color: #000000;
}


#plan-rates .card-body {
  text-align: center;
}

#plan-rates .card-header {
  height: 100px;
}

.btn-rates {
  background-color: #fff;
  color: #d9b958;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  border-color: #d9b958;
  opacity: 1;
}

.btn-rates-selected {
  background-color: #d9b958;
  color: #fff;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  border-color: #d9b958;
  opacity: 1;
}

#cc-iframe-inclosure {
  text-align: center;
  margin-top: 15px;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #d9b958;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(217, 185, 88, .25);
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #d9b958;
  border-color: #d9b958;
}

.list-group-item-action:focus {
  color: #fff;
  background-color: #d9b958;
  border-color: #d9b958;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(217, 185, 88, .25);
}

div.page-contents {
  padding-top: 14vh;
  padding-top: 7%;
  margin-bottom: 1rem;
}

.modal {
  overflow-y: scroll;
  overflow: auto;
}

div.modal div.modal-header {
  background-color: #232323;
  color: #fff;
  border-bottom: 1px solid #232323;
}

div.modal button.close {
  color: #d9b958;
  text-shadow: none;
  opacity: 1;
}

div.modal button.close:hover {
  color: #e3cb82;
}

div#medList, div#medUsageList, div#fullUsageList, div#fullUsageMedList {
  height: 50vh;
  overflow: auto;
}

.color-srlife {
  color: #d9b958;
  text-decoration: none;
  cursor: pointer;
}

.color-srlife:hover {
  color: #e3cb82;
  text-decoration: none;
  cursor: pointer;
}

.color-blue {
  color: #FF6347;
}

.bg-srlife {
  background-color: #d9b958;
  color: #fff;
}

.bg-4040 {
  background-color: #404040;
  color: #fff;
}

.bg-srlife-light {
  background-color: rgba(217, 185, 88, .25);
  color: #d9b958;
}

.bg-srlife-invert {
  background-color: transparent;
  color: #d9b958;
}

.card-header {
  background-color: #d9b958;
  color: #fff;
  text-align: center;
  font-size: x-large;
}

.card-body {
  background-color: #f2f2f2;
}

.nav-pills .nav-link.active {
  background-color: #d9b958;
}

.nav-pills .nav-link {
  border: .5px solid #d9b958;
  color: #232323;
  margin-right: 1rem;
}

ul#plan-payment-type a.active {
  color: #fff;
  font-weight: bold;
}

ul#plan-payment-type a {
  cursor: pointer;
}

iframe #outerContainer #mainContainer div.toolbar {
  display: none !important;
  /* hide PDF viewer toolbar */
}

iframe #outerContainer #mainContainer #viewerContainer {
  top: 0 !important;
  /* move doc up into empty bar space */
}

.nav-primary, .nav-primary:hover {
  font-weight: bold;
  text-transform: uppercase;
  color: #d9b958 !important;
  background-color: #faf6ea;
}

.nav-primary.active, .nav-primary.active:hover {
  color: #fff !important;
}

.nav-secondary, .nav-secondary:hover {
  font-weight: 600;
  text-transform: capitalize;
  color: #d9b958 !important;
  background-color: #faf6ea;
  font-size: 1.05rem;
}

.nav-secondary.active, .nav-secondary.active:hover {
  color: #fff !important;
}

label.healthq-text {
  font-weight: bold;
  text-align: justify;
  font-size: 1.2rem;
  color: #404040;
}

form#planhealthQs_form .form-check-label {
  font-weight: bold;
}

h5.recstmnt {
  line-height: 1.75;
  text-align: justify;
}

b.recvars {
  color: #404040;
}

div.microphone {
  position: relative;
}

canvas.visualizer {
  border-radius: 2rem;
  position: absolute;
  left: .6rem;
  bottom: -1.6rem;
}

i.fa-microphone {
  color: #d9b958;
}

i[data-toggle="popover"] {
  cursor: pointer;
}

div#pdfModal div.modal-body object {
  height: 75vh;
}

table#recording-confirm-table i {
  cursor: pointer;
}

th#th-insured {
  width: 670px;
}

.srlifexternalrec, .marylandminorxternalrec, .legacyxternalrec, .rxxternalrec {
  display: block;
  margin-bottom: 3rem;
}

.srlifexternalrec p, .marylandminorxternalrec p, .rxxternalrec p {
  color: #d9b958;
  padding-right: 5rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.legacyxternalrec p {
  color: #006298;
  font-size: 1.1rem;
  font-weight: 600;
}

@media only screen and (max-width: 1199px) {
   .modal-dialog {
     max-width: 1000px;
   }
}

@media only screen and (max-width: 991px) {


  #outsideNextBtn {
    display: none;
  }

  .modal-dialog {
    max-width: 850px;
  }

}

@media only screen and (max-width: 767px) {

  #primary-pills {
    display: grid;
  }

  #outsideNextBtn {
    display: none;
  }

  .iconwrapper {
    display: grid;
    grid-template-areas:
      ". a ."
      ". b ."
      ". c ."
      ". d ."
      ". e ."
      ". f .";
  }

  #appicon {
    margin-top: 2rem;
    justify-content: left;
  }

  #pendingicon {
    margin-top: 2rem;
    justify-content: left;
  }

  #constructionicon {
    margin-top: 2rem;
    justify-content: left;
  }

  #notificationicon {
    margin-top: 2rem;
    justify-content: left;
  }

  #presentationicon {
    margin-top: 2rem;
    margin-bottom: 2rem;
    justify-content: left;
  }

  #portalicon {
    margin-top: 2rem;
    margin-bottom: 2rem;
    justify-content: left;
  }

  .iconwrapper img, .iconwrapper i, .iconwrapper object {
    width: 6rem;
    float: left;
  }

  .iconwrapper p {
    float: right;
    margin: 2rem 0 0 1rem;
  }

  div#pdfModal {
    padding-left: 0 !important;
  }

  div#pdfModal div.modal-body object {
    height: 85vh;
  }
  div#pdfmodaldialog {
    margin: 0;
    width: 100%;
    max-width: none;
  }

}

.child-rider-section {
  padding: 15px;
  margin-bottom: 30px;
}

#pref-div {
  width: 350px;
  max-height: 80vh;
  overflow: auto;
}

div.modal.live-verification-modal div.modal-content {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

div.modal.live-verification-modal div.modal-header {
  background-color: #d9b958;
}

div.modal.live-verification-modal div.modal-header h5.modal-title {
  font-size: 1.5rem;
}

.placeholder-italic::placeholder {
  font-style: italic;
  font-weight: 300; /* Adjust the number for thinness, where 100 is the thinnest and 900 is the thickest */
}

.pac-item, .pac-item span, .pac-item-query {
  text-transform: uppercase !important;   
}
.pac-container::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  height: 0px !important;
}
.pac-container {
  z-index: 10000 !important;
  position: absolute !important;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.pac-item:hover {
  background-color: #f0f0f0 !important;
}