/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/notification_popups/close-notification-button.vue?vue&type=style&index=0&id=4cfec3e7&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/

.remove-notif[data-v-4cfec3e7]{
    right: 0pt !important;
    padding:4pt;
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/notification_popups/notif.vue?vue&type=style&index=0&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************/

.alert-success{
  background: #4caf50;
  color:white;
}
.alert-dismissible-close{
  padding: 4pt 4pt;
  font-size: 14pt;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/notification_popups/notification-stacker.vue?vue&type=style&index=0&id=3cbeff9b&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/

#notification-alert-list[data-v-3cbeff9b] {
  top: 0pt;
  max-height: 0pt;
  width: 100%;
  padding: 0;
  z-index: 999;
  transition: 0.3s;
  margin: 0pt;
  position: absolute;
  bottom: 0pt;
  position: fixed;
  /* display: flex;
  flex-wrap: wrap;
  text-align: center; */
}
.stretch[data-v-3cbeff9b] {
  max-height: 50pt !important;
}
#root-notification-holder[data-v-3cbeff9b] {
  min-width: 275pt;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0pt;
  box-shadow: 0pt 0pt 3pt #646464;
}
.notification-alert[data-v-3cbeff9b] {
  width: 100%;
  text-align: center;
  font-size: 10pt;
  margin: 0pt;
  padding: 9pt 18pt;
  height: fit-content;
  white-space: wrap;
}
@media (min-width: 740px) {
.notification-alert[data-v-3cbeff9b] {
    width: 700px;
    text-align: center;
    font-size: 13pt;
    margin: 0pt;
    padding: 9pt 18pt;
    height: fit-content;
    white-space: nowrap;
}
}
@media (min-width: 1000px) {
.notification-alert[data-v-3cbeff9b] {
    width: 100%;
    text-align: center;
    font-size: 13pt;
    margin: 0pt;
    padding: 9pt 18pt;
    height: fit-content;
    white-space: nowrap;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/root/root.vue?vue&type=style&index=0&id=185c24cb&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************/

#root-view-holder[data-v-185c24cb] {
  display: flex;
  text-align: center;
  flex-direction: column;
  /* height: 100%; */
  background: white;
}
@media (min-width: 900px) {
#root-view-holder[data-v-185c24cb] {
    display: flex;
    text-align: center;
    flex-direction: column;
    height: 100%;
    overflow-y: hidden;
    background: white;
}
}

/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/_buttons.css ***!
  \******************************************************************************/

/* Highlighter for the categories which are selected */
.filter-selected{

  /* box-shadow: 0pt 2pt 5pt #33333336;
  border-color: skyblue !important; */

  font-weight: bold !important;
  background: #f0f9fd;
  color: #0082e9;
}

.filter-selected-menu {
  font-weight: bold !important;
  background: #66c6d9;
  color: white;
}



/**
  Highlights a font-awesome icon when its "selected"
*/
.selected-icon{
  border: 1pt solid #2682ec !important;
  color: #0082e9 !important;
}

.selected-icon-menu{
  border: 1pt solid #66c6d9 !important;
  color: #66c6d9 !important;
}




.big-blue-button{
  position: relative;
  margin-top: 15pt;
  margin-bottom: 15pt;
  margin-left: 15pt;
  border-radius: 5pt;
  padding: 7pt 50pt;
  background: #0062cc;
  margin-right: 5pt;
  border-color: lightgrey;
  color: white;
  transition: 0.2s;
}

.big-blue-button:disabled{
  background: #f7f7f7;
  color: lightgrey;
}

.big-blue-button:hover{
  cursor: pointer;
  box-shadow: 0pt 0pt 5pt #0000008c;
}

.reload-button{
  display: inline-block;
  margin: 5pt;
  border-radius: 50%;
  padding: 8pt;
  color: grey;
  font-size: 10pt;
  transition:0.1s;
  position:relative;
}

.reload-button:hover{
  background: #e8e8e8;
  color: black;
  cursor:pointer;
}

.reload-button-popout{
  font-weight: normal;
  pointer-events: none;
  opacity: 0;
  background: #000000;
  padding: 3pt 6pt;
  border-radius: 5pt;
  color: #ffffff;
  white-space: nowrap;
  position: absolute;
  box-shadow: 0pt 3pt 5pt #e1e1;
  font-style: normal;
  z-index: 3;
  text-align: center;
  top: 24pt;
  right: inherit;
  transform: translate(-0%);
  left: -52%;
  font-size: 12pt;
}

.reload-button:hover .reload-button-popout{
    opacity:1;
}

/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/_scroll_bars.css ***!
  \**********************************************************************************/
.scroll-style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.scroll-style-3::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.scroll-style-3::-webkit-scrollbar-thumb {
    background-color: #b6b6b6;
    border-radius: 5pt;
}



/* Managers menu  */
.scroll-menu-style-1::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%); */
    background-color: white;
}

.scroll-menu-style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #f9f9f9;
}

.scroll-menu-style-1::-webkit-scrollbar-thumb {
    background-color: rgb(199 199 199);
    border-radius: 5pt;
    border-width: 0pt;
}

/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/_form_inputs.css ***!
  \**********************************************************************************/

.form-input{
  background: #fafafa;
  border-radius: 5pt;
  padding: 2pt;
  border: none;
  border: 1pt solid #d0d0d0;
}

.error-red{
  background: #fff2f2;
  color: #7b0000;
  border: none;
}

.valid-green{
  border-color:green;
  background: #ebffff;
  color: #006666;
}

/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/_tables.css ***!
  \*****************************************************************************/
.table-row{
    border-radius: 1pt;
    border-top: none;
    text-align: left;
    border-collapse: unset !important;
    position:relative;
    margin-top: 10pt;
    padding-inline: 10pt;
}

@media (min-width: 1300px) {
    .table-row{
        border-radius: 1pt;
        border-top: 1pt solid #e2e2e2;
        text-align: left;
        border-collapse: unset !important;
        position:relative;
        margin-top: 0pt;
        padding-inline: 10pt;
    }
  }

.table-row:hover  {
    box-shadow: 0pt 3pt 5pt #9a9a9a;
    border-color: #cfcfcf;
}

.unclickable-table-row{
  border-radius: 1pt;
  border-top: 1pt solid #e2e2e2;
  text-align: left;
  border-collapse: unset !important;
  position:relative;
  margin-bottom: 10px; 
}

.table-holder{
    height: calc(100vh - 120pt);
    margin-bottom: 50pt;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media (min-width: 900px)  {
    .table-holder{
        height: calc(100vh - 120pt);
        margin-bottom: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
}

.table-holder > table{
    width:100%;
}

/* Mobile view: The table will stack with each TD as a row */
@media (max-width: 950px)  {

    table, thead, tbody, th, td, tr { 
        display: block; 
    }

    /* Hide table headers */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { border: none; }

    @media (min-width: 950px) {
        tr { border: 1px solid #ccc; }
      }

      td { 
        /* Each cell is displayed as a row */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }

    td:before { 
        /* Label the data */
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        font-size: 13px;
    }

    @media (min-width: 800px) {
        td:before { 
            /* Label the data */
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            text-align:left;
            font-weight: bold;
            font-size: 16px;
        }
      }

    /*
    Label the data
    */
    td:nth-of-type(1):before { content: "Prospect Name"; }
    td:nth-of-type(2):before { content: "Email"; }
    td:nth-of-type(3):before { content: "Customer Number"; }
    td:nth-of-type(4):before { content: "New Application Sent"; }
    td:nth-of-type(5):before { content: "Actions"; }


.policies-table-pending td:nth-of-type(1):before { content: "Select"; }
.policies-table-pending td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-pending td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-pending td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-pending td:nth-of-type(5):before { content: "Type"; }
.policies-table-pending td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-pending td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-pending td:nth-of-type(8):before { content: "Edit Link Sent"; }
.policies-table-pending td:nth-of-type(9):before { content: "Status"; }
.policies-table-pending td:nth-of-type(10):before { content: "Notifications"; }

.policies-table-under_review td:nth-of-type(1):before { content: "Select"; }
.policies-table-under_review td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-under_review td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-under_review td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-under_review td:nth-of-type(5):before { content: "Type"; }
.policies-table-under_review td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-under_review td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-under_review td:nth-of-type(8):before { content: "Date Submitted"; }
.policies-table-under_review td:nth-of-type(9):before { content: "Status"; }
.policies-table-under_review td:nth-of-type(10):before { content: "Notifications"; }

.policies-table-renewal_notice_sent td:nth-of-type(1):before { content: "Select"; }
.policies-table-renewal_notice_sent td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-renewal_notice_sent td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-renewal_notice_sent td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-renewal_notice_sent td:nth-of-type(5):before { content: "Type"; }
.policies-table-renewal_notice_sent td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-renewal_notice_sent td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-renewal_notice_sent td:nth-of-type(8):before { content: "Renewal Link Sent"; }
.policies-table-renewal_notice_sent td:nth-of-type(9):before { content: "Status"; }
.policies-table-renewal_notice_sent td:nth-of-type(10):before { content: "Notifications"; }

.policies-table-approved td:nth-of-type(1):before { content: "Select"; }
.policies-table-approved td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-approved td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-approved td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-approved td:nth-of-type(5):before { content: "Type"; }
.policies-table-approved td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-approved td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-approved td:nth-of-type(8):before { content: "Approval Date"; }
.policies-table-approved td:nth-of-type(9):before { content: "Status"; }
.policies-table-approved td:nth-of-type(10):before { content: "Notifications"; }

.policies-table-active td:nth-of-type(1):before { content: "Select"; }
.policies-table-active td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-active td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-active td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-active td:nth-of-type(5):before { content: "Type"; }
.policies-table-active td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-active td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-active td:nth-of-type(8):before { content: "Status"; }
.policies-table-active td:nth-of-type(9):before { content: "Notifications"; }

.policies-table-lapsed td:nth-of-type(1):before { content: "Select"; }
.policies-table-lapsed td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-lapsed td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-lapsed td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-lapsed td:nth-of-type(5):before { content: "Type"; }
.policies-table-lapsed td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-lapsed td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-lapsed td:nth-of-type(8):before { content: "Lapsed Date"; }
.policies-table-lapsed td:nth-of-type(9):before { content: "Status"; }
.policies-table-lapsed td:nth-of-type(10):before { content: "Notifications"; }

/* .policies-table-renewalexpired td:nth-of-type(1):before { content: "Select"; }
.policies-table-renewalexpired td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-renewalexpired td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-renewalexpired td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-renewalexpired td:nth-of-type(5):before { content: "Type"; }
.policies-table-renewalexpired td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-renewalexpired td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-renewalexpired td:nth-of-type(8):before { content: "Lapsed Date"; }
.policies-table-renewalexpired td:nth-of-type(9):before { content: "Status"; }
.policies-table-renewalexpired td:nth-of-type(10):before { content: "Notifications"; } */

.policies-table-cancelled td:nth-of-type(1):before { content: "Select"; }
.policies-table-cancelled td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-cancelled td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-cancelled td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-cancelled td:nth-of-type(5):before { content: "Type"; }
.policies-table-cancelled td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-cancelled td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-cancelled td:nth-of-type(8):before { content: "Cancellation Date"; }
.policies-table-cancelled td:nth-of-type(9):before { content: "Status"; }
.policies-table-cancelled td:nth-of-type(10):before { content: "Notifications"; }

.policies-table-extended_reporting_period td:nth-of-type(1):before { content: "Select"; }
.policies-table-extended_reporting_period td:nth-of-type(2):before { content: "Insured Name"; }
.policies-table-extended_reporting_period td:nth-of-type(3):before { content: "Customer Number"; }
.policies-table-extended_reporting_period td:nth-of-type(4):before { content: "Policy Number"; }
.policies-table-extended_reporting_period td:nth-of-type(5):before { content: "Type"; }
.policies-table-extended_reporting_period td:nth-of-type(6):before { content: "Effective Date"; }
.policies-table-extended_reporting_period td:nth-of-type(7):before { content: "Expiry Date"; }
.policies-table-extended_reporting_period td:nth-of-type(8):before { content: "ERP Purchase Date"; }
.policies-table-extended_reporting_period td:nth-of-type(9):before { content: "Status"; }
.policies-table-extended_reporting_period td:nth-of-type(10):before { content: "Notifications"; }


.client-table  td:nth-of-type(1):before { content: "Coverage"; }
.client-table td:nth-of-type(2):before { content: "Limit"; }
.client-table td:nth-of-type(3):before { content: "Deductible"; }
.client-table td:nth-of-type(4):before { content: "Premium"; }

#payment-stats-table  .payment-total-premium-title:before { content: "Total Premium"; }
#payment-stats-table .payment-policy-fee-title:before { content: "PROLINK Policy Fee"; }
#payment-stats-table .payment-province-pst-title:before { content: "Province PST"; }
#payment-stats-table .payment-total-cost-title:before { content: "Total Cost"; }


.current-insurance-plan-table  td:nth-of-type(1):before { content: "Coverage"; }
.current-insurance-plan-table td:nth-of-type(2):before { content: "Limit"; }
.current-insurance-plan-table td:nth-of-type(3):before { content: "Deductible"; }
.current-insurance-plan-table td:nth-of-type(4):before { content: "Premium"; }

@media (max-width: 950px) {
        .current-insurance-plan-table-cost .table-td span { 
            padding-top: 20pt;
        }
  }


.current-insurance-plan-table-cost td:nth-of-type(4):before { content: "Total Premiums"; }
.current-insurance-plan-table-cost .fee-td:before { content: "Policy Fee" !important; }
.current-insurance-plan-table-cost .tax-td:before { content: "PST" !important;}

.current-insurance-plan-table-total td:nth-of-type(1):before { content: ""; }
.current-insurance-plan-table-total td:nth-of-type(2):before { content: ""; }
.current-insurance-plan-table-total td:nth-of-type(3):before { content: ""; }
.current-insurance-plan-table-total td:nth-of-type(4):before { content: ""; }
}

@media (max-width: 950px) {
#client-policy-table td:nth-of-type(1):before { content: "Insured Name"; }
#client-policy-table td:nth-of-type(2):before { content: "Customer Number"; }
#client-policy-table td:nth-of-type(3):before { content: "MyPortal ID"; }
#client-policy-table td:nth-of-type(4):before { content: "Effective"; }
#client-policy-table td:nth-of-type(5):before { content: "Expires"; }
#client-policy-table td:nth-of-type(6):before { content: "Status"; }
#client-policy-table td:nth-of-type(7):before { content: "Notices"; }
}
/*!***************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/style.css ***!
  \***************************************************************************/

body{
  background: #f3f3f3;
  margin: 0;
}

/* Company colors. */

/* General text font (off black): */
.off-black-font-color{
  color:#333333;
}

/* Midnight blue (dark blue): */
.midnight-blue-font-color{
  color:#294273;
}

/* Midnight blue (dark blue): */
.midnight-blue-background{
  background: #294273;
}

.sky-blue-font-color{
  color: #66c6d9
}

.sky-blue-background{
  background: #66c6d9
}

.light-sky-blue-background{
  background: #D3EFF4;
}


/* Lavender (purple): */
.lavender-background{
  background:#845ba5;
}

.lavender-font-color{
  color:#845ba5;
}


/* purple */
.purple-background{
  background: #a7a9aa
}

.purple-font-color{
  color:#a7a9aa;
}


/* Salmon roe (red): */
.salmon-roe-background{
   background: #ea6668;
}

/* Salmon roe (red): */
.salmon-roe-font-color{
   color: #ea6668;
}

/* dark green */
.teal-background{
  background: #4d95a6
}






.arrow-up {
  width: 0;
  height: 0;
  border-left: 5pt solid transparent;
  border-right: 5pt solid transparent;
  border-bottom: 5pt solid black;
}

.triangle{
  bottom: 8%;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 4pt solid transparent;
  border-right: 4pt solid transparent;
}

.tri-down{
  border-top: 4pt solid black;
}

.tri-up{
  border-bottom: 4pt solid black;
}
/* used as the darkbackground for popups. */
.popup-dark-background{
  width: 100vw;
  height: 100vh;
  background: #00000040;
  display: inline-block !important;
  position: fixed;
  z-index: 999;
  display: flex;
  left: 0;
  top: 0;
}

@media (min-width: 950px) {
  .popup-dark-background{
    width: 100vw;
    height: 100vh;
    background: #00000040;
    display: inline-block !important;
    position: fixed;
    z-index: 1;
    display: flex;
    left: 0;
    top: 0;
  }
}

.popup-box{
  background: white;
  width: 90%;
  height: fit-content;
  padding: 15pt;
  position: absolute;
  left: 50%;
  top: 17%;
  transform: translate(-50%);
  font-size: 14pt;
  min-width: 90%;
  padding: 15pt;
  border-radius: 10pt;
  text-align: center;
}

@media (min-width: 950px) {
  .popup-box{
    background: white;
    width: fit-content;
    height: fit-content;
    padding: 15pt;
    position: absolute;
    left: 50%;
    top: 17%;
    transform: translate(-50%);
    font-size: 14pt;
    min-width: 500pt;
    padding: 15pt;
    border-radius: 10pt;
    text-align: center;
  }
  
}

.popup-box-title{
  font-size: 25pt;
  margin: 15pt;
  color: #294273;
}

.popup-box-button{
  background: #ffffff;
  color: black;
  border-radius: 25pt;
  padding: 6pt 8pt;
  font-size: 14pt;
  width: fit-content;
  margin: 15pt auto;
  width: 206pt;
  height: 35pt;
  color: #4c4c4c;
  transition: 0.2s;
  box-shadow: 0pt 2pt 3pt #00000036;
  border-color: #d8d8d8;
}

.popup-box-button:hover{
    background: #007bff;
    cursor: pointer;
    color: white;
}

.hover-highlightable{

}

.hover-highlightable:hover{
  background: #cfcfcf;
  cursor: pointer;
}

.hover-highlightable:hover .hidden-message{
  opacity: 1;
}

.hidden-message{
  position: absolute;
  z-index: 2;
  opacity: 0;
  font-family: sans-serif;
  bottom: -47pt;
  left: 50%;
  transform: translate(-50%);
  background: #404040;
  color: white;
  padding: 5pt;
  border-radius: 5pt;
  pointer-events: none;
  font-style: normal;
  transition: 0.2s;
}

.hover-highlightable:active{
  background: black;
  color: white;
}

#root-content-holder{
  display: flex;
}

.smooth-square-border{
  border-radius: 3pt;
}

.selectable-border-width{
  border-width: 2pt;
}

#main-title{
  font-size: 29pt;
  text-align: center;
  text-decoration: none;
}

.menu-title{
  background: white;
  font-weight: bold;
  padding: 11pt;
  border-bottom: 2pt solid #f3f3f3;
}

.menu-component{
  color: black;
  height: calc(100vh - 60pt);
  min-width: 180pt;
  max-width: 180pt;
}

@media (min-width: 1000px) {
  .menu-component{
    color: black;
    height: calc(100vh - 60pt);
    min-width: 203pt;
    max-width: 203pt;
  }
}

.desktop-menu-list{
  padding: 0pt;
  list-style: none;
  width: 100%;
  background: white;
  font-size: 16pt;
  height: 100%;
  color: black;
  max-height: 250pt;
  border-bottom: 2pt solid #f3f3f3;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}



::-webkit-scrollbar {
    /* width: 0px;
    background: transparent; */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.desktop-menu-list:-webkit-scrollbar {
  display: none;
}

.alert-danger{
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-radius: 0pt;
  padding: 0pt 7pt;
}





.menu-button {
  border-radius: 4pt;
  border: 1pt solid #d0d0d0;
  box-shadow: 0pt 3pt 6pt #ececec75;
  text-align: center;
  position: relative;
  width: 150pt;
  display: inline-block;
  padding: 4pt 10pt;
  cursor: default;
  margin: 0;
  transition: 0.1s;
}

@media (max-width: 900px) {
  .menu-button {
    border-radius: 4pt;
    border: 1pt solid #d0d0d0;
    box-shadow: 0pt 3pt 6pt #ececec75;
    text-align: center;
    position: relative;
    width: 80px;
    display: inline-block;
    padding: 4pt 10pt;
    cursor: default;
    margin: 0;
    transition: 0.1s;
  }
}

.menu-button::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}

.menu-button.black-background::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 22pt solid transparent;
  position: absolute;
}

.menu-button.filter-selected{
  box-shadow: none;
  background: #87ceeb1f;
  border: 1px solid #93c6ff;
  border-top: none;

}

@media (max-width: 900px) {
  .menu-button.filter-selected{
    box-shadow: none;
    background: #87ceeb1f;
    border: 1px solid #93c6ff;
    border-top: none;
    width: 80px;
  }
}

.policy-menu-button{
  border-radius: 0pt 0pt 4pt 4pt;
  border-top:none;
}


#current-user-name{
  background: white;
  font-weight: bold;
  border-bottom: 2pt solid black;
  border-top: 2pt solid;
}

.anchor-link {
  display: block;
  margin: 0pt;
  margin-top: 15pt;
  text-align: center;
  color: #007bff !important;
  text-decoration: none !important;
  background-color: transparent !important;
  -webkit-text-decoration-skip: objects !important;
}

.anchor-link:hover{
  color: -webkit-link !important;
  text-decoration: underline !important;
  cursor: default !important;
}


.center-panel{
    flex-grow: 1;
    position: relative;
    width: fit-content;
    min-width: 410pt;
    margin: 0pt auto;
}

.center-panel-holder{
    padding: 0pt 0pt;
    overflow-y: scroll;
    margin: 0pt auto;
    height: calc(100vh - 110pt);
    padding-left: 15pt;
    padding-right: 15pt;
        margin-top: 45pt;
        min-width: 0;
        max-width: 660px;
}

@media (min-width: 1120px) {
  .center-panel-holder{
    padding: 0pt 0pt;
    overflow-y: scroll;
    margin: 0pt auto;
    height: calc(100vh - 110pt);
    padding-left: 15pt;
    padding-right: 15pt;
        margin-top: 45pt;
        min-width: 0;
        max-width: 100%;
}

}

.table-header{
  text-decoration: underline;
  text-align: left;
  padding: 15pt;
  padding-left: 10pt;
  white-space: nowrap;
}

.table-header-centered{
    text-decoration: underline;
    text-align: left;
    padding: 15pt;
    white-space: nowrap;
    text-align: left;
    padding-left: 23pt;
    position:relative;
}

.td-holder{
  display: flex;
  padding-top: 20pt;
}

@media (min-width: 950px) {
  .td-holder{
    display: flex;
    padding-top: 0;
  }
  
}

.table-guideline{
  height: 100%;
  border-bottom: 1px dotted #000000;
  flex-grow: 1;
  position: relative;
  bottom: -8pt;
  display: none;
}

@media (min-width: 950px) {
  .table-guideline{
    height: 100%;
    border-bottom: 1px dotted #000000;
    flex-grow: 1;
    position: relative;
    bottom: -8pt;
    display: block;
  }
}



.non-editable-label{
  background: white;
  padding-right:10pt;
  padding-top: 10pt;
}

@media (min-width: 950px) {
  .non-editable-label{
    background: white;
    padding-right:10pt;
    padding-top: 0;
  }
}

.table-label{
  margin-right: 8pt;
  white-space: nowrap;
}

.table-label-centered{
  margin-right: 0pt;
  margin-left: 0pt;
  white-space: nowrap;
  text-align: left;
  padding: 15pt 0pt;
}

@media (min-width: 1300px) {
  .table-label-centered{
    margin-right: 8pt;
    margin-left: 8pt;
    white-space: nowrap;
    text-align: center;
    padding: 8pt 0pt;
  }
}

.long-table-td{
  min-width: 200pt;
}

.table-td{
  max-width: 317pt;
  min-width: 178pt;
  padding: 9pt;
  margin: 9pt;
  text-align: left;
  font-size: 12pt;
  position: relative;
  display: flex;
}

@media (min-width: 950px) {
  .table-td{
    max-width: 317pt;
    min-width: 178pt;
    padding: 9pt;
    margin: 9pt;
    text-align: left;
    font-size: 12pt;
    position: relative;
    display: table-cell;
  }
}

@media (max-width: 800px) {
  .hideMobileSm {
    display: none !important;
  }
}

@media (max-width: 1300px) {
  .hideMobile {
    display: none !important;
  }
}

@media (max-width: 950px) {
  .hideMobileLg {
    display: none !important;
  }
}

@media (min-width: 800px) {
  .hideDesktopSm {
    display: none !important;
  }
}

@media (min-width: 950px) {
  .hideDesktopLg {
    display: none !important;
  }
}
/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/policy_components/style.css ***!
  \*********************************************************************************************/
#policy-holder{
  flex-grow: 1;
  display: flex;

}

#policy-loaded{
  flex-grow: 1;
  display: flex;
}



.right-panel-component{
  text-align: left;
  padding: 15pt;
  padding-left: 25pt;
  width: 320pt;
  /* border-bottom: 1px solid #e2e2e2; */
}

.right-panel-component-header{
  font-size: 14pt;
  font-weight: bold;
  position: relative;
  display: flex;
  padding-bottom: 2pt;
  justify-content: space-between;
  position: relative;
  margin-bottom: 11pt;
  border-bottom: 1px solid #e2e2e2;
}

#client-policy-term-dates{
  margin-top: 50pt;
  font-size: 16pt;
}

.current-insurance-plan-table{
    font-size: 14pt;
    width: 100%;
}

.current-insurance-plan-table-cost {
  font-size: 14pt;
  width: 100%;
}

.cost-item{
  max-width: fit-content;
  text-align: left;
  display: flex;
}


.td-total{
  font-size: 18pt;
  font-weight: bold;
}

#cost-holder{
  display: flex;
  flex-direction: column;
  margin: auto;
}

#total-cost-holder{
  margin-top:35pt;
}

#cost-breakdown-splitter{
    margin: 50pt 0pt 50pt 0pt;
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/policy_components/policy-summary.css ***!
  \******************************************************************************************************/


.custom-premium-input{
  display: inline-block;
  max-width: 79pt;
  padding-left: 13pt;
  margin-right: 15pt;
}


.currency-wrapper {
  display: inline-block;
  position: relative;
}

.currency-wrapper::before {
  content: "$";
  font-family: "Roboto Regular", sans-serif;
  font-size: 16pt;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

/*!************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/policy_components/coverage.css ***!
  \************************************************************************************************/


/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/policy_components/policy-docs.css ***!
  \***************************************************************************************************/




.doc-header-right{
  display: inline-block;
  text-align: right;
  font-size: 12pt;
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/policy_components/policy-details.css ***!
  \******************************************************************************************************/


#policy-details{
    margin-right: 25pt;
   display: flex;
   flex-direction: column;
}




.policy-detail{
    display: inline-block;
    font-size: 12pt;
    text-align: left;
    padding: 0pt 13pt;
    position: relative;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.policy-detail-holder{
   margin-bottom: 15pt;
   position: relative;
   display: flex;
}

.policy-detail-label{
  min-width: 100pt;
  white-space: nowrap;
}
.policy-status-right{
}

.active-status-color{
  background: lawngreen;
  color: #5f9e21;
}

#program-arrow{
  position: absolute;
  top: -5pt;
  left: 163pt
}

#policy-program-full-name{
  position: absolute;
  opacity: 0;
  left: 0;
  min-width: 160pt;
  max-width: 320pt;
  top: 27pt;
  background: black;
  color: white;
  padding: 10pt;
  z-index: 2;
  width: fit-content;
  border-radius: 4pt;
  transition: 0.2s;
  pointer-events: none;
  transform: translate(-50%);
}

#policy-program-acronym:hover #policy-program-full-name{
  opacity: 1;
}

/*!***********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/client/client.css ***!
  \***********************************************************************************/
#client-main-holder{
  display: flex;
  height: 87%;
  flex-basis: inherit;
}

#client-main-holder > div {
  display: flex;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/client/client-application.css ***!
  \***********************************************************************************************/


#application-user-info-form{
  margin: 15pt;
  background: white;
}

.application-user-info{

  display: block;
  margin: 10pt;
}

/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/client/homepage.css ***!
  \*************************************************************************************/
#homepage-holder{
  margin-right: 15pt;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/prolink-employee.css ***!
  \*******************************************************************************************************/
#prolink-employee-view-holder{
    flex-grow: 1;
    display: flex;
}

#prolink-employee-content-holder{
  text-align: center;
  width: 100%;
}





#client-filter-title{
  padding-bottom:5pt;
  font-size: 16pt;
  font-weight: bold;
}

#prolink-employee-title{
  font-size: 22pt;
  padding: 42pt;
}

 .doc-image{
   width:50pt;
   height:50pt;
   background: black;

 }

 .downloadable-doc-title{
   font-size: 12pt;
 }

.horz-button-holder{
    display: flex;
    flex-direction: row;
}

.policy-content-holder{
  display: flex;
  flex-direction: row;
  /* padding-top: 10pt; */
}

@media (min-width: 950px) {
  .policy-content-holder{
    display: flex;
    flex-direction: row;
    /* padding-top: 0; */
  }
}


.policy-result-td{
  padding: 13pt 15pt;
  margin-right: 15pt;
  padding-right: 0pt;
  cursor: default;
  font-size: 12pt;
  text-align: center;
  position: relative;
  max-width: 247pt;
  text-overflow: ellipsis !important;
  height: 61pt;
  white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 900px) {
  .policy-result-td{
    padding: 20pt 20pt;
    margin-right: 15pt;
    padding-right: 0pt;
    cursor: default;
    font-size: 12pt;
    text-align: left;
    position: relative;
    max-width: 247pt;
    text-overflow: ellipsis !important;
    height: 61pt;
    white-space: nowrap;
    overflow: hidden;
  }
}

.policy-result-td:hover{
  cursor: pointer;
}

.policy-result-td > input[type=checkbox]{
  margin-top: 20pt;
}

.unclickable-policy-result-td{
  padding: 30pt 5pt;
  margin-right: 15pt;
  margin-left: 10pt;
  padding-right: 0pt;
  cursor: default;
  font-size: 12pt;
  text-align: left;
  position: relative;
  max-width: 247pt;
  text-overflow: ellipsis !important;
  height: 85pt;
  white-space: nowrap;
}

@media (min-width: 1300px) {
  .unclickable-policy-result-td{
    padding: 13pt 15pt;
    margin-right: 15pt;
    margin-left: 10pt;
    padding-right: 0pt;
    cursor: default;
    font-size: 12pt;
    text-align: left;
    position: relative;
    max-width: 247pt;
    text-overflow: ellipsis !important;
    height: 61pt;
    white-space: nowrap;
  }
}
/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/content/manager-content-menu.css ***!
  \*******************************************************************************************************************/

#manager-content-menu{
    font-size: 15pt;
    display: flex;
    justify-content: space-evenly;
    background: #f0f0f0;
}

.manager-content-tab{
    border: none;
    padding: 2pt 5%;
    border-bottom: 4pt solid #f0f0f0;
}

.manager-content-tab:hover{
    cursor: pointer;
}

.manager-content-tab:active{
    border:none;
}

.manager-content-tab:focus{
    border:none;
}

.selected-manager-content-tab{
    border-color:black;
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/content/policy-list.css ***!
  \**********************************************************************************************************/


#policy-list-holder{
  background: white;
  border-left: 1pt solid #f3f3f3;
  width: 100%;
  overflow-x: scroll;
}

#policy-list-table{
  text-align: center;
  width: 100%;
  font-size: 16pt;
  max-width: 550pt;
  margin: auto;
  margin-top: 25pt;
}


#no-programs-yet{
  font-size: 15pt;
  padding: 30pt 0pt;
  color: grey;
}



.policy-table-notice-date{
    width: 131pt;
    text-align:center;
    white-space: nowrap;
    padding-top: 18pt;
}

.policy-button-holder{
    display: flex;
    flex-direction: row;
}

.policy-button {
  border-radius: 50pt;
  width: 30pt;
  height: 30pt;
  align-items: center;
  display: flex;
  font-size: 12pt;
  position: relative;
  line-height: 1;
  cursor: pointer;
  background: #efefef;
  color: black;
  border: 1pt solid #aeaeae;
}

.policy-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.policy-button-text {
  position: absolute;
  top: 40px;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.table-notice-button-wrapper {
  position: relative;
  cursor: pointer;
}

.dropdown-menu-notice-buttons {
    position: relative;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 5px;
    box-shadow: none;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

@media (min-width: 950px) {
  .dropdown-menu-notice-buttons {
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
    top: 20px;
    right: 45px;
    z-index: 999;
    width: 150px;
    display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0;
      flex-direction: column;
  }
}


.menu-item {
  padding: 5px 10px;
  text-align: left;
  border: none;
  background: none;
  width: 100%;
  cursor: pointer;
}

.menu-item:hover {
  background-color: #f2f2f2;
}

.table-notice-button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.button-icon{
    font-size: 22pt;
    border-radius: 50%;
    padding: 4pt;
    left: -8pt;
    top: -6pt;
    position: relative;
}

.policy-button:hover {
  cursor: pointer;
  background: #cccccc;
}

.notice-button-popout {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  background: #f2f2f2;
  padding: 5px 10px;
  font-size: 8pt;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.policy-button:hover .notice-button-popout {
  opacity: 1;
}

.right-end-td{
    /* padding-right: 15pt; */
}

.send-count{
  background: black;
  color: white;
  width: 20pt;
  height: 20pt;
  border-radius: 50%;
  display: inline-block;
  font-size: 16pt;
}

.overlapping-icon{
  position: absolute;
      left: -2pt;
      bottom: 2pt;
      font-size: 7pt;
      background: white;
}

.send-email-message{
  padding: 0pt 5pt;
}

.send-email-message:hover .hidden-message{
  opacity: 1;
}



/* .table-row:hover .row-hover-visible{
  opacity: 1;
} */

.row-hover-visible{
  font-size: 16pt;
  border-radius: 50%;
  margin: 0pt 5pt;
  opacity: 100;
  position: relative;
}

@media (min-width: 1300px) {
  .row-hover-visible{
    font-size: 16pt;
    border-radius: 50%;
    margin: 0pt 5pt;
    opacity: 1;
    position: relative;
  }
}

.notice-buttons-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
  margin-top: -30px;
  align-items: center;
  justify-content: center;
  margin: 0pt 1pt 0pt 1pt;
}


.centered-td{
    text-align: center;
}




.fixed-width-status{
  display: inline-block;
  width: 126pt;
  text-align: center;
}




#policy-search-holder{
    display: flex;
    flex-grow: 1;
    margin: 0pt 15pt;
}

.sending-spinner{
    top: 3pt;
    left: -22pt;
    height: 30pt;
    width: 30pt;
    position: absolute;
}

/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/content/program_reporting/custom-reports.css ***!
  \*******************************************************************************************************************************/



#open-program-reporting{
    border-radius: 50%;
    background: none;
    color: #818181;
    font-size: 12pt;
    height: 10pt;
    width: 35pt;
    border: none;
    margin-right: 0;
}

@media (min-width: 900px) {
    #open-program-reporting{
        border-radius: 50%;
        background: none;
        color: #818181;
        font-size: 14pt;
        height: 35pt;
        width: 35pt;
        border: none;
        margin-right: 5pt;
    
    }
  }

/* #custom-report-title{
    font-size: 9pt;
    color: #565656;
    background: rgb(249 249 249);
    width: 60pt;
    height: 60pt;
    min-width: 0;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 900px) {
    #custom-report-title{

        font-size: 14pt;
        color: #565656;
        background: rgb(249 249 249);
        padding: 5pt 15pt;
        position: relative;
        min-width: 235pt;
        border-radius: 0;
    }
  } */

  #custom-report-title{

    font-size: 14pt;
    color: #565656;
    background: rgb(249 249 249);
    padding: 5pt 15pt;
    position: relative;
    min-width: 235pt;
}



.toggle-reporting-button{
    opacity: 0;
    position: absolute;
    left: 0%;
    top: -25pt;
    font-size: 12pt;
    background: black;
    white-space: nowrap;
    color: white;
    border: 1pt solid black;
    padding: 3pt 6pt;
    border-radius: 4pt;
    transform: translate(-50%);
}

#custom-report-title:hover .toggle-reporting-button{
    opacity: 1;
}

#custom-report-title:hover{
    cursor: pointer;
}




.reports-super-checkbox{
    text-align: center;
    margin: 15pt;
    font-size: 14pt;
    white-space: normal;
    width: 110pt;
    white-space: nowrap;
}

.other-report-columns{
    display: flex;
    flex-direction: row;
    font-size: 12pt;
    text-align: left;
    background: #f2f2f2;
}

#left-report-column{
    border-bottom: 1pt solid #dbdbdb;
    place-content: center;
}

#reports-files-included{
    display: flex;
    flex-direction: column;
    place-content: center;
    background: #f2f2f2;
    border-top: 1pt solid black;
}

#custom-report-holder{
    text-align: left;
    position: absolute;
}

.movedown{
    transform: translate(0,-100%);
}

label input[type=checkbox]{
    margin: 5pt;
    outline-style: auto;
}

.report-date{
  font-size: 14pt;
  margin-top: 15pt;
}


.report-date input{
  text-align: center;
}

#policy-reporting-title{
  font-size: 14pt;
  padding: 21pt 15pt;
}

#open-custom-report-button{
    border-radius: 10pt 10pt 0pt 0pt;
    padding: 3pt 55pt;
}

#program-content-outer-holder{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    place-content: space-between;
}

#reports-content{
    width: 100%;
    display: flex;
    flex-direction: column;
}




#report-download-icon{
        margin-right: 5pt;
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/content/selected_policy/style.css ***!
  \********************************************************************************************************************/


#application-right-panel{

}

#client-icon-small{
    height: 18pt;
    margin-right: 4pt;
}


#approval-button{
  width: 100%;
  padding:10pt;
  font-size: 16pt;
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/content/selected_policy/client-info.css ***!
  \**************************************************************************************************************************/


#client-info-table{
  margin: auto;

  margin-top: 50pt;
}

/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/menu/option_groups/policy-table-filters.css ***!
  \******************************************************************************************************************************/

.icon-holder{
    text-align: left;
    display: inline-block;
    width: 16pt;
}

.overlapping-icons{
    position: relative;
}

.mini-icon{
    border: 1pt solid black;
    border-radius: 50%;
    padding: 2pt;
    font-size: 14pt;
    position: absolute;
    background: white;
    bottom: -5pt;
    right: -7pt;
    display: inline-block;
    width: 14pt !important;
    height: 14pt;
    color: black;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/menu/option_groups/additional-filters.css ***!
  \****************************************************************************************************************************/
#additional-filters-holder{
  position: absolute;
  bottom: 0;
  left: 50%;
}

#additional-filters{
  display: flex;
  flex-flow: row;
  flex-grow: 0;
  margin: 0pt 15pt 15pt 15pt;
  background: white;
  padding: 30pt;
  position: absolute;
  z-index: 1;
  border: 1pt solid grey;
  left: 50%;
  transform: translate(-100%);
  box-shadow: 0pt 5pt 5pt #0000002b;
}

.filter-group-title{
  margin-bottom: 10pt;
  display: inline-block;
  width: 100%;
  text-align: center;
}



.additional-filter-option{
  position: relative;
  padding: 5pt;
  text-align: left;
  border-top:1pt solid;
  border-bottom:1pt solid;
  border-color:white;
}

.additional-filter-option:hover{
  border-color:black;
}

.left-indent{
  margin-left: 15pt;
}


.small-left-arrow{
  width: 6pt;
  height: 6pt;
  background: white;
  border-right: 1pt solid #a8a8a8;
  border-top: 1pt solid #a8a8a8;
  top: 36%;
  left: -7%;
  z-index: 1;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/menu/option_groups/term-filters.css ***!
  \**********************************************************************************************************************/



.time-period{
  position: relative;
  text-align: center;
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/menu/option_groups/status-filters.css ***!
  \************************************************************************************************************************/

.search-filters-holder{
    display: flex;
    flex-direction: column;
}

.status-filters-holder{
    display: flex;
    flex-direction: column;
    margin-top: 1pt;
}


.search-filter-group-title{
  font-size: 14pt !important;
  font-weight: bold !important;
  padding-left: 15pt !important;
  display: flex !important;
  justify-content: space-between !important;
  height: 31px !important;
  padding-top: 2px !important;
  color: #212529 !important;
  margin-top: 15pt;
}

.search-filter-label{
      max-height: 20pt !important;
  padding: 7pt !important;
  border-left: 3pt solid white !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 !important;
  padding-left: 12pt !important;
  font-size: 12pt !important;
  white-space: nowrap !important;
  position: relative !important;
  padding-top: 0pt !important;
  padding-bottom: 0pt !important;
}

.search-filter-label:hover{
    cursor: pointer;

}

.search-filter-label > label{
cursor: pointer;
}

.search-filter-label:hover .menu-option-popout{
  opacity: 1;
  margin-left: 5pt;
}

.popup-holder:hover .menu-option-popout{
  opacity: 1;

}

.menu-option-popout{
    font-weight: normal;
    pointer-events: none;
    opacity: 0;
    background: #000000;
    padding: 3pt 6pt;
    border-radius: 5pt;
    color: #ffffff;
    white-space: nowrap;
    position: absolute;
    box-shadow: 0pt 3pt 5pt #e1e1;
    font-style: normal;
    z-index: 3;
    font-size: 12pt;
    text-align: center;
    /* transition: 0.5s; */
    /* right: 0pt;
    transform: translate(100%); */
}

.notice-button-popout{
    font-weight: normal;
    pointer-events: none;
    opacity: 0;
    background: #000000;
    padding: 3pt 6pt;
    border-radius: 5pt;
    color: #ffffff;
    white-space: nowrap;
    position: absolute;
    box-shadow: 0pt 3pt 5pt #e1e1;
    z-index: 3;
    text-align: center;
    top: 100%;
    left: 0;
    transform: translate(-34%);
    font-size: 14pt;
    width:fit-content;
    height:fit-content;
}

.explain-tri{
  bottom: 100%;
  left: 50%;

}


.status-button-text{
    padding-left: 5pt;
}

@media (max-width: 600px) {
  .status-button-text {
    padding-left: 5pt;
    font-size: 12pt;
}
}

.waiting-for-status{
  padding: 0pt 5pt;
  position: relative;
  z-index: 1;

}


.waiting-for-status:hover .menu-option-popout{
  opacity:1;
}



.policy-filter-button:hover{
    color:#333333;
    text-decoration: underline;
}

.policy-filter-button:hover .status-button-text{
    text-decoration: underline;
}



#client-filter-options{
  padding: 35pt;
  font-size: 16pt;
  text-align: left;
  min-width: fit-content;
}

.policy-filter-checkbox{
  margin-right: 5pt;

}





.progress-arrow{
  position: absolute;
  transform: rotate(45deg);
  background: #ffffff00;
}


.big-right-arrow{
  width: 13pt;
  height: 13pt;
  border-top: 1pt solid #a8a8a8;
  border-right: 1pt solid #a8a8a8;
  top: 29%;
  right: 7%;
  z-index: 1;
}

/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/prolink_employee/menu/option_groups/communication-filters.css ***!
  \*******************************************************************************************************************************/

#communication-filters {
  display: flex;
      flex-direction: column;
      background: #ffffff;

      padding: 15pt;
}

.email-filter-title{
  margin-right: 8pt;

}

.filter-checkbox-label{
  text-align: right;
}

.filter-label{
  width: 120pt;
    display: inline-block;
}

/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/admin/admin.css ***!
  \*********************************************************************************/


#admin-view-holder {
  width: 100%;
  display: flex;
  height: 100%;
}

#admin-content-holder {
  display: flex;
  text-align: center;
  flex-grow: 1;

}


#program-creation-holder{
  display: inline-block;
  text-align: center;
  max-width: 900pt;
  min-width: 525pt;
}

.main-row{
  padding: 20pt;
  width: 100%;

}

#full-program-name-input{
  min-width: 280pt;
  max-width: 80%;
}

.input-text{
  font-size: 15pt;
  padding: 5pt;
  border-radius: 3pt;
}

#full-program-name-input{
  width: 150pt;
}

#program-abbrev{
  width: 100pt;
}

#manager-assigner-title{
    margin-top: 50pt;
    font-size: 26pt;
}

#manager-assigner{
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

#manager-assigner > div{
  display: flex;
      flex-direction: column;
}

.manager-list-title{
  font-size: 22pt;
}
.manager-list{

  list-style: none;
  overflow-y: scroll;
  padding: 0;
  padding-top: 10pt;

  }

.manager-name{
  font-size: 17pt;
  border: 2pt solid white;
  border-radius: 2pt;
  padding: 5pt;
  cursor: default;
  position: relative;
}



.manager-name-not-selected{
  background:white;
  color:black;
}

.manager-name-not-selected:hover{
  border: 2pt solid black;
}

.manager-name-selected{
  background:black;
  color:white;
}



#selected-prolink-employee-box{
      font-size: 16pt;
}

.manager-column{
  height: 196pt;
  width: 222pt;
}

#select-managers-arrow{
  font-size: 60pt;
}

#create-program-button{
  background: white;
  border:2pt solid white;
  width: 206pt;
  height: 66pt;
  font-size: 16pt;
}

#create-program-button:hover{
  border: 2pt solid black;
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/admin/insurance-program.css ***!
  \*********************************************************************************************/

#program-holder{
  display: flex;
  flex-direction: column;
}

/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./public/styles/client-info.css ***!
  \*********************************************************************************/

#client-details-holder{
  padding: 15pt;
  width: 500pt;
  margin: 0 auto;
  background: white;

}

.client-top-row{
  display: flex;
  font-size: 14pt;
  padding: 12pt;
}

.client-info:{
  display: flex;
  flex-direction: column;
  width: 50%;
  text-align: left;
}

.client-doc-holder{
  display: flex;
  flex-direction: column;
  margin: 0pt 11pt;
}

.policy-docs{
  display: flex;
  text-align: center;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/header/policy_search/policy-search-bar.vue?vue&type=style&index=0&id=cd8e20c0&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/

#client-search-holder[data-v-cd8e20c0]{
  width: 100%;
   display: none;
   align-items: center;
   position: relative;
}
@media (min-width: 900px) {
#client-search-holder[data-v-cd8e20c0]{
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
}
#search-filter-options[data-v-cd8e20c0]{
  display: flex;
  right: 8px;
  height: 100%;
  justify-content: normal;
  align-items: center;
  padding: 0pt 15pt;
}
.active[data-v-cd8e20c0]{
  font-weight: bold;
  background: #f3f3f3;
  padding: 3pt 5pt;
  border-radius: 3pt;
}
input[type=radio][data-v-cd8e20c0] {
 opacity: 0;
 position: fixed;
}
.show-filters[data-v-cd8e20c0]{
  background: black;
}
.search-option-title[data-v-cd8e20c0]{
  padding: 3pt 10pt;
  white-space: nowrap;
  margin: 7pt 0pt;
  width: 68pt;
  text-align: center;
  color: #8a8a8a;
  display: flex;
  font-style: italic;
}
@media (min-width: 900px) {
.search-option-title[data-v-cd8e20c0]{
  padding: 0 0;
  white-space: nowrap;
  margin: 7pt 0pt;
  width: 52pt;
  text-align: center;
  color: #8a8a8a;
  display: flex;
  font-style: italic;
  font-size: 10pt;
}
}
@media (min-width: 1000px) {
.search-option-title[data-v-cd8e20c0]{
    padding: 3pt 10pt;
  white-space: nowrap;
  margin: 7pt 0pt;
  width: 68pt;
  text-align: center;
  color: #8a8a8a;
  display: flex;
  font-style: italic;
}
}
.search-option-holder[data-v-cd8e20c0]{
  padding: 3pt 10pt;
  white-space: nowrap;
  margin: 7pt 0pt;
  width: 68pt;
  text-align: center;
  justify-content: center;
  display: flex;
}
@media (min-width: 900px) {
.search-option-holder[data-v-cd8e20c0]{
  padding: 3pt 10pt;
  white-space: nowrap;
  margin: 7pt 0pt;
  width: 52pt;
  text-align: center;
  justify-content: center;
  display: flex;
}
.search-option-holder > label[data-v-cd8e20c0] {
  font-size: 10pt;
}
}
@media (min-width: 1000px) {
.search-option-holder[data-v-cd8e20c0]{
  padding: 3pt 10pt;
  white-space: nowrap;
  margin: 7pt 0pt;
  width: 68pt;
  text-align: center;
  justify-content: center;
  display: flex;
}
.search-option-holder > label[data-v-cd8e20c0] {
  font-size: 11pt;
}
}
@media (min-width: 1100px) {
.search-option-holder[data-v-cd8e20c0]{
  padding: 3pt 10pt;
  white-space: nowrap;
  margin: 7pt 0pt;
  width: 68pt;
  text-align: center;
  justify-content: center;
  display: flex;
}
.search-option-holder > label[data-v-cd8e20c0] {
  font-size: 12pt;
}
}
.search-option-holder > *[data-v-cd8e20c0]:hover {
  cursor:pointer;
  text-decoration: underline;
}
.no-select > *[data-v-cd8e20c0]:hover{
  cursor: grab;
  text-decoration: none;
}
.search-input-container[data-v-cd8e20c0] {
    display: flex;
    position: relative;
    align-items: center;
    width: 470px;
}
@media (min-width: 900px) {
.search-input-container[data-v-cd8e20c0] {
    display: flex;
    position: relative;
    align-items: center;
    width: 300px;
}
}
@media (min-width: 1100px) {
.search-input-container[data-v-cd8e20c0] {
    display: flex;
    position: relative;
    align-items: center;
    width: 470px;
}
}
.search-input-container-prospect[data-v-cd8e20c0] {
    display: flex;
    position: relative;
    align-items: center;
    width: 350px;
}
.search-policy-bar[data-v-cd8e20c0]{
  padding: 3pt 7pt;
  margin: 10pt 0pt;
  font-size: 12pt;
  border-radius: 2pt;
  flex-grow: 1;
  padding-left: 38pt;
  padding-right: 15pt;
  min-width: 245pt;
  color: black;
  max-width: fit-content;
  transition: 0.3s;
  border: none;
  background: #f3f3f3;
}
@media (min-width: 900px) {
.search-policy-bar[data-v-cd8e20c0]{
  padding: 3pt 7pt;
  margin: 10pt 0pt;
  font-size: 10pt;
  border-radius: 2pt;
  flex-grow: 1;
  padding-left: 38pt;
  padding-right: 15pt;
  min-width: 200pt;
  color: black;
  max-width: fit-content;
  transition: 0.3s;
  border: none;
  background: #f3f3f3;
}
}
@media (min-width: 1000px) {
.search-policy-bar[data-v-cd8e20c0]{
  padding: 3pt 7pt;
  margin: 10pt 0pt;
  font-size: 10pt;
  border-radius: 2pt;
  flex-grow: 1;
  padding-left: 28pt;
  padding-right: 15pt;
  min-width: fit-content;
  color: black;
  max-width: fit-content;
  transition: 0.3s;
  border: none;
  background: #f3f3f3;
}
}
@media (min-width: 1100px) {
.search-policy-bar[data-v-cd8e20c0]{
    padding: 3pt 7pt;
  margin: 10pt 0pt;
  font-size: 11pt;
  border-radius: 2pt;
  flex-grow: 1;
  padding-left: 28pt;
  padding-right: 15pt;
  min-width: 270pt;
  color: black;
  max-width: fit-content;
  transition: 0.3s;
  border: none;
  background: #f3f3f3;
}
}
@media (min-width: 1140px) {
.search-policy-bar[data-v-cd8e20c0]{
  padding: 3pt 7pt;
  margin: 10pt 0pt;
  font-size: 12pt;
  border-radius: 2pt;
  flex-grow: 1;
  padding-left: 38pt;
  padding-right: 15pt;
  min-width: 270pt;
  color: black;
  max-width: fit-content;
  transition: 0.3s;
  border: none;
  background: #f3f3f3;
}
}
.select-container[data-v-cd8e20c0] {
  display: flex;
    align-items: center;
}
.select-container[data-v-cd8e20c0]::after {
    content: '';
    position: absolute;
    right: 6px;
    top: 23px;
    border: solid darkgray;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    pointer-events: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.search-type-dropdown[data-v-cd8e20c0] {
  position: absolute;
    right: 1px;
    border: none;
    background: transparent;
    cursor: pointer;
    height: 30px;
    border-radius: 2px;
    background: #dadada;
    width: 145px;
    text-align: center;
    outline: none;
    font-size: 14px;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    padding-right: 10px;
}
@media (min-width: 900px) {
.search-type-dropdown[data-v-cd8e20c0] {
  position: absolute;
  right: 1px;
    border: none;
    background: transparent;
    cursor: pointer;
    height: 25px;
    border-radius: 2px;
    background: #dadada;
    width: 145px;
    text-align: center;
    outline: none;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none; 
    padding-right: 10px;
}
}
@media (min-width: 1100px) {
.search-type-dropdown[data-v-cd8e20c0] {
  position: absolute;
  right: 1px;
    border: none;
    background: transparent;
    cursor: pointer;
    height: 30px;
    border-radius: 2px;
    background: #dadada;
    width: 145px;
    text-align: center;
    outline: none;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none; 
    padding-right: 10px;
}
}
.search-policy-bar[data-v-cd8e20c0]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #172d57;
  opacity: 1; /* Firefox */
}
.search-policy-bar[data-v-cd8e20c0]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #172d57;
}
.search-policy-bar[data-v-cd8e20c0]::-ms-input-placeholder { /* Microsoft Edge */
  color: #172d57;
}
.search-policy-bar[data-v-cd8e20c0]:focus{
  background: #ffffff;
  box-shadow: 0rem 0.1rem 0.2rem #d0d0d0;
  border-color: grey;
  max-width: 400pt;
  transition: 0.3s;
}
#customer-number-search-holder[data-v-cd8e20c0]{
    position:relative;
}
label[data-v-cd8e20c0] {
  margin:0;
  padding:0;
}


/* Chrome, Safari, Edge, Opera */
#query-string[data-v-cd8e20c0]::-webkit-outer-spin-button,
#query-string[data-v-cd8e20c0]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#query-string[data-v-cd8e20c0]{
  -moz-appearance: textfield;
}
#search-icon[data-v-cd8e20c0]{
  display: flex;
  margin: 13pt;
  color: #017bff;
  font-size: 14pt;
  left: 0;
  /* top: 5pt; */
  position: absolute;
  color: #808080;
}
@media (min-width: 900px) {
#search-icon[data-v-cd8e20c0]{
  display: flex;
  margin: 13pt;
  color: #017bff;
  font-size: 10pt;
  left: 0;
  /* top: 5pt; */
  position: absolute;
  color: #808080;
}
}
@media (min-width: 1000px) {
#search-icon[data-v-cd8e20c0]{
    display: flex;
    margin: 13pt;
    color: #017bff;
    font-size: 11pt;
    left: 0;
    /* top: 7pt; */
    position: absolute;
    color: #808080;
}
}
@media (min-width: 1100px) {
#search-icon[data-v-cd8e20c0]{
  display: flex;
  margin: 13pt;
  color: #017bff;
  font-size: 12pt;
  left: 0;
  /* top: 5pt; */
  position: absolute;
  color: #808080;
}
}
@media (min-width: 1140px) {
#search-icon[data-v-cd8e20c0]{
  display: flex;
  margin: 13pt;
  color: #017bff;
  font-size: 14pt;
  left: 0;
  /* top: 5pt; */
  position: absolute;
  color: #808080;
}
}
.query-error-message[data-v-cd8e20c0]{
  position: absolute;
  top: 100%;
  z-index: 2;
  background: white;
  font-size: 15pt;
  padding: 15pt;
  white-space: nowrap;
  left: 0%;
  box-shadow: 0pt 5pt 5pt #00000040;
  border-radius: 5pt;
  color: black;
}


/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/header/header-text-boxes.vue?vue&type=style&index=0&id=513ae10a&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/

#header-text-box-holder[data-v-513ae10a] {
  display: none;
  margin-left: 0;
}
@media (min-width: 900px) {
#header-text-box-holder[data-v-513ae10a] {
    display: flex;
    margin-left: 0;
}
}

/* @media (min-width: 1000px) {
  #header-text-box-holder {
    display: flex;
    margin-left: 0;
  }
} */
.header-text-box[data-v-513ae10a] {
  font-size: 13pt;
  display: flex;
  padding: 15pt;
  white-space: nowrap;
}
@media (min-width: 900px) {
.header-text-box[data-v-513ae10a] {
    font-size: 10pt;
    display: flex;
    padding-top: 15pt;
    white-space: nowrap;
}
}
@media (min-width: 1000px) {
.header-text-box[data-v-513ae10a] {
    font-size: 11pt;
    display: flex;
    padding: 15pt;
    white-space: nowrap;
}
}
@media (min-width: 1100px) {
.header-text-box[data-v-513ae10a] {
    font-size: 13pt;
    display: flex;
    padding: 15pt;
    white-space: nowrap;
}
}
#logout-button[data-v-513ae10a] {
  padding: 15pt;
}
#logout-button[data-v-513ae10a]:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/header/header.vue?vue&type=style&index=0&id=46480fac&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/

#logo-holder[data-v-46480fac] {
  min-width: fit-content;
  height: 100%;
  text-align: center;
  /* padding-left: 10pt; */
  padding-block: 20pt;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14pt;
  flex-direction: column;
}
@media (min-width: 900px) {
#logo-holder[data-v-46480fac] {
    min-width: 132pt;
    height: 100%;
    text-align: left;
    padding-left: 9pt;
    padding-block: 0;
    justify-content: center;
    align-items: start;
    display: flex;
    font-size: 14pt;
    flex-direction: column;
}
}
@media (min-width: 1000px) {
#logo-holder[data-v-46480fac] {
    min-width: 162pt;
    height: 100%;
    text-align: left;
    padding-left: 9pt;
    padding-block: 0;
    justify-content: center;
    align-items: start;
    display: flex;
    font-size: 14pt;
    flex-direction: column;
}
}
@media (min-width: 1060px) {
#logo-holder[data-v-46480fac] {
    min-width: 192pt;
    height: 100%;
    text-align: left;
    padding-left: 9pt;
    padding-block: 0;
    justify-content: center;
    align-items: start;
    display: flex;
    font-size: 14pt;
    flex-direction: column;
}
}
#logo-holder > img[data-v-46480fac] {
  width: 110pt;
  height: auto;
}
@media (min-width: 1000px) {
#logo-holder > img[data-v-46480fac] {
    width: 120pt;
    height: auto;
}
}
@media (min-width: 1060px) {
#logo-holder > img[data-v-46480fac] {
    width: 130pt;
    height: auto;
}
}
@media (min-width: 1140px) {
#logo-holder > img[data-v-46480fac] {
    width: 140pt;
    height: auto;
}
}
#logo[data-v-46480fac] {
  object-fit: cover;
  overflow: hidden;
}
.notification-header[data-v-46480fac] {
  padding: 0 10pt;
  border-bottom: 1pt solid #f0f0f0;
  color: black;
  /* position: sticky; */
  /* top: 0; */
  /* background: white; */
  /* z-index: 1; */
}
@media (min-width: 900px) {
.notification-header[data-v-46480fac] {
    padding: 0 5pt;
    border-bottom: 1pt solid #f0f0f0;
    color: black;
    position: sticky;
    width: 100%;
}
}

/* @media (min-width: 1000px) {
  .notification-header {
    padding: 0 5pt;
    border-bottom: 1pt solid #f0f0f0;
    color: black;
    position: sticky;
    width: 560px;
  }
}

@media (min-width: 1060px) {
  .notification-header {
    padding: 0 5pt;
    border-bottom: 1pt solid #f0f0f0;
    color: black;
    position: sticky;
    width: 560px;
  }
}

@media (min-width: 1099px) {
  .notification-header {
    padding: 0 5pt;
    border-bottom: 1pt solid #f0f0f0;
    color: black;
    position: sticky;
    width: 600px;
  }
}

@media (min-width: 1140px) {
  .notification-header {
    padding: 0 5pt;
    border-bottom: 1pt solid #f0f0f0;
    color: black;
    position: sticky;
    width: 650px;
  }
}

@media (min-width: 1200px) {
  .notification-header {
    padding: 0 5pt;
    border-bottom: 1pt solid #f0f0f0;
    color: black;
    position: sticky;
    width: 100%;
  }
} */
.notification-nav[data-v-46480fac] {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 900px) {
.notification-nav[data-v-46480fac] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
}
}
.mobile-menu-icon-wrapper[data-v-46480fac] {
  /* padding-right: 10pt; */
}
.mobile-menu-icon-bg[data-v-46480fac] {
  width: 25pt;
  height: 25pt;
  background: #294273;
  border-radius: 100%;
  position: relative;
  display: block;
}
@media (min-width: 900px) {
.mobile-menu-icon-bg[data-v-46480fac] {
    display: none;
}
}
#mobileMenuIcon[data-v-46480fac] {
  display: block;
  font-size: 10pt;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 900px) {
#mobileMenuIcon[data-v-46480fac] {
    display: none;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/option_groups/program-filter.vue?vue&type=style&index=0&id=18e5a1aa&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/

.search-filter-group-title[data-v-18e5a1aa] {
  margin-top: 0 !important;
}
@media (min-width: 900px) {
.search-filter-group-title[data-v-18e5a1aa] {
    margin-top: 0 !important;
}
}
@media (max-width: 600px) {
.search-filter-group-title > span[data-v-18e5a1aa] {
    font-size: 15pt;
    font-weight: bold;
}
}
#add-button[data-v-18e5a1aa] {
  position: relative;
  height: 30px;
  width: 30px;
}
.status-filters-holder[data-v-18e5a1aa] {
  margin-top: 0pt !important;
}
.flex-row[data-v-18e5a1aa] {
  display: flex;
}
.search-filter-label[data-v-18e5a1aa] {
  background: white;
  color: black;
  justify-content: flex-start;
}
.v-list-item__action[data-v-18e5a1aa] {
  margin: 0px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/option_groups/new-prospects-button.vue?vue&type=style&index=0&id=544b2bee&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/

label[data-v-544b2bee] {
  margin-bottom: 0pt;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/option_groups/applications_menu/applications-menu.vue?vue&type=style&index=0&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/

@media (max-width: 600px) {
.status-filters-holder {
    display: flex;
    flex-direction: column;
    gap: 10pt;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/option_groups/policies_menu/policies-menu.vue?vue&type=style&index=0&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/

#policies-menu {
  margin-bottom: 15pt;
}
@media (min-width: 900px) {
#policies-menu {
    margin-bottom: 50pt;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/menu-popup.vue?vue&type=style&index=0&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/

#experimental-popout{
    font-weight: normal;
    pointer-events: none;
    background: #000000;
    padding: 3pt 6pt;
    border-radius: 5pt;
    color: #ffffff;
    white-space: nowrap;
    position: absolute;
    box-shadow: 0pt 3pt 5pt #e1e1;
    font-style: normal;
    z-index: 3;
    font-size: 12pt;
    text-align: center;
    transform: translate(0,16%);
}


/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/term-menu.vue?vue&type=style&index=0&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/

.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateY(-10px);
  opacity: 0;
}
.termMenu-wrapper {
  margin-top: 10pt;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/option_groups/policy-terms.vue?vue&type=style&index=0&id=19c956b5&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/

.policy-term[data-v-19c956b5] {
  display: flex;
  justify-content: space-between;
}
.slide-fade-enter-active[data-v-19c956b5] {
  transition: all 0.3s ease;
}
.slide-fade-leave-active[data-v-19c956b5] {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter[data-v-19c956b5],
.slide-fade-leave-to[data-v-19c956b5] {
  transform: translateY(-10px);
  opacity: 0;
}
.term-wrapper[data-v-19c956b5] {
  text-align: start;
  padding-left: 4pt;
}
.selected-term[data-v-19c956b5] {
  background-color: #e5e5e5;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/navigation-menu.vue?vue&type=style&index=0&id=0329ffa0&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/

#nav-bar[data-v-0329ffa0] {
  overflow-x: hidden;
  overflow-y: scroll;
  border-right: 1px solid #e2e2e2;
  display: none;
}
@media (min-width: 900px) {
#nav-bar[data-v-0329ffa0] {
    overflow-x: hidden;
    overflow-y: scroll;
    border-right: 1px solid #e2e2e2;
    display: block;
}
}

/* Shows the count policies within a particular category. */
[data-v-0329ffa0] .item-count {
  position: absolute;
  right: 12pt;
  text-align: right;
  font-weight: bold;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/search-modal.vue?vue&type=style&index=0&id=02752e80&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/

.search-modal[data-v-02752e80] {
  position: fixed;
  z-index: 9;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
.search-modal.show[data-v-02752e80] {
  display: block;
}
.modal-content[data-v-02752e80] {
  background-color: #fefefe;
  padding: 15px;
  border: 1px solid #888;
  width: 100%;
  height: 300pt;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
  z-index: 2;
}
.close-mobile[data-v-02752e80] {
  color: #868686;
  float: right;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
}
.modal-content > h3[data-v-02752e80] {
  font-size: 15pt;
  font-weight: bold;
  color: #868686;
  text-align: start;
}
.modal-content > input[data-v-02752e80] {
  background: #f3f3f3;
  padding: 10pt;
  border-radius: 5pt;
  margin-top: 15pt;
}

/* .search-option-holder > input {
  background: #f3f3f3;
  padding: 10pt;
  border-radius: 5pt;
  margin-top: 15pt;
} */
.search-input-container[data-v-02752e80] {
    /* display: flex; */
    position: relative;
    /* align-items: center; */
    width: 100%;
}
.select-container[data-v-02752e80]::after {
    content: '';
    position: absolute;
    right: 22px;
    top: 23px;
    border: solid darkgray;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    pointer-events: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.search-type-dropdown[data-v-02752e80] {
  position: absolute;
  right: 17px;
    bottom: 15px;
    border: none;
    background: transparent;
    cursor: pointer;
    height: 30px;
    border-radius: 2px;
    background: #dadada;
    width: 145px;
    text-align: center;
    outline: none;
    font-size: 14px;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    padding-right: 10px;
}
.search-policy-bar[data-v-02752e80]{
  padding: 3pt 7pt;
  margin: 10pt 0pt;
  font-size: 12pt;
  border-radius: 2pt;
  flex-grow: 1;
  /* padding-left: 38pt;
  padding-right: 15pt; */
  min-width: 245pt;
  color: black;
  max-width: fit-content;
  transition: 0.3s;
  border: none;
  background: #f3f3f3;
}
.search-option-holder-wrapper[data-v-02752e80] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30pt;
    margin-top: 20pt;
}
.close-mobile[data-v-02752e80]:hover,
.close-mobile[data-v-02752e80]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.mobileSearchBtn[data-v-02752e80] {
    width: 100%;
    height: 30pt;
    background: #294273;
    border-radius: 5pt;
    margin-top: 20pt;
}
.mobileSearchBtn > p[data-v-02752e80] {
  display: flex;
    justify-content: center;
    align-items: center;
   text-align: center;
    font-weight: bold;
    color: white;
    width: 100%;
    height: 100%;
}
.query-error-message[data-v-02752e80] {
    width: 100%;
    height: 35pt;
    margin-top: 10pt;
    background: rgb(255 14 14 / 20%);
    border-radius: 3pt;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/navigation_menu/mobile-menu.vue?vue&type=style&index=0&id=24170962&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/

#mobile-nav-bar[data-v-24170962] {
  display: block;
  z-index: 2;
}
@media (min-width: 900px) {
#mobile-nav-bar[data-v-24170962] {
    display: none;
}
}
#header-text-box-holder-mobile[data-v-24170962] {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
#header-text-box-holder-mobile[data-v-24170962] {
    display: none;
}
}
.header-text-box-mobile[data-v-24170962] {
  font-size: 15pt;
  display: flex;
  padding-top: 15pt;
  padding-inline: 15pt;
  white-space: nowrap;
}
.mobile-search-wrapper[data-v-24170962] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8pt;
  margin-top: 15pt;
  padding-left: 15pt;
  padding-block: 5px;
  cursor: pointer;
  background: #e2e2e2;
  border-radius: 5px;
}
#search-icon[data-v-24170962] {
  font-size: 12pt;
}
#search-mobile-text[data-v-24170962] {
  font-size: 15pt;
}
#logout-button-mobile[data-v-24170962] {
  padding: 15pt;
  font-weight: bold;
}
#logout-button-mobile[data-v-24170962]:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* Shows the count policies within a particular category. */
[data-v-24170962] .item-count {
  position: absolute;
  right: 12pt;
  text-align: right;
  font-weight: bold;
}
[data-v-24170962] .iconStyle {
  font-size: 15pt;
}
.slide-fade-enter-active[data-v-24170962] {
  transition: all 0.3s ease;
}
.slide-fade-leave-active[data-v-24170962] {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter[data-v-24170962],
.slide-fade-leave-to[data-v-24170962] {
  transform: translateY(-10px);
  opacity: 0;
}
.v-list-item[data-v-24170962] {
  padding: 0 5px !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/prolink-employee.vue?vue&type=style&index=0&id=6c56c3c7&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/

#prolink-employee-view-holder[data-v-6c56c3c7] {
  display: flex;
  flex-direction: column;
}
#content-holder[data-v-6c56c3c7] {
  display: flex;
  flex-grow: 1;
  overflow-x: hidden;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/client_policies_view/table_columns/insured-name-column.vue?vue&type=style&index=0&id=3d208936&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/

.fixed-width[data-v-3d208936] {
  min-width: 250pt !important;
  /* max-width: 250pt !important; */
  overflow-x: hidden;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/client_policies_view/table_columns/expiry-date-column.vue?vue&type=style&index=0&id=d6cadfec&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/

.red-background[data-v-d6cadfec]{
  border-bottom: 2pt solid #db0000fa;
}
.yellow-background[data-v-d6cadfec]{
    border-bottom: 2pt solid #ffc107;
}
.policy-date[data-v-d6cadfec]{
    padding: 2pt 5pt;
    color: black;
}




/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/under-review-progress-column.vue?vue&type=style&index=0&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/

.underReview-progress-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  padding-inline: 8px;
  padding-bottom: 0;
}
@media (min-width: 900px) {
.underReview-progress-wrapper {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    width: 100%;
    padding-inline: 0;
    padding-bottom: 10px;
    text-align: start;
}
}
.underReview-hr {
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.underReview-progress-title {
  font-size: 16px;
}
.underReview-progress-select {
  border: 1px solid #aeaeae;
  border-radius: 4pt;
  /* padding: 5px; */
  padding-left: 5px;
  cursor: pointer;
  color: white;
  outline: none;
  text-align: center;
  width: 120px;
}
@media (min-width: 900px) {
.underReview-progress-select {
    border: 1px solid #aeaeae;
    border-radius: 4pt;
    /* padding: 5px; */
    padding-left: 5px;
    cursor: pointer;
    color: white;
    outline: none;
    text-align: start;
    width: 100%;
}
}
.underReview-am {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.3;
}
.underReview-progress-saveBtn {
  margin-top: 5px;
  width: 100%;
  padding: 10px;
  background: #66c6d9;
  color: white;
  font-size: 13px;
  font-weight: bold;
  border-radius: 5px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/quote-progress-column.vue?vue&type=style&index=0&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/

.quote-progress-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  padding-inline: 8px;
  padding-bottom: 0;
}
@media (min-width: 900px) {
.quote-progress-wrapper {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    width: 100%;
    padding-inline: 0;
    padding-bottom: 10px;
    text-align: start;
}
}
.quote-hr {
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.quote-progress-title {
  font-size: 16px;
}
.quote-progress-select {
  border: 1px solid #aeaeae;
  border-radius: 4pt;
  /* padding: 5px; */
  padding-left: 5px;
  cursor: pointer;
  color: white;
  outline: none;
  text-align: center;
  width: 120px;
}
@media (min-width: 900px) {
.quote-progress-select {
    border: 1px solid #aeaeae;
    border-radius: 4pt;
    /* padding: 5px; */
    padding-left: 5px;
    cursor: pointer;
    color: white;
    outline: none;
    text-align: start;
    width: 100%;
}
}
.quote-am {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.3;
}
.quote-progress-saveBtn {
  margin-top: 5px;
  width: 100%;
  padding: 10px;
  background: #66c6d9;
  color: white;
  font-size: 13px;
  font-weight: bold;
  border-radius: 5px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/octave-status-column.vue?vue&type=style&index=0&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/

.octave-status-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  padding-inline: 8px;
  padding-bottom: 0;
}
@media (min-width: 900px) {
.octave-status-wrapper {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    width: 100%;
    padding-inline: 0;
    padding-bottom: 10px;
    text-align: start;
}
}
.quote-hr {
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.octave-status-title {
  font-size: 16px;
}
.octave-status-select {
  border: 1px solid #aeaeae;
  border-radius: 4pt;
  /* padding: 5px; */
  padding-left: 5px;
  cursor: pointer;
  color: white;
  outline: none;
  text-align: center;
  width: 120px;
}
@media (min-width: 900px) {
.octave-status-select {
    border: 1px solid #aeaeae;
    border-radius: 4pt;
    /* padding: 5px; */
    padding-left: 5px;
    cursor: pointer;
    color: white;
    outline: none;
    text-align: start;
    width: 100%;
}
}
.quote-am {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.3;
}
.octave-status-saveBtn {
  margin-top: 5px;
  width: 100%;
  padding: 10px;
  background: #66c6d9;
  color: white;
  font-size: 13px;
  font-weight: bold;
  border-radius: 5px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/enterprise-status-column.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/

.enterprise-status-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  padding-inline: 8px;
  padding-bottom: 0;
}
@media (min-width: 900px) {
.enterprise-status-wrapper {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    width: 100%;
    padding-inline: 0;
    padding-bottom: 10px;
    text-align: start;
}
}
.quote-hr {
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.enterprise-status-title {
  font-size: 16px;
}
.enterprise-status-select {
  border: 1px solid #aeaeae;
  border-radius: 4pt;
  /* padding: 5px; */
  padding-left: 5px;
  cursor: pointer;
  color: white;
  outline: none;
  text-align: center;
  width: 120px;
}
@media (min-width: 900px) {
.enterprise-status-select {
    border: 1px solid #aeaeae;
    border-radius: 4pt;
    /* padding: 5px; */
    padding-left: 5px;
    cursor: pointer;
    color: white;
    outline: none;
    text-align: start;
    width: 100%;
}
}
.quote-am {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.3;
}
.enterprise-status-saveBtn {
  margin-top: 5px;
  width: 100%;
  padding: 10px;
  background: #66c6d9;
  color: white;
  font-size: 13px;
  font-weight: bold;
  border-radius: 5px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/account-manager-column.vue?vue&type=style&index=0&id=3cd5084a&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.enterprise-status-wrapper[data-v-3cd5084a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  padding-inline: 8px;
  padding-bottom: 0;
}
@media (min-width: 900px) {
.enterprise-status-wrapper[data-v-3cd5084a] {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    padding-inline: 0;
    padding-bottom: 10px;
    text-align: start;
}
}
.quote-hr[data-v-3cd5084a] {
  margin: 0.1rem 0 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.enterprise-status-select[data-v-3cd5084a] {
  width: 120px;
  padding-left: 5px;
  border: 1px solid #aeaeae;
  border-radius: 4pt;
  cursor: pointer;
  color: white;
  outline: none;
  text-align: center;
}
@media (min-width: 900px) {
.enterprise-status-select[data-v-3cd5084a] {
    width: 100%;
    text-align: start;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/association-column.vue?vue&type=style&index=0&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/

.association-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  padding-inline: 8px;
  padding-bottom: 0;
}
@media (min-width: 900px) {
.association-wrapper {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    width: 100%;
    padding-inline: 0;
    padding-bottom: 10px;
    text-align: start;
}
}
.quote-hr {
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.association-title {
  font-size: 16px;
}
.association-select {
  border: 1px solid #aeaeae;
  border-radius: 4pt;
  /* padding: 5px; */
  padding-left: 5px;
  cursor: pointer;
  color: white;
  background-color: orange;
  outline: none;
  text-align: center;
  width: 120px;
}
@media (min-width: 900px) {
.association-select {
    border: 1px solid #aeaeae;
    border-radius: 4pt;
    /* padding: 5px; */
    padding-left: 5px;
    cursor: pointer;
    color: white;
    outline: none;
    text-align: start;
    width: 100%;
}
}
.quote-am {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.3;
}
.association-saveBtn {
  margin-top: 5px;
  width: 100%;
  padding: 10px;
  background: #66c6d9;
  color: white;
  font-size: 13px;
  font-weight: bold;
  border-radius: 5px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/client_policies_view/table_columns/status-column.vue?vue&type=style&index=0&id=086c69dc&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/

.policy-result-td-status[data-v-086c69dc] {
  padding: 13pt 15pt;
  margin-right: 15pt;
  padding-right: 0pt;
  cursor: default;
  font-size: 12pt;
  text-align: center;
  position: relative;
  max-width: 247pt;
  text-overflow: ellipsis !important;
  height: 81pt;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 900px) {
.policy-result-td-status[data-v-086c69dc] {
    padding: 10pt 0pt;
    margin-right: 15pt;
    padding-right: 0pt;
    cursor: default;
    font-size: 12pt;
    text-align: left;
    position: relative;
    max-width: 247pt;
    text-overflow: ellipsis !important;
    height: 0pt;
    white-space: nowrap;
    overflow: hidden;
}
}
.Paid-status[data-v-086c69dc] {
  background: #00d000;
  padding: 2pt 5pt;
  border-radius: 4pt;
  color: white;
}
.Incomplete-status[data-v-086c69dc] {
  background: #d80000;
  padding: 2pt 5pt;
  border-radius: 4pt;
  color: white;
}
.Pending-status[data-v-086c69dc] {
  background: orange;
  padding: 2pt 5pt;
  border-radius: 4pt;
  color: white;
}
.Approved-status[data-v-086c69dc] {
  background: blue;
  padding: 2pt 5pt;
  border-radius: 4pt;
  color: white;
}
.UnderReview-status[data-v-086c69dc] {
  background: pink;
  padding: 2pt 5pt;
  border-radius: 4pt;
  color: white;
}
.AwaitingRenewal-status[data-v-086c69dc] {
  background: #d87b01;
  padding: 2pt 5pt;
  border-radius: 4pt;
  color: white;
}
.Expired-status[data-v-086c69dc],
.NonRenewal-status[data-v-086c69dc],
.Declined-status[data-v-086c69dc],
.Cancelled-status[data-v-086c69dc],
.ERP-status[data-v-086c69dc],
.Lapsed-status[data-v-086c69dc] {
  background: #808080;
  padding: 2pt 5pt;
  border-radius: 4pt;
  color: white;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/notice_buttons/payment-button.vue?vue&type=style&index=0&id=5d3f6aea&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.policy-button.disabled[data-v-5d3f6aea] {
  opacity: 0.6;
  pointer-events: none;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/status_buttons/paid-button.vue?vue&type=style&index=0&id=aa1acfa8&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#paid-dollar-icon[data-v-aa1acfa8] {
  margin-left: 0;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/status_buttons/expired-button.vue?vue&type=style&index=0&id=1a95c311&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#paid-dollar-icon[data-v-1a95c311] {
  margin-left: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/status_buttons/renewal-mode-button.vue?vue&type=style&index=0&id=318a4ba0&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#edit-icon[data-v-318a4ba0] {
  margin-left: 2px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/status_buttons/bcak-status-button.vue?vue&type=style&index=0&id=3bea50fc&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#edit-icon[data-v-3bea50fc] {
  margin-left: 2px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/notice-buttons-column.vue?vue&type=style&index=0&id=4edb16b3&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.notice-button-cell[data-v-4edb16b3] {
  position: relative;
}
.notice-buttons-overlay[data-v-4edb16b3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centered-spinner[data-v-4edb16b3] {
  position: absolute !important;
    top: 25% !important;
    left: 50% !important;
  z-index: 1001;
}
.blurred[data-v-4edb16b3] {
  opacity: 0.5;
  pointer-events: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/policy_table_columns/notification-history-column.vue?vue&type=style&index=0&id=137aa4d8&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/

.notice-count[data-v-137aa4d8] {
    position: absolute;
    top: -4px;
    right: -4px;
    border-radius: 10pt;
    width: 16pt;
    color: black;
    height: 16pt;
    box-shadow: 0 0 0pt black;
}
.holder[data-v-137aa4d8] {
    cursor: default;
    text-align: center;
    align-items: center;
    position: relative;
    height: 61pt;
}
.count[data-v-137aa4d8] {
    border-radius: 5pt;
    padding: 6pt 5pt;
    color: #585858;
    width: 32pt;
    height: 30pt;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: relative;
    border: 1pt solid white;
}
.notification-hist[data-v-137aa4d8] {
    position: absolute;
    left: -46pt;
    transform: translate(-82%);
    top: 83%;
    pointer-events: none;
    opacity: 0;
    background: white;
    padding: 15pt;
    z-index: 14;
    border-radius: 10pt 0pt 10pt 10pt;
    box-shadow: 0pt 0pt 10pt #0000004f;
    color: black;
}
.list[data-v-137aa4d8] {
    display: inline-block;
    width: fit-content;
    max-height: 232pt;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1pt solid grey;
}
.count:hover .notification-hist[data-v-137aa4d8] {
    opacity: 1;
    pointer-events: all;
}
.count[data-v-137aa4d8]:hover {
    background: #efefef;
    color: black;
    border: 1pt solid #aeaeae;
}
.row[data-v-137aa4d8] {
    flex-wrap: nowrap;
}
.header-row[data-v-137aa4d8] {
    border-bottom: 1pt solid #c1c1c1;
    display: flex;
    font-weight: 600;
}
.column[data-v-137aa4d8] {
    padding: 5pt 15pt;
    width: 143pt;
    white-space: nowrap;
    text-align: left;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/client_policies_view/table_columns/under-review-progress-column.vue?vue&type=style&index=0&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/

.underReview-progress-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  padding-inline: 8px;
  padding-bottom: 0;
}
@media (min-width: 900px) {
.underReview-progress-wrapper {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    width: 100%;
    padding-inline: 0;
    padding-bottom: 10px;
    text-align: start;
}
}
.underReview-hr {
  margin-top: 0.1rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.underReview-progress-title {
  font-size: 16px;
}
.underReview-progress-select {
  border: 1px solid #aeaeae;
  border-radius: 4pt;
  /* padding: 5px; */
  padding-left: 5px;
  cursor: pointer;
  color: white;
  outline: none;
  text-align: center;
  width: 120px;
}
@media (min-width: 900px) {
.underReview-progress-select {
    border: 1px solid #aeaeae;
    border-radius: 4pt;
    /* padding: 5px; */
    padding-left: 5px;
    cursor: pointer;
    color: white;
    outline: none;
    text-align: start;
    width: 100%;
}
}
.underReview-am {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.3;
}
.underReview-progress-saveBtn {
  margin-top: 5px;
  width: 100%;
  padding: 10px;
  background: #66c6d9;
  color: white;
  font-size: 13px;
  font-weight: bold;
  border-radius: 5px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/client_policies_view/table-row.vue?vue&type=style&index=0&id=82274482&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/

.table-row[data-v-82274482] {
  border-radius: 1pt;
  border-top: 1pt solid #e2e2e2;
  text-align: left;
  border-collapse: unset !important;
  position: relative;
}
.table-row[data-v-82274482]:hover {
  box-shadow: 0pt 3pt 5pt #9a9a9a;
  border-color: #cfcfcf;
}
.noticeBtns-dropdown-menu-icon[data-v-82274482] {
  margin-top: 30px;
  outline: none !important;
}
.noticeBtns-dropdown-menu-icon-review[data-v-82274482] {
  margin-top: 35px;
  outline: none !important;
}
.noticeBtns-dropdown-menu-items[data-v-82274482] {
  min-width: 150px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/client_policies_view/empty-list-message.vue?vue&type=style&index=0&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/

#no-policies-to-show{
    font-size: 25pt;
    top: 30%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    color: grey;
}


/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/paid-notice-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/

.dialog-no-scroll .v-card {
  overflow: hidden !important;
  max-height: 100% !important;
}
.dialog-no-scroll .v-card__text {
  overflow: hidden !important;
}
.centered-spinner {
  height: 0 !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/expired-notice-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/

.dialog-no-scroll .v-card {
  overflow: hidden !important;
  max-height: 100% !important;
}
.dialog-no-scroll .v-card__text {
  overflow: hidden !important;
}
.centered-spinner {
  height: 0 !important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/renewal-mode-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/

.renewal-dialog-container {
    position: relative;
}
#spinner
 {
    top: 50%;
    height: 50%;
    position: absolute;
    width: fit-content;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/policy_table_columns/notification-history-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/

.coverage-table {
  text-align: left;
}
.errorBox {
  color:gray;
  font-size:small;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/delete-application-confirmation-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/

.delete-confirmation-title {
  text-align: center;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/client_policies_view/client-search-results-table.vue?vue&type=style&index=0&id=77d3b110&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/

#policy-search-results-holder[data-v-77d3b110] {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100vh - 80pt);
}
#policy-table-inner-holder[data-v-77d3b110] {
  background: white;
  width: 100%;
}
#client-policy-table[data-v-77d3b110] {
  margin: 0pt auto;
  width: 100%;
}
#client-policy-table > tr > th[data-v-77d3b110] {
  display: none;
}
@media (min-width: 950px) {
#client-policy-table > tr > th[data-v-77d3b110] {
    display: table-cell;
}
}
#loader[data-v-77d3b110] {
  position: absolute;
  top: 30%;
  left: 42%;
  transform: translate(50%);
  z-index: 1;
  height: fit-content;
  width: fit-content;
}
#loader > div[data-v-77d3b110] {
  width: 74px;
  height: 74px;
}
#empty-list-message[data-v-77d3b110] {
  font-size: 12pt;
  padding: 30pt;
  width: 100%;
  display: flex;
  flex-grow: 1;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/top_control_panel/reload-button.vue?vue&type=style&index=0&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/

#reload-button-holder {
  /* let the button only be as wide as its contents */
  width: auto;
  /* don’t grow or shrink in its flex container */
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem; /* optional, for spacing between icon and message */
}
.reload-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.reload-button-popout {
  /* whatever styling you had here before */
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/top_control_panel/table-pagination.vue?vue&type=style&index=0&id=7a805bfc&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/

#holder[data-v-7a805bfc] {
  display: flex;
  flex-grow: 1;
}
#pagination-library-holder[data-v-7a805bfc] {
  flex-grow: 1;
}
[data-v-7a805bfc] .pagination {
  border-radius: 0.25rem;
  margin: 5pt !important;
}
[data-v-7a805bfc] .page-item.active .page-link {
  z-index: 1;
  color: #000;
  background-color: #efefef;
  border-color: #007bff;
  font-weight: 600;
}
[data-v-7a805bfc] .page-link {
  border-radius: 50%;
  position: relative;
  display: block;
  padding: 0.5rem 0.9rem;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  width: 30pt;
  border: none;
}
[data-v-7a805bfc] nav {
  display: flex;
  justify-content: flex-end;
}
[data-v-7a805bfc] .VuePagination__count {
  margin: 11pt;
  width: 111pt;
  display: flex;
  justify-content: flex-end;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/top_control_panel/policy-filter.vue?vue&type=style&index=0&id=01b2bb00&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/

#holder[data-v-01b2bb00] {
  display: flex;
  flex-grow: 1;
}
#pagination-library-holder[data-v-01b2bb00] {
  flex-grow: 1;
}
[data-v-01b2bb00] .pagination {
  border-radius: 0.25rem;
  margin: 5pt !important;
}
[data-v-01b2bb00] .page-item.active .page-link {
  z-index: 1;
  color: #000;
  background-color: #efefef;
  border-color: #007bff;
  font-weight: 600;
}
[data-v-01b2bb00] .page-link {
  border-radius: 50%;
  position: relative;
  display: block;
  padding: 0.5rem 0.9rem;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  width: 30pt;
  border: none;
}
[data-v-01b2bb00] nav {
  display: flex;
  justify-content: flex-end;
}
[data-v-01b2bb00] .VuePagination__count {
  margin: 11pt;
  width: 111pt;
  display: flex;
  justify-content: flex-end;
}
.approved-filter-wrapper[data-v-01b2bb00] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 10px 20px;
}
.select-arrow-wrapper[data-v-01b2bb00] {
  position: relative;
  display: inline-block;
}
.select-arrow-wrapper[data-v-01b2bb00]::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 11px;
  border: solid darkgray;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  pointer-events: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.approved-filter-wrapper > .select-arrow-wrapper > select[data-v-01b2bb00] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #e2e2e2;
  width: 120px;
  padding: 5px;
  outline: none;
  cursor: pointer;
  border-radius: 3px;
  border: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/top_control_panel/manager-filter.vue?vue&type=style&index=0&id=225fb1db&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/

button[data-v-225fb1db] {
  margin: 5px;
  padding: 10px 15px;
  font-size: 16px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 6px;
  color: white;
  opacity: 0.6;
  transition: all 0.2s ease;
  transform: scale(1);
}
button.selected[data-v-225fb1db] {
  opacity: 1;
  border-color: white;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  transform: scale(1.05);
}
.orange[data-v-225fb1db] {
  background-color: orange;
}
.green[data-v-225fb1db] {
  background-color: green;
}
.purple[data-v-225fb1db] {
  background-color: purple;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/top_control_panel/top-control-panel.vue?vue&type=style&index=0&id=6c4e1bae&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/

#top-control-panel[data-v-6c4e1bae] {
  text-align: left;
  padding: 0pt 15pt;
  border-bottom: 1pt solid #e2e2e2;
  display: flex;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/import-renewals-button.vue?vue&type=style&index=0&id=f8bd51d0&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#renewal-importer[data-v-f8bd51d0]{
    position:absolute;
    width:500pt;
    height:400pt;
    background:black;
}


/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/import-prospects-button.vue?vue&type=style&index=0&id=7ad65f98&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#prospect-importer[data-v-7ad65f98] {
    position: absolute;
    width: 500pt;
    height: 400pt;
    background: black;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-renewal-button.vue?vue&type=style&index=0&id=08eb3414&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-08eb3414] {
    left: -13pt;
    top: 27%;
}



/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-scheduled-renewal-button.vue?vue&type=style&index=0&id=1dbc8b54&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-1dbc8b54] {
    left: -13pt;
    top: 27%;
}



/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-renewal-extension-button.vue?vue&type=style&index=0&id=00ef6144&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-00ef6144] {
    left: -13pt;
    top: 27%;
}



/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-last-reminder-button.vue?vue&type=style&index=0&id=ee93fc76&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-ee93fc76] {
    left: -13pt;
    top: 27%;
}



/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-disabled-button.vue?vue&type=style&index=0&id=79f0e7e4&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-79f0e7e4] {
    left: -13pt;
    top: 27%;
}



/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-approval-button.vue?vue&type=style&index=0&id=5ff069bd&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-5ff069bd] {
    left: -13pt;
    top: 27%;
}



/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-payment-button.vue?vue&type=style&index=0&id=287b56a8&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-287b56a8] {
    left: -13pt;
    top: 27%;
}



/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-lapsed-button.vue?vue&type=style&index=0&id=1eca1e2e&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-1eca1e2e] {
    left: -13pt;
    top: 27%;
}



/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-lapsed-copy-button.vue?vue&type=style&index=0&id=4e891d63&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-4e891d63] {
    left: -13pt;
    top: 27%;
}



/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-non-renewal-button.vue?vue&type=style&index=0&id=11b4bd14&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-11b4bd14] {
    left: -13pt;
    top: 27%;
}



/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-erp-button.vue?vue&type=style&index=0&id=1379b2aa&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-1379b2aa] {
    left: -13pt;
    top: 27%;
}



/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-document-button.vue?vue&type=style&index=0&id=373647e5&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-373647e5] {
    top: -5%;
}



/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/rollover-button.vue?vue&type=style&index=0&id=34179262&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-34179262] {
    top: -5%;
}



/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/rollover-lapsed-button.vue?vue&type=style&index=0&id=4b2832e8&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-4b2832e8] {
    top: -5%;
}



/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/import-updates-button.vue?vue&type=style&index=0&id=e8a8361e&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#renewal-importer[data-v-e8a8361e] {
    position: absolute;
    width: 500pt;
    height: 400pt;
    background: black;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-new-prospect-button.vue?vue&type=style&index=0&id=b8c09ab2&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-b8c09ab2] {
    left: -13pt;
    top: 27%;
}



/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/admin_buttons/bulk-one-time-button.vue?vue&type=style&index=0&id=13cf458c&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#spinner[data-v-13cf458c] {
    left: -13pt;
    top: 27%;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/customer-list-actions.vue?vue&type=style&index=0&id=7694c80f&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/

#fixed-position[data-v-7694c80f] {
  display: flex;
  flex-direction: column;
  right: 12pt;
}
#customer-list-actions[data-v-7694c80f] {
  display: none;
}
@media (min-width: 768px) {
#customer-list-actions[data-v-7694c80f] {
    display: block;
    height: 100%;
    right: 15pt;
    border-left: 1pt solid #e2e2e2;
    width: fit-content;
    flex-direction: column;
}
}
[data-v-7694c80f] .button-spinner {
  transform: translate(-4px, 0px);
}
[data-v-7694c80f] .open-button {
  outline: none;
  font-size: 21pt;
  border: 50%;
  border-radius: 50%;
  width: 44pt;
  height: 44pt;
  position: relative;
  margin: 9pt;
  color: #999999;
  background: white;
  z-index: 3;
  border: 1pt solid #d0d0d0;
}
[data-v-7694c80f] .open-button:hover .hover-message {
  opacity: 1;
}
[data-v-7694c80f] .open-button:hover {
  color: #ffffff;
  cursor: pointer;
  border: #1e62cc;
  background: #1e62cc;
  box-shadow: 0pt 2pt 5pt #333333;
}
[data-v-7694c80f] .hover-message {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: -4%;
  transform: translate(-100%);
  font-size: 14pt;
  bottom: 9%;
  white-space: nowrap;
  border: 1pt solid #949494;
  border-radius: 8pt;
  background: black;
  padding: 5pt 10pt;
  color: white;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/customer-list-actions-mobile.vue?vue&type=style&index=0&id=4fd3b4d0&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#fixed-position[data-v-4fd3b4d0] {
  display: flex;
  flex-direction: row;
  right: 12pt;
}
@media (min-width: 768px) {
#fixed-position[data-v-4fd3b4d0] {
    display: flex;
    flex-direction: column;
    right: 12pt;
}
}
#customer-list-actions-mobile[data-v-4fd3b4d0] {
  display: none;
}
@media (max-width: 768px) {
#customer-list-actions-mobile[data-v-4fd3b4d0] {
    display: flex;
    height: fit-content;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 8px 8px -4px rgb(0 0 0 / 20%);
    z-index: 1;
}
}
[data-v-4fd3b4d0] .button-spinner {
  transform: translate(-4px, 0px);
}
[data-v-4fd3b4d0] .open-button {
  outline: none;
  font-size: 21pt;
  border: 50%;
  border-radius: 50%;
  width: 44pt;
  height: 44pt;
  position: relative;
  margin: 9pt;
  color: #999999;
  background: white;
  z-index: 3;
  border: 1pt solid #d0d0d0;
}
[data-v-4fd3b4d0] .open-button:hover .hover-message {
  opacity: 1;
}
[data-v-4fd3b4d0] .open-button:hover {
  color: #ffffff;
  cursor: pointer;
  border: #1e62cc;
  background: #1e62cc;
  box-shadow: 0pt 2pt 5pt #333333;
}
[data-v-4fd3b4d0] .hover-message {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: -4%;
  transform: translate(-100%);
  font-size: 14pt;
  bottom: 9%;
  white-space: nowrap;
  border: 1pt solid #949494;
  border-radius: 8pt;
  background: black;
  padding: 5pt 10pt;
  color: white;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/program_reporting/toggle-reporting-visibility-button.vue?vue&type=style&index=0&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/

#custom-report-title {
  min-width: 235pt;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/program_reporting/download-button.vue?vue&type=style&index=0&id=de8b8342&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/

button[data-v-de8b8342] {
  margin: 5px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/program_reporting/program-reporting.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/












































































































/* #reports-holder {
  background: white;
  width: 60pt;
  height: 60pt;
  border-radius: 100%;
  position: fixed;
  z-index: 1;
  right: 10pt;
  bottom: 10pt;
  display: flex;
  flex-flow: column;
  box-shadow: 0pt 0pt 3pt #919191;
}

@media (min-width: 900px) {
  #reports-holder {
    background: white;
    position: fixed;
    border-radius: 0;
    z-index: 5;
    right: 14pt;
    bottom: 0;
    display: flex;
    flex-flow: column;
    box-shadow: 0pt 0pt 3pt #919191;
  }
} */
#reports-holder {
  background: white;
  position: fixed;
  z-index: 1;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  box-shadow: 0pt 0pt 3pt #919191;
  width: 100%;
}
@media (min-width: 900px) {
#reports-holder {
    background: white;
    position: fixed;
    z-index: 5;
    right: 14pt;
    bottom: 0;
    display: flex;
    flex-flow: column;
    box-shadow: 0pt 0pt 3pt #919191;
    width: fit-content;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/new-prospect-adder.vue?vue&type=style&index=0&id=d1bdc934&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/

.input-holder[data-v-d1bdc934] {
  position: relative;
}
.error-message[data-v-d1bdc934] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 95%;
  background: #fffefe;
  color: red;
  font-size: 15pt;
  padding: 10pt;
  border: 1pt solid red;
  border-radius: 5pt;
  z-index: 1;
}
.customer-number-message[data-v-d1bdc934] {
  background: black;
  padding: 5pt;
  border-radius: 10pt;
  color: white;
  position: absolute;
  left: 20%;
}

/* Chrome, Safari, Edge, Opera */
input[data-v-d1bdc934]::-webkit-outer-spin-button,
input[data-v-d1bdc934]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number][data-v-d1bdc934] {
  -moz-appearance: textfield;
}
.whitebackground[data-v-d1bdc934] {
  background: white;
  color: black;
}
#title[data-v-d1bdc934] {
  font-size: 22pt;
  margin: 9pt;
  margin-bottom: 4pt;
}
#sub-title[data-v-d1bdc934] {
  color: grey;
}
#prospect-adder-holder[data-v-d1bdc934] {
  position: absolute;
  z-index: 5;
  top: 0pt;
  width: 100%;
  height: 100%;
  left: 0pt;
  background: #00000047;
}
#prospect-adder[data-v-d1bdc934] {
  padding: 19pt;
  position: absolute;
  z-index: 6;
  left: 50%;
  transform: translate(-50%);
  top: 14%;
  background: white;
  color: black;
  border-radius: 10pt;
  display: flex;
  flex-direction: column;
  box-shadow: 0pt 3pt 16pt #00000045;
}
#send-notice-button[data-v-d1bdc934] {

  background: skyblue;
  color: black;
  border-radius: 7pt;
  padding: 8pt 12pt;
  font-weight: bold;
  font-size: 12pt;
  width: fit-content;
  margin: 15pt auto;
  width: fit-content;
  height: 40pt;
  border: none;
}
@media (min-width: 900px) {
#send-notice-button[data-v-d1bdc934] {
    background: skyblue;
    color: black;
    border-radius: 7pt;
    padding: 8pt 12pt;
    font-weight: bold;
    font-size: 14pt;
    width: fit-content;
    margin: 15pt auto;
    width: fit-content;
    height: 40pt;
    border: none;
}
}
#send-notice-button[data-v-d1bdc934]:hover {
  cursor: pointer;
}
#send-notice-button[data-v-d1bdc934]:disabled {
  background: #e4e4e4;
  color: #b3b3b3;
}
#send-notice-button[data-v-d1bdc934]:enabled {
  color: white;
}
.client-info[data-v-d1bdc934] {
  overflow: visible;
  font-size: 14pt;
  display: inline-block;
  margin: 5pt auto;
  padding: 7pt;
  border-radius: 8pt;
  width: 200pt;
}
@media (min-width: 900px) {
.client-info[data-v-d1bdc934] {
    overflow: visible;
    font-size: 14pt;
    display: inline-block;
    margin: 5pt auto;
    padding: 7pt;
    border-radius: 8pt;
    width: 276pt;
}
}
#customer-number-holder[data-v-d1bdc934] {
  width: 100%;
  flex-direction: row;
  font-size: 14pt;
  padding: 15pt;
}
#customer-number[data-v-d1bdc934] {
  height: 35pt;
  text-align: center;
  margin: 0pt auto;
  width: 150pt;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/conditional_inclusioner/conditional-inclusion-adder.vue?vue&type=style&index=0&id=55e9773e&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-55e9773e] .v-label{
  margin:0 !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/conditional_inclusioner/inclusion-table.vue?vue&type=style&index=0&id=1cd8dbc5&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.v-card[data-v-1cd8dbc5]{
  min-width: 300pt !important;
}
.v-card__title[data-v-1cd8dbc5]{
      justify-content: center;
}


/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/coverage_associator/coverage-adder.vue?vue&type=style&index=0&id=5ef42ba0&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-5ef42ba0] .v-label{
  margin:0 !important;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/coverage_associator/associated-coverages.vue?vue&type=style&index=0&id=3a46750a&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.v-card[data-v-3a46750a]{
  min-width: 300pt !important;
}


/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/static-document-attacher.vue?vue&type=style&index=0&id=a84d4aa4&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.v-card[data-v-a84d4aa4]{
  min-width: 300pt !important;
}


/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/reference-code-adder.vue?vue&type=style&index=0&id=3d92e3ce&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.v-card[data-v-3d92e3ce]{
  min-width: 300pt !important;
}


/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/policy-term-document-uploader.vue?vue&type=style&index=0&id=3860163e&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-3860163e] .v-card__actions{
  justify-content: center;
}


/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy_term_documents/document-type-selector.vue?vue&type=style&index=0&id=9a994e6e&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.document-type-selector[data-v-9a994e6e] {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/confirmation-dialog.vue?vue&type=style&index=0&id=e25e1188&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/

.v-card__title[data-v-e25e1188]{
    padding: 24px 20px 0px 20px !important;
}




/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy-term-documents.vue?vue&type=style&index=0&id=7850ed36&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/

.v-card__title[data-v-7850ed36]{
  justify-content: space-between !important;
}
.all-docs[data-v-7850ed36]{
  background: #eeeeee;
  min-height: 19em;
}
.sub-view[data-v-7850ed36]{
  min-height: 19em;
}
.document[data-v-7850ed36]{
  width: 13em;
  height: 14em;
  justify-content: center;
  align-items: end;
  margin: 0pt 35pt 0pt 0pt;
  transition: 0.1s;
  border: 1px solid white;
}
.document[data-v-7850ed36]:hover, .document *[data-v-7850ed36]:hover{
  cursor: pointer !important;
}
.document[data-v-7850ed36]:hover {
  border: 1px solid grey;
}
.button-col[data-v-7850ed36]{
  position: absolute;
  top: 0em;
  width: fit-content;
  justify-content: center;
  right: -38px;
  background: whitesmoke;
  height: 100%;
}


/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/program-adder.vue?vue&type=style&index=0&id=648507a9&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/

.scroll-on-many-employees[data-v-648507a9]{
  overflow-y: scroll;
  max-height: 238px;
  min-height: 238px;
  border-top: 1pt solid #d2d2d2;
  border-bottom: 1pt solid #d2d2d2;
}
.employee-name-holder[data-v-648507a9]{
  display: flex;
justify-content: center;
align-items: center;
}
.v-progress-circular[data-v-648507a9]{
  position: absolute;
  top: 50%;
}
.v-card[data-v-648507a9] {
  display: flex !important;
  flex-direction: column;
}
.v-card__text[data-v-648507a9] {
  flex-grow: 1;
  overflow: auto;
}
.row-header[data-v-648507a9]{
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: .0125em;
  padding: 16px 24px 10px;
}
.permission-column[data-v-648507a9]{
  display: flex;
  justify-content: center
}




/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/program-editor.vue?vue&type=style&index=0&id=1ca40ae2&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/

.scroll-on-many-employees[data-v-1ca40ae2] {
  overflow-y: scroll;
  max-height: 238px;
  min-height: 238px;
  border-top: 1pt solid #d2d2d2;
  border-bottom: 1pt solid #d2d2d2;
}
.employee-name-holder[data-v-1ca40ae2] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-progress-circular[data-v-1ca40ae2] {
  position: absolute;
  top: 50%;
}
.v-card[data-v-1ca40ae2] {
  display: flex !important;
  flex-direction: column;
}
.v-card__text[data-v-1ca40ae2] {
  flex-grow: 1;
  overflow: auto;
}
.row-header[data-v-1ca40ae2] {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: .0125em;
  padding: 16px 24px 10px;
}
.permission-column[data-v-1ca40ae2] {
  display: flex;
  justify-content: center
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/policy-term-adder.vue?vue&type=style&index=0&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/

.v-progress-circular{
  position: absolute;
  top: 50%;
}
.v-card {
  display: flex !important;
  flex-direction: column;
}
.v-card__text {
  flex-grow: 1;
  overflow: auto;
}
.row-header{
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: .0125em;
  padding: 16px 24px 10px;
}
.v-picker__title{
  color:black !important;
  justify-content: center !important;
  display: flex !important;
}
.v-date-picker-table .v-btn.v-btn--active {
    color: #000 !important;
}
.overflow-ellipsis{
  white-space: nowrap ;
  word-break: normal;
  overflow: hidden ;
  text-overflow: ellipsis;
}


/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/program-view.vue?vue&type=style&index=0&id=07677b5a&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/

#program-view[data-v-07677b5a] {
  display: flex;
  flex-grow: 1;
  flex-flow: row;
}
#table-section[data-v-07677b5a] {
  display: flex;
  flex-grow: 1;
  flex-flow: column;
  width: 300pt;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/select-row-column.vue?vue&type=style&index=0&id=e5cfd6d4&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.fixed-width[data-v-e5cfd6d4] {
  min-width: 40pt !important;
  /* max-width: 40pt !important; */
  padding-block: 10px;
  overflow-x: hidden;
  text-align: start;
  vertical-align: middle;
}
@media (min-width: 1300px) {
.fixed-width[data-v-e5cfd6d4] {
    min-width: 40pt !important;
    /* max-width: 40pt !important; */
    padding-block: 10px;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/insured-name-column.vue?vue&type=style&index=0&id=4e81e671&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.fixed-width[data-v-4e81e671] {
  min-width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
@media (min-width: 950px) {
.fixed-width[data-v-4e81e671] {
    min-width: 145pt !important;
    max-width: 145pt !important;
    overflow-x: hidden;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table_columns/expiry-date-column.vue?vue&type=style&index=0&id=194b1f6f&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.red-background[data-v-194b1f6f] {
  border-bottom: 2pt solid #db0000fa;
}
.yellow-background[data-v-194b1f6f] {
  border-bottom: 2pt solid #ffc107;
}
.policy-date[data-v-194b1f6f] {
  padding: 15pt 0pt;
  color: black;
}
@media (min-width: 1300px) {
.policy-date[data-v-194b1f6f] {
    padding: 2pt 5pt;
    color: black;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/table-row.vue?vue&type=style&index=0&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/

.noticeBtns-dropdown-menu {
}
.noticeBtns-dropdown-menu-icon {
  margin-top: 30px;
  outline: none !important;
}
.noticeBtns-dropdown-menu-icon-review {
  margin-top: 35px;
  outline: none !important;
}
.noticeBtns-dropdown-menu-items {
  min-width: 150px;
}
.v-menu__content {
  /* left: 1640px !important;
  top: 305px !important; */
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/empty-table-message.vue?vue&type=style&index=0&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/

.no-policies-to-show {
  font-size: 15pt;
  padding: 81px 0 0 0;
  color: #474747;
  border-bottom: none;
  border-top: 1pt solid #e2e2e2;
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 700px) {
.no-policies-to-show {
    font-size: 25pt;
    padding: 81pt;
    border-bottom: 1pt solid #e2e2e2;
}
}
.detailed-message {
  font-size: 14pt;
  color: #333333;
}
#empty-list-icon {
  padding: 24pt;
  font-size: 150pt;
  color: #ffffff;
  margin: 7pt;
  background: #e9fcff;
  border-radius: 50%;
}
@media (min-width: 700px) {
#empty-list-icon {
    font-size: 218pt;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/policies/policies-table.vue?vue&type=style&index=0&id=24ad6ffc&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/

#program-policies-holder[data-v-24ad6ffc] {
  display: flex;
  flex-grow: 1;
  overflow-x: scroll;
  flex-direction: column;
  flex-wrap: wrap;
}
.notifications-header[data-v-24ad6ffc] {
  text-align: center;
  white-space: nowrap;
  text-align: center;
  position: relative;
}
#policy-table-inner-holder[data-v-24ad6ffc] {
  background: white;
  width: 100%;
}
#policy-table-table[data-v-24ad6ffc] {
  padding-right: 0;
  margin: 0pt auto;
  width: 100%;
}
.policy-tr[data-v-24ad6ffc] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 2;
}
@media (max-width: 950px) {
.policy-tr[data-v-24ad6ffc] {
    top: 0;
}
}
#loader[data-v-24ad6ffc] {
  position: absolute;
  top: 30%;
  left: 42%;
  transform: translate(50%);
  z-index: 1;
  height: fit-content;
  width: fit-content;
}
#loader > div[data-v-24ad6ffc] {
  width: 74px;
  height: 74px;
}
.popup[data-v-24ad6ffc] {
  opacity: 0;
  background: black;
  color: white;
  border-radius: 10pt;
  position: absolute;
  padding: 5pt;
  top: 67%;
  left: -70%;
  transform: translate(50%);
}
.table-header-centered:hover .popup[data-v-24ad6ffc] {
  opacity: 1;
}
.fixed-width[data-v-24ad6ffc] {
  min-width: 40pt !important;
  max-width: 40pt !important;
  padding-block: 10px;
  overflow-x: hidden;
  text-align: center;
  vertical-align: middle;
}
.approved-filter-wrapper[data-v-24ad6ffc] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 10px 20px;
}
.select-arrow-wrapper[data-v-24ad6ffc] {
  position: relative;
  display: inline-block;
}
.select-arrow-wrapper[data-v-24ad6ffc]::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 11px;
  border: solid darkgray;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  pointer-events: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.approved-filter-wrapper > .select-arrow-wrapper > select[data-v-24ad6ffc] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #e2e2e2;
  width: 120px;
  padding: 5px;
  outline: none;
  cursor: pointer;
  border-radius: 3px;
  border: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/prospects/select-row-column.vue?vue&type=style&index=0&id=2be9da78&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/

.fixed-width[data-v-2be9da78] {
  min-width: 40pt !important;
  /* max-width: 40pt !important; */
  padding-block: 10px;
  overflow-x: hidden;
  text-align: start;
  vertical-align: middle;
}
@media (min-width: 1300px) {
.fixed-width[data-v-2be9da78] {
    min-width: 40pt !important;
    /* max-width: 40pt !important; */
    padding-block: 10px;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/client_info/email-editor.vue?vue&type=style&index=0&id=fcb20252&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/

#sent-title[data-v-fcb20252] {
  font-size: 25pt;
  margin: 15pt;
}
.sent-message[data-v-fcb20252] {
  font-size: 22pt;
  font-weight: 600;
  margin: 15pt;
}
.popup-box-button[data-v-fcb20252]:disabled {
  background-color: #fafafa;
  color: #d2d2d2;
  border: none;
  box-shadow: none;
  pointer-events: none;
}
#editable-email[data-v-fcb20252] {
  width: fit-content;
  padding: 7pt;
}
.input-holder[data-v-fcb20252] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.close-icon[data-v-fcb20252] {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 25px;
  z-index: 1;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/delete-prospect-confirmation-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/

.delete-confirmation-title {
  text-align: center;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/delete-selected-prospects-confirmation-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.delete-confirmation-title {
  text-align: center;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/prospects/new-prospects-table.vue?vue&type=style&index=0&id=de10db36&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/

#root[data-v-de10db36] {
  display: flex;
  flex-grow: 1;
  overflow-x: hidden;
  flex-direction: column;
}
.prospects-table[data-v-de10db36] {
  padding-right: 0;
  margin: 0pt auto;
  width: 100%;
}
.prospects-table-header[data-v-de10db36] {
  position: sticky;
  top: 0;
  background-color: white;
  height: 80px;
  z-index: 2;
}
button[data-v-de10db36]:hover {
  cursor: pointer;
}
.prospect-email-input[data-v-de10db36] {
  border: 2px solid black;
  border-radius: 5px;
}
.octave-status-select[data-v-de10db36] {
  border-radius: 2pt;
  padding-left: 1px;
  cursor: pointer;
  color: white;
  outline: none;
  text-align: center;
  width: 120px;
}
.association-select[data-v-de10db36] {
  border-radius: 2pt;
  padding-left: 1px;
  cursor: pointer;
  color: white;
  background-color: orange;
  outline: none;
  text-align: center;
  width: 120px;
}
.prospect-selection-delete-btn[data-v-de10db36] {
  width: 120px;
  height: 35px;
  text-align: center;
  color: white;
  font-weight: bold;
  outline: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/table_views/prospects/prospect-search-results.vue?vue&type=style&index=0&id=202d3748&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/

#root[data-v-202d3748] {
  display: flex;
  flex-grow: 1;
  overflow-x: hidden;
  flex-direction: column;
}
button[data-v-202d3748]:hover {
  cursor: pointer;
}
.prospect-search-results-table > tr[data-v-202d3748] {
  height: 0;
}
@media (min-width: 1300px) {
.prospect-search-results-table > tr[data-v-202d3748] {
    height: 100%;
}
}
.prospect-search-results-table > tr > th[data-v-202d3748] {
  opacity: 0;
}
@media (min-width: 1300px) {
.prospect-search-results-table > tr > th[data-v-202d3748] {
    opacity: 100;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/policy-menu-tabs.vue?vue&type=style&index=0&id=8258b9c6&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/

#application-button-panel[data-v-8258b9c6] {
  display: none;
}
@media (min-width: 900px) {
#application-button-panel[data-v-8258b9c6] {
    display: flex;
    position: absolute;
    width: 100%;
    background: #ffffff00;
    border: none;
    padding: 0pt;
    justify-content: center;
}
}
#application-button-panel-mobile[data-v-8258b9c6] {
  display: flex;
  position: absolute;
  width: 350px;
  background: #ffffff00;
  border: none;
  padding: 0pt;
  justify-content: center;
}
@media (min-width: 500px) {
#application-button-panel-mobile[data-v-8258b9c6] {
    display: flex;
    position: absolute;
    width: 450px;
    background: #ffffff00;
    border: none;
    padding: 0pt;
    justify-content: center;
}
}
@media (min-width: 580px) {
#application-button-panel-mobile[data-v-8258b9c6] {
    display: flex;
    position: absolute;
    width: 550px;
    background: #ffffff00;
    border: none;
    padding: 0pt;
    justify-content: center;
}
}
@media (min-width: 650px) {
#application-button-panel-mobile[data-v-8258b9c6] {
    display: flex;
    position: absolute;
    width: 630px;
    background: #ffffff00;
    border: none;
    padding: 0pt;
    justify-content: center;
}
}
@media (min-width: 800px) {
#application-button-panel-mobile[data-v-8258b9c6] {
    display: flex;
    position: absolute;
    width: 850px;
    background: #ffffff00;
    border: none;
    padding: 0pt;
    justify-content: center;
}
}
@media (min-width: 900px) {
#application-button-panel-mobile[data-v-8258b9c6] {
    display: none;
}
}
.on-hover[data-v-8258b9c6]:hover {
  cursor: pointer;
  background: #faf9f9;
  color: black;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/policy_details/policy-details.vue?vue&type=style&index=0&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/

#policy-details-holder{
  display: flex;
  flex-direction: column;
  padding-top: 8pt;
}
.policy-buttons-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centered-spinner {
  position: absolute !important;
    top: 25% !important;
    left: 50% !important;
  z-index: 1001;
}
.blurred {
  opacity: 0.5;
  pointer-events: none;
}



/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/application-review-message.vue?vue&type=style&index=0&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/

#review-message {
  overflow-y: scroll;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/documents/single-document.vue?vue&type=style&index=0&id=1ca99e1f&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/

.policy-doc-holder[data-v-1ca99e1f]{
  width: 100%;
  margin-bottom: 5pt;
  padding: 0pt 10pt 0pt 11pt;
  position: relative;
  text-align: left;
  box-shadow: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5pt;
}
.policy-doc-holder[data-v-1ca99e1f]:hover{

  cursor: pointer;
  background: rgb(245 245 245);
}
.doc-last-modified[data-v-1ca99e1f] {
  position: absolute;
  right: 0pt;
  padding-right: 10pt;
  padding-left:5pt;
  display: none;
  font-size: 10pt;
  color: grey;
  top: 23%;
}
.policy-doc-holder:hover .doc-last-modified[data-v-1ca99e1f]{
  display: inline-block;
  background: whitesmoke;
}
.document-file-icon[data-v-1ca99e1f]{

  position: relative;
  left: -9pt;
  border-radius: 50%;
  padding: 4pt 0pt 5pt 0pt;
  padding-left: 0pt;
  font-size: 17pt;
}
.document-file-icon > svg[data-v-1ca99e1f]{
  width: 21pt;
}
.document-label[data-v-1ca99e1f]{


  font-size: 12pt;
}


/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/documents/docs-list.vue?vue&type=style&index=0&id=7c03134f&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/

#no-docs-yet[data-v-7c03134f] {
  margin-top: 15pt;
}
#regenerate-button[data-v-7c03134f] {
  margin: 0pt;
  padding: 3pt 5pt;
  color: #767373;
  position: absolute;
  right: 5pt;
  top: 1pt;
}
#regenerate-button .reload-button-popout[data-v-7c03134f] {
  top: 3pt;
  right: 100%;
  left: auto;
}
#send-documents-button[data-v-7c03134f] {
  margin: 1pt 0pt 0pt 0pt;
  padding: 3pt;
  color: #767373;
  position: absolute;
  right: 28pt;
  top: 0pt;
  bottom: 0pt;
}
#send-documents-button .reload-button-popout[data-v-7c03134f] {
  top: 3pt;
  right: 100%;
  left: auto;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/documents/docs-sender.vue?vue&type=style&index=0&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/

.errorBox {
  color: gray;
  font-size: small;
}
#spinner {
  top: 50%;
  height: 50%;
  position: absolute;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/documents/single-endorsement.vue?vue&type=style&index=0&id=3d84b45a&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.policy-doc-holder[data-v-3d84b45a]{
  width: 100%;
  margin-bottom: 5pt;
  padding: 0pt 10pt 0pt 11pt;
  position: relative;
  text-align: left;
  box-shadow: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5pt;
}
.policy-doc-holder[data-v-3d84b45a]:hover{

  cursor: pointer;
  background: rgb(245 245 245);
}
.doc-last-modified[data-v-3d84b45a] {
  position: absolute;
  right: 0pt;
  padding-right: 10pt;
  padding-left:5pt;
  display: none;
  font-size: 10pt;
  color: grey;
  top: 23%;
}
.policy-doc-holder:hover .doc-last-modified[data-v-3d84b45a]{
  display: inline-block;
  background: whitesmoke;
}
.document-file-icon[data-v-3d84b45a]{

  position: relative;
  left: -9pt;
  border-radius: 50%;
  padding: 4pt 0pt 5pt 0pt;
  padding-left: 0pt;
  font-size: 17pt;
}
.document-file-icon > svg[data-v-3d84b45a]{
  width: 21pt;
}
.document-label[data-v-3d84b45a]{


  font-size: 12pt;
}


/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/documents/endorsements.vue?vue&type=style&index=0&id=138e48f6&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/

#no-docs-yet[data-v-138e48f6] {
  margin-top: 15pt;
}
#add-documents-button[data-v-138e48f6] {
  margin: 0pt;
  padding: 3pt 5pt;
  color: #767373;
  position: absolute;
  right: 5pt;
  top: 1pt
}
#add-documents-button .reload-button-popout[data-v-138e48f6] {
  top: 3pt;
  right: 100%;
  left: auto;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/quote-calculator-dialog.vue?vue&type=style&index=0&id=2739d014&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.prolink-dark-blue-background[data-v-2739d014] {
  background-color: #294273;
  color: white;
  font-weight: bold;
  text-align: left;
  font-size: 12pt;
  border-radius: 0;
}
.prolink-light-blue-background[data-v-2739d014] {
  background-color: #E4F5F8;
  text-align: right;
}
.prolink-white-background[data-v-2739d014] {
  background-color: white !important;
}
.prolink-grey-background[data-v-2739d014] {
  background-color: #FDFDFD !important;
  color: black !important;
  /* Ensure the color is forced */
  opacity: 1 !important;
  /* Ensure opacity is forced */
}
[data-v-2739d014] .prolink-grey-background .v-input__control .v-input__slot input:disabled,[data-v-2739d014] .prolink-grey-background .v-input__control .v-input__slot select:disabled {
  background-color: #FDFDFD !important;
  color: black !important;
  opacity: 1 !important;
}
[data-v-2739d014] .prolink-grey-background .v-label,[data-v-2739d014] .prolink-grey-background .v-select-list-item,[data-v-2739d014] .prolink-grey-background .v-textarea__control,[data-v-2739d014] .prolink-grey-background .v-input__slot textarea {
  color: black !important;
}
.bolded[data-v-2739d014] {
  color: black;
  font-weight: bold;
}
.centered[data-v-2739d014] {
  display: flex;
  justify-content: center;
  text-align: center;
}
.header[data-v-2739d014] {
  min-width: 300pt;
  max-width: 300pt;
}
.large-card-title[data-v-2739d014] {
  cursor: pointer;
}
.large-card-title[data-v-2739d014]:hover {
  background-color: #2a6f9b;
  color: #fff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.small-card-title[data-v-2739d014] {
  padding: 4px 8px;
  height: auto;
  margin: 0;
}
.scrollable-content[data-v-2739d014] {
  min-height: calc(90vh - 100px);
  max-height: calc(90vh - 100px);
  overflow-y: auto;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/program_view/customer_list_actions/endorsement-adder-dialog.vue?vue&type=style&index=0&id=56ecbbe4&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.prolink-dark-blue-background[data-v-56ecbbe4] {
  background-color: #294273;
  color: white;
  font-weight: bold;
  text-align: left;
  font-size: 12pt;
  border-radius: 0;
}
.prolink-light-blue-background[data-v-56ecbbe4] {
  background-color: #E4F5F8;
  text-align: right;
}
.prolink-dark-grey-background[data-v-56ecbbe4] {
  background-color: #dadada;
  color: black !important;
  text-align: right;
}
.prolink-white-background[data-v-56ecbbe4] {
  background-color: white !important;
}
.prolink-grey-background[data-v-56ecbbe4] {
  background-color: #FDFDFD !important;
  color: black !important;
  /* Ensure the color is forced */
  opacity: 1 !important;
  /* Ensure opacity is forced */
}
[data-v-56ecbbe4] .prolink-grey-background .v-input__control .v-input__slot input:disabled,[data-v-56ecbbe4] .prolink-grey-background .v-input__control .v-input__slot select:disabled {
  background-color: #FDFDFD !important;
  color: black !important;
  opacity: 1 !important;
}
[data-v-56ecbbe4] .prolink-grey-background .v-label,[data-v-56ecbbe4] .prolink-grey-background .v-select-list-item,[data-v-56ecbbe4] .prolink-grey-background .v-textarea__control,[data-v-56ecbbe4] .prolink-grey-background .v-input__slot textarea {
  color: black !important;
}
.bolded[data-v-56ecbbe4] {
  color: black;
  font-weight: bold;
}
.centered[data-v-56ecbbe4] {
  display: flex;
  justify-content: center;
  text-align: center;
}
.header[data-v-56ecbbe4] {
  min-width: 300pt;
  max-width: 300pt;
}
.large-card-title[data-v-56ecbbe4] {
  cursor: pointer;
}
.large-card-title[data-v-56ecbbe4]:hover {
  background-color: #2a6f9b;
  color: #fff;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.small-card-title[data-v-56ecbbe4] {
  padding: 4px 8px;
  height: auto;
  margin: 0;
}
.scrollable-content[data-v-56ecbbe4] {
  min-height: calc(90vh - 100px);
  max-height: calc(90vh - 100px);
  overflow-y: auto;
}
.error-message[data-v-56ecbbe4] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 95%;
  background: #fffefe;
  color: red;
  font-size: 15pt;
  padding: 10pt;
  border: 1pt solid red;
  border-radius: 5pt;
  z-index: 1;
}
.additional-border[data-v-56ecbbe4] {
  border: 1pt solid #294273;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/coverages/coverage_breakdown/coverage_columns/coverage-log-dialog.vue?vue&type=style&index=0&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.coverage-table {
  text-align: left;
}
.errorBox {
  color:gray;
  font-size:small;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/important-dates.vue?vue&type=style&index=0&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/

.date-header{
  font-size: 12pt;
}



/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/notice_buttons/manager-buttons.vue?vue&type=style&index=0&id=3faca166&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.button-holder[data-v-3faca166] {
  display: flex;
  justify-content: space-evenly;
  position: relative;
}
.right-panel-component[data-v-3faca166] {
  border: none;
}
#manager-options-header[data-v-3faca166] {
  margin-bottom: 15pt;
}
[data-v-3faca166] .long-flat-button {
  padding: 5pt 5pt;
  margin: 2pt 0pt;
  text-align: center;
  padding-left: 9pt;
  background: #f7f7f7;
  color: #484848;
  font-size: 14pt;
  width: 148pt;
  white-space: nowrap;
}
[data-v-3faca166] .long-flat-button:hover {
  box-shadow: 0pt 1pt 4pt #9b9b9b;
  cursor: pointer;
}
[data-v-3faca166] .long-flat-button>svg {
  font-size: 12pt;
}
[data-v-3faca166] .manager-button-label {
  display: inline-block;
  margin-left: 10pt;
}
.notice-buttons-overlay[data-v-3faca166] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centered-spinner[data-v-3faca166] {
  position: absolute !important;
    top: 25% !important;
    left: 50% !important;
  z-index: 1001;
}
.blurred[data-v-3faca166] {
  opacity: 0.5;
  pointer-events: none;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/right_panel/policy-right-panel.vue?vue&type=style&index=0&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/

#policy-right-panel {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 60pt);
  border-left: 1pt solid #e2e2e2;
  padding-bottom: 50pt;
  padding-inline: 15px;
  background: #ffffff;
  color: #2e2e2e;
  position: absolute;
  right: 0;
  transition: 0.1s;
  width: 28pt;
}
@media (min-width: 900px) {
#policy-right-panel {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 60pt);
    border-left: 1pt solid #e2e2e2;
    padding-bottom: 50pt;
    padding-inline: 0;
    background: #ffffff;
    color: #2e2e2e;
    position: absolute;
    right: 0;
    transition: 0.1s;
    width: 28pt;
}
}
.slideout {
  display: inline-block;
  width: 320pt !important;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/inactive-dialog.vue?vue&type=style&index=0&id=bf3ef164&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/

#box-background[data-v-bf3ef164]{
    background: #00000052;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0pt;
    top: 0pt;
    z-index: 2;
}
#box[data-v-bf3ef164]{
    position: absolute;
    background: white;
    font-size: 20pt;
    color: black;
    z-index: 2;
    padding: 15pt;
    border-radius: 5pt;
    box-shadow: 0pt 0pt 5pt black;
    left: 50%;
    transform: translate(-50%);
    top: 30%;
}
#button[data-v-bf3ef164]{
    background: cornflowerblue;
    color: white;
    border-radius: 5pt;
    margin: 15pt;
    padding: 0pt 30pt;
}
#button[data-v-bf3ef164]:hover{
    cursor:pointer;
}


/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/selected-policy.vue?vue&type=style&index=0&id=eb1c53f0&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/

#manager-policy-view[data-v-eb1c53f0] {
  display: flex;
  flex-grow: 1;
}
#visibility-toggle[data-v-eb1c53f0] {
  position: absolute;
  background: #ffffff;
  padding: 6pt;
  width: 34pt;
  color: #8e8e8e;
  right: 130pt;
  border-radius: 50pt;
  top: 0pt;
  box-shadow: 0pt 2pt 2pt #00000030;
  border-right: 0pt;
  transition: 0.1s;
  border: 1pt solid #d0d0d0;
  z-index: 1;
}
@media (min-width: 420px) {
#visibility-toggle[data-v-eb1c53f0] {
    position: absolute;
    background: #ffffff;
    padding: 6pt;
    width: 34pt;
    color: #8e8e8e;
    right: 108pt;
    border-radius: 50pt;
    top: 0pt;
    box-shadow: 0pt 2pt 2pt #00000030;
    border-right: 0pt;
    transition: 0.1s;
    border: 1pt solid #d0d0d0;
    z-index: 1;
}
}
@media (min-width: 468px) {
#visibility-toggle[data-v-eb1c53f0] {
    position: absolute;
    background: #ffffff;
    padding: 6pt;
    width: 34pt;
    color: #8e8e8e;
    right: 70pt;
    border-radius: 50pt;
    top: 0pt;
    box-shadow: 0pt 2pt 2pt #00000030;
    border-right: 0pt;
    transition: 0.1s;
    border: 1pt solid #d0d0d0;
    z-index: 1;
}
}
@media (min-width: 527px) {
#visibility-toggle[data-v-eb1c53f0] {
    position: absolute;
    background: #ffffff;
    padding: 6pt;
    width: 34pt;
    color: #8e8e8e;
    right: 25pt;
    border-radius: 50pt;
    top: 0pt;
    box-shadow: 0pt 2pt 2pt #00000030;
    border-right: 0pt;
    transition: 0.1s;
    border: 1pt solid #d0d0d0;
    z-index: 1;
}
}
@media (min-width: 900px) {
#visibility-toggle[data-v-eb1c53f0] {
    position: absolute;
    background: #ffffff;
    padding: 6pt;
    width: 34pt;
    color: #8e8e8e;
    right: 10pt;
    border-radius: 50pt;
    top: 0pt;
    box-shadow: 0pt 2pt 2pt #00000030;
    border-right: 0pt;
    transition: 0.1s;
    border: 1pt solid #d0d0d0;
    z-index: 1;
}
}
#visibility-toggle[data-v-eb1c53f0]:active {
  box-shadow: none;
  /* right: 300pt; */
}
#visibility-toggle[data-v-eb1c53f0]:hover {
  cursor: pointer;
  background: #6c757d;
  color: white;
}
[data-v-eb1c53f0] .no-content-message {
  font-size: 15pt;
  margin: 0;
  height: 100%;
  width: 50%;
  padding-top: 139pt;
  padding-left: 60pt;
  color: grey;
}
@media (min-width: 530px) {
[data-v-eb1c53f0] .no-content-message {
    font-size: 22pt;
    margin: auto;
    height: 100%;
    width: 100%;
    padding-top: 139pt;
    padding-left: 0;
    color: grey;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/client_info/mobile-phone-editor.vue?vue&type=style&index=0&id=1899bb6e&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/

#flash-success[data-v-1899bb6e]{
  font-size:22pt;
}
#success-message[data-v-1899bb6e]{
  color:gray;
}
#current-number-holder[data-v-1899bb6e]{
  margin: 15pt 0pt;
  color: #747474;
  background: #f7f7f7;
  border-radius: 5pt;
  font-size: 15pt;
  padding: 5pt;
}
#sent-title[data-v-1899bb6e]{
  font-size: 25pt;
  margin: 15pt;
}
.sent-message[data-v-1899bb6e]{
  font-size: 22pt;
  font-weight: 600;
  margin: 15pt;
}
#input-holder[data-v-1899bb6e]{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup-box-button[data-v-1899bb6e]:disabled{
  background-color: #fafafa;
  color: #d2d2d2;
  border: none;
  box-shadow: none;
  pointer-events: none;
}
#new-mobile-phone[data-v-1899bb6e]{
  width: fit-content;
  padding: 7pt;
  text-align: center;
}
.input-holder[data-v-1899bb6e]{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}


/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/client_info/client-info.vue?vue&type=style&index=0&id=15f63d67&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/

.permission-adder[data-v-15f63d67] {
  float: right;
}
#save-changes-button[data-v-15f63d67] {
  bottom: 5pt;
  position: absolute;
  left: 15pt;
}
.invalid-input-message[data-v-15f63d67] {
  position: absolute;
  bottom: -100%;
  min-width: fit-content;
  padding: 8pt;
  border-radius: 5pt;
  z-index: 1;
  display: none;
}
.input-holder[data-v-15f63d67] {
  position: relative;
}
#client-info-holder[data-v-15f63d67] {
  font-size: 14pt;
  padding-top: 30pt;
  padding-bottom: 219pt;
}
.name-width[data-v-15f63d67] {
  max-width: 307pt;
}
.phone-width[data-v-15f63d67] {
  max-width: 121pt;
}
.web-width[data-v-15f63d67] {
  max-width: 283pt;
}
.city-width[data-v-15f63d67] {
  max-width: 199pt;
}
.postal-code-width[data-v-15f63d67] {
  max-width: 109pt;
}
.address-width[data-v-15f63d67] {
  max-width: 300pt;
}
.black[data-v-15f63d67] {
  border-color: black;
}
#ext-label[data-v-15f63d67] {
  min-width: 5pt;
  margin: 0pt 15pt;
}
#ext-num[data-v-15f63d67] {
  width: 90pt;
}
/* hide extension counter arrows. */
/* Chrome, Safari, Edge, Opera */
input[data-v-15f63d67]::-webkit-outer-spin-button,
input[data-v-15f63d67]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"][data-v-15f63d67] {
  -moz-appearance: textfield;
}
#province[data-v-15f63d67] {
  padding: 10pt;
}
.input-holder[data-v-15f63d67] {
  display: flex;
  flex-direction: column;
  gap: 10pt;
  align-items: center;
  flex-grow: 1;
}
@media (min-width: 1000px) {
.input-holder[data-v-15f63d67] {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    flex-grow: 1;
}
}
.input-row[data-v-15f63d67] {
  padding: 7pt;
  padding-left: 17pt;
  width: 100%;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  display: flex;
  align-items: start;
}
@media (min-width: 1000px) {
.input-row[data-v-15f63d67] {
    padding: 7pt;
    padding-left: 17pt;
    width: 100%;
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
}
label[data-v-15f63d67] {
  min-width: 133pt;
  font-size: 14pt;
  color: #294273;
  text-align: left;
  line-height: 32pt;
  margin-right: 5pt;
}
.form-input[data-v-15f63d67] {
  padding: 5pt 5pt;
  flex-grow: 1;
  font-size: 14pt;
  border-radius: 5pt;
  background: #f7f7f7;
  border: 1pt solid #d0d0d0;
  text-align: left;
}
.card[data-v-15f63d67] {
  display: flex;
  flex-direction: column;
  transition: 0.8s;
  max-width: 100%;
  min-width: 100%;
  margin: 0pt auto;
  padding: 0pt 0pt 0pt;
  margin-bottom: 15pt;
  border: none;
}
@media (min-width: 1000px) {
.card[data-v-15f63d67] {
    display: flex;
    flex-direction: column;
    transition: 0.8s;
    max-width: 685pt;
    min-width: 542pt;
    margin: 0pt auto;
    padding: 0pt 15pt 15pt;
    margin-bottom: 15pt;
    border: none;
}
}
.title[data-v-15f63d67] {
  font-size: 20pt;
  margin: 15pt;
  text-align: left;
  border-bottom: 1pt solid #e2e2e2;
}
.verification-message[data-v-15f63d67] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0pt 15pt;
  margin-left: 5pt;
  border-radius: 5pt;
  min-height: 33pt;
}
.unverified-colors[data-v-15f63d67] {
  background: #fafafa;
  color: grey;
}
.verified-colors[data-v-15f63d67] {
  background: #ddffe5;
  color: #009722;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/multi_answer/multiple-choice.vue?vue&type=style&index=0&id=7d34d8c2&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.possible-answers[data-v-7d34d8c2]{
    margin-bottom: 6pt;
    border-radius: 10pt;
    padding-top: 3pt;
    padding-bottom: 2pt;
    padding-left: 2pt;
    padding-right: 4pt;
    min-height: 24pt;
    width: fit-content;
    display: flex;
}
.possible-answers[data-v-7d34d8c2]:hover{
    background: #efefef;
}
label[data-v-7d34d8c2]{
    vertical-align: top;
    cursor: pointer;
    margin: auto 0pt;
}
.radio-button[data-v-7d34d8c2]{
    margin-right: 5pt;
    height: 1.5em;
    width: 1.5em;
    min-width: 19pt;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/single_answer/short-answer.vue?vue&type=style&index=0&id=70e1aa95&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.short-answer[data-v-70e1aa95] {
    width: 200pt;
}
.missing-answer[data-v-70e1aa95]{
    border-color: red;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/single_answer/long-answer.vue?vue&type=style&index=0&id=20ebbc39&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.short-answer[data-v-20ebbc39] {
    resize: none;
    width: 100%;
    padding: 5pt;
    display: block;
    overflow: hidden;
    overflow-y: scroll;
    height: 100pt;
}
.missing-answer[data-v-20ebbc39]{
    border-color: red;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/single_answer/file-upload.vue?vue&type=style&index=0&id=f303bc08&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/

.file-upload[data-v-f303bc08] {
  width: 200pt;
}
.missing-answer[data-v-f303bc08] {
  border-color: red;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/multi_answer/check-box.vue?vue&type=style&index=0&id=f2b32432&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/

.possible-answers[data-v-f2b32432]{
    margin-bottom: 6pt;
    border-radius: 10pt;
    padding-top: 3pt;
    padding-bottom: 2pt;
    padding-left: 2pt;
    padding-right: 4pt;
    min-height: 24pt;
    width: fit-content;
    display: flex;
}
.possible-answers[data-v-f2b32432]:hover{
    background: #efefef;
}
label[data-v-f2b32432]{
    vertical-align: top;
    cursor: pointer;
    margin: auto 0pt;
}
.radio-button[data-v-f2b32432]{
    margin-right: 5pt;
    height: 1.5em;
    width: 1.5em;
    min-width: 19pt;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/single_answer/signature.vue?vue&type=style&index=0&id=2b32c67c&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/

img[data-v-2b32c67c] {
    width: 100%;
    border-radius: 5pt;
    padding: 0pt 5pt;
    text-align: left;
    background: #f1f1f1;
}



/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/question-card.vue?vue&type=style&index=0&id=99957dca&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/

.question-answer-card[data-v-99957dca] {
  font-size: 10pt;
  border-bottom: 2pt solid #f3f3f3;
  padding: 20pt 0pt;
  margin: 0pt auto;
  background: white;
  transition: 0.4s;
  max-width: 100%;
  min-width: 300pt;
}
@media (min-width: 1137px) {
.question-answer-card[data-v-99957dca] {
    font-size: 12pt;
    border-bottom: 2pt solid #f3f3f3;
    padding: 24pt 15pt;
    margin: 0pt auto;
    background: white;
    transition: 0.4s;
    max-width: 625pt;
    min-width: 600pt;
}
}
.question-answer-card[data-v-99957dca]:hover {
  background: #fcfcfc;
}
.app-subtitle[data-v-99957dca] {
  width: 100%;
  text-align: left;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  color: #3c3c3c;
  line-height: 1.3em;
}
.app-title[data-v-99957dca] {
  width: 100%;
  text-align: left;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  color: #3c3c3c;
  line-height: 1.3em;
}
.app-question[data-v-99957dca] {
  width: 320px;
  text-align: left;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.175em;
  color: #3c3c3c;
  line-height: 1.3em;
}
@media (min-width: 530px) {
.app-question[data-v-99957dca] {
    width: 400px;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.175em;
    color: #3c3c3c;
    line-height: 1.3em;
}
}
@media (min-width: 800px) {
.app-question[data-v-99957dca] {
    width: 100%;
    text-align: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.175em;
    color: #3c3c3c;
    line-height: 1.3em;
}
}
.app-answer[data-v-99957dca] {
  text-align: left;
  padding-top: 20pt;
  max-width: 280px;
}
@media (min-width: 1137px) {
.app-answer[data-v-99957dca] {
    text-align: left;
    padding-top: 20pt;
    max-width: 100%;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/app_questions/application-questions.vue?vue&type=style&index=0&id=03441514&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/

#question-filter[data-v-03441514]{
  margin-top: 20pt;
  margin-bottom: 20pt;
  width: 226pt;
  padding: 3pt;
}
#no-filtered-question-results[data-v-03441514]{
  margin: 100pt 20pt;
  font-size: 20pt;
  color: grey;
}
.answer-options-holder[data-v-03441514]{
  width: fit-content;
  white-space: nowrap;
}
.selected-answer[data-v-03441514]{
  background: black;
  color:white;
}
.answer-option[data-v-03441514]{
  padding:3pt;
  border-radius: 3pt;
}



/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/coverages/cost_breakdown/cost_table/cost-table.vue?vue&type=style&index=0&id=7836165e&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.spacer[data-v-7836165e] {
  position: relative;
  bottom: 0.5pt;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/coverages/coverage_breakdown/coverage_columns/coverage-log-column.vue?vue&type=style&index=0&id=7e2b8b80&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.log-td[data-v-7e2b8b80] {
  text-align: right;
  padding-right: 50pt;
}
.coverage-log-button[data-v-7e2b8b80] {
  color: #767373;
  position: absolute;
  top: 0pt;
  bottom: 0pt;
}
.coverage-log-button .reload-button-popout[data-v-7e2b8b80] {
  background-color: #444444;
  top: 0pt;
  right: 100%;
  left: auto;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/coverages/cost_breakdown/total-cost.vue?vue&type=style&index=0&id=154af514&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/

.total-row[data-v-154af514] {
  background: #ffffff;
  color: black;
  border-top: 1pt solid #e5e5e5;
  border-bottom: 1pt solid #e5e5e5;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/coverages/coverages.vue?vue&type=style&index=0&id=5de8802a&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/

#client-coverage-options[data-v-5de8802a] {
  margin: 5pt auto;
  margin-left: 51pt;
  font-size: 12pt;
  padding: 24pt 15pt;
  margin: 0pt auto;
  background: white;
  transition: 0.4s;
  max-width: 625pt;
  min-width: 0;
}
@media (min-width: 950px) {
#client-coverage-options[data-v-5de8802a] {
    margin: 5pt auto;
    margin-left: 51pt;
    font-size: 12pt;
    padding: 24pt 15pt;
    margin: 0pt auto;
    background: white;
    transition: 0.4s;
    max-width: 625pt;
    min-width: 600pt;
}
}
[data-v-5de8802a] .empty-table-td {
  padding-bottom: 25pt;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/prolink_employee/selected_policy/surcharges/surcharges.vue?vue&type=style&index=0&id=75e6acf3&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/

.document-content[data-v-75e6acf3] {
    margin: 5pt auto;
    margin-left: 51pt;
    font-size: 12pt;
    padding: 24pt 15pt;
    margin: 0pt auto;
    background: white;
    transition: 0.4s;
    max-width: 625pt;
    min-width: 0;
    text-align: left;
}
.fixed-width[data-v-75e6acf3] {
    min-width: 200pt;
    max-width: 200pt;
}
.blue-title[data-v-75e6acf3] {
    font-size: 14pt;
    font-weight: bold;
    color: #294273;
}
.blue-text[data-v-75e6acf3] {
    font-size: 12pt;
    color: #294273;
}
.table-input[data-v-75e6acf3] {
    width: 100pt;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    color: #555;
    font-family: Arial, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}
.table-input.disabled[data-v-75e6acf3] {
    background-color: #e9e9e9;
    color: #a9a9a9;
    cursor: not-allowed;
}
.radio-label[data-v-75e6acf3] {
    font-size: 10pt;
    display: block;
    margin-bottom: 5px;
}
.checkbox-label[data-v-75e6acf3] {
    font-size: 10pt;
    display: block;
    margin-bottom: 5px;
}
.spaced-td[data-v-75e6acf3] {
    padding-bottom: 15px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/your-advisor.vue?vue&type=style&index=0&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************/

#your-team-holder {
  margin-top: 20pt;
  margin-bottom: 50pt;
}
@media (min-width: 800px) {
#your-team-holder {
    margin-top: 20pt;
    margin-bottom: 50pt;
}
}
#team-content-holder {
  display: flex;
}
#advisor-image {
  width: 65pt;
  height: 65pt;
  border: 1pt solid #66c8da;
  border-radius: 50%;
}
#advisor-email {
  cursor: pointer;
}
#team-contact {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
}
#team-program-name {
  font-weight: bold;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/client-header.vue?vue&type=style&index=0&id=2001871e&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/

#client-header[data-v-2001871e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-top: 10pt;
  width: 100%;
  padding-inline: 30px;
}
@media (min-width: 800px) {
#client-header[data-v-2001871e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    margin-top: 10pt;
    width: 100%;
    padding-inline: 180px;
}
}
#logo-holder[data-v-2001871e] {
  margin: 5pt;
}
#face-holder[data-v-2001871e] {
  display: block;
  border-radius: 100%;
  padding: 10px;
  font-size: 10pt;
  margin-right: 9pt;
  margin-top: 13px;
  color: white;
  background: #294273;
}
@media (min-width: 800px) {
#face-holder[data-v-2001871e] {
    display: none;
}
}
#my-profile-button-holder[data-v-2001871e] {
  text-transform: uppercase;
  font-size: 12pt;
  cursor: pointer;
  color: #294273;
}

/* #my-profile-button-holder:hover {
  cursor: pointer;
} */
#signout-button[data-v-2001871e] {
  color: white;
  font-size: 12pt;
  height: fit-content;
  border: none;
  outline: none;
  /* border-radius: 3pt; */
  margin: 3pt 0pt;
  padding: 2pt 14pt;
}
#signout-button[data-v-2001871e]:hover {
  cursor: pointer;
}
#right-header-holder[data-v-2001871e] {
  display: none;
  height: fit-content;
  margin: 15pt;
}
@media (min-width: 800px) {
#right-header-holder[data-v-2001871e] {
    display: flex;
    height: fit-content;
    align-items: center;
    gap: 15pt;
    margin: 0;
}
}
.mobile-menu-icon-wrapper[data-v-2001871e] {
  /* padding-right: 10pt; */
  padding: 14px 0px 0px 10px;
  position: relative;
  display: block;
}
@media (min-width: 800px) {
.mobile-menu-icon-wrapper[data-v-2001871e] {
    /* padding-right: 10pt; */
    padding: 14px 0px 0px 10px;
    position: relative;
    display: none;
}
}
.mobile-menu-icon-bg[data-v-2001871e] {
  width: 25pt;
  height: 25pt;
  background: transparent;
  border-radius: 100%;
  position: relative;
  display: block;
  z-index: 2;
}
@media (min-width: 800px) {
.mobile-menu-icon-bg[data-v-2001871e] {
    display: none;
}
}
#mobileMenuIcon[data-v-2001871e] {
  display: block;
  font-size: 12pt;
  color: #294273;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 800px) {
#mobileMenuIcon[data-v-2001871e] {
    display: none;
}
}
.dropdown-signout[data-v-2001871e] {
  font-size: 17px !important;
}
#dropdown-help[data-v-2001871e] {
  font-size: 17px !important;
  color: white !important;
  text-decoration: none !important;
}
.mobile-menu-icon-dropdown-wrapper[data-v-2001871e] {
  position: absolute;
  top: 53px;
  left: 10px;
  width: 250px;
  height: 475px;
  background: #294273;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  color: white;
  z-index: 2;
}
.mobile-menu-icon-dropdown-item[data-v-2001871e] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.slide-fade-enter-active[data-v-2001871e] {
  transition: all 0.1s ease;
}
.slide-fade-leave-active[data-v-2001871e] {
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter[data-v-2001871e],
.slide-fade-leave-to[data-v-2001871e] {
  transform: translateY(-10px);
  opacity: 0;
}
.overlay[data-v-2001871e] {
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fade-enter-active[data-v-2001871e],
.fade-leave-active[data-v-2001871e] {
  transition: opacity 0.3s;
}
.fade-enter[data-v-2001871e],
.fade-leave-to[data-v-2001871e] {
  opacity: 0;
}
.dropdown-triangle[data-v-2001871e] {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #294273;
  position: absolute;
  top: -9px;
  left: 7px;
}
#mobileMenuIcon[data-v-2001871e] {
  transition: transform 0.3s ease-in-out;
}
.mobile-menu-advisor-wrapper[data-v-2001871e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: white;
  text-align: start;
}
.advisor-name-mobileMenu[data-v-2001871e] {
  color: white;
  font-weight: bold;
  font-size: 16px;
}
.mobile-menu-advisor-title[data-v-2001871e] {
  font-weight: bold;
}
@media (min-width: 800px) {
.mobile-menu-icon-dropdown-item-profile[data-v-2001871e] {
    display: none;
}
}
.menu-item-selected[data-v-2001871e] {
  border-bottom: 1px solid #66c6d9;
  padding-bottom: 4px;
}
.my-profile-help-btn-wrapper[data-v-2001871e] {
  margin-bottom: -5px;
}
.my-profile-help-btn[data-v-2001871e] {
  font-size: 20px;
  color: #66c6d9;
  cursor: pointer;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/client-sub-header.vue?vue&type=style&index=0&id=080fbc1e&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/

#sub-header-holder[data-v-080fbc1e] {
  display: flex;
  justify-content: center;
  margin-top: 16pt;
  margin-bottom: 35pt;
}
@media (min-width: 900px) {
#sub-header-holder[data-v-080fbc1e] {
    display: flex;
    justify-content: center;
    margin-top: 16pt;
    margin-bottom: 0;
}
}
.sub-header-button[data-v-080fbc1e] {
  font-size: 12pt;
  margin: 3pt 18pt;
  font-weight: bold;
  outline: none;
  border-bottom: 1px solid white;
}
@media (min-width: 900px) {
.sub-header-button[data-v-080fbc1e] {
    font-size: 16pt;
    margin: 3pt 18pt;
    font-weight: bold;
    outline: none;
    border-bottom: 1px solid white;
}
}
.sub-header-button[data-v-080fbc1e]:hover {
  cursor: pointer;
  border-bottom: 1px solid #66c6d9;
}
.submenu-item-selected[data-v-080fbc1e] {
  border-bottom: 1px solid #66c6d9;
  padding-bottom: 4px;
}
.breadcrumb-wrapper[data-v-080fbc1e] {
  position: relative;
  text-align: center;
  margin-left: 0;
  margin-top: 10pt;
  cursor: pointer;
  width: 100%;
}
@media (min-width: 800px) {
.breadcrumb-wrapper[data-v-080fbc1e] {
    position: relative;
    text-align: start;
    margin-left: 28pt;
    margin-top: 10pt;
    cursor: pointer;
    width: fit-content;
    padding-inline: 180px;
}
}
.breadcrumb-wrapper[data-v-080fbc1e]::before {
  content: "";
  position: absolute;
  left: 115px;
  top: 5px;
  border: solid #525252;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  pointer-events: none;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
@media (min-width: 800px) {
.breadcrumb-wrapper[data-v-080fbc1e]::before {
    content: "";
    position: absolute;
    left: 180px;
    top: 6px;
    border: solid #525252;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    pointer-events: none;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
}
.breadcrumb-wrapper[data-v-080fbc1e]:hover {
  text-decoration: underline;
}
.breadcrumb-wrapper h5[data-v-080fbc1e] {
  font-size: 16px;
  color: #525252;
  padding-left: 13px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/probable-use-case-button.vue?vue&type=style&index=0&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/

#use-case-button-holder {
  margin: 10pt 0pt;
  text-align: center;
  margin-left: 0pt;
}
@media (min-width: 800px) {
#use-case-button-holder {
    margin: 26pt 0pt;
    text-align: left;
    margin-left: 20pt;
}
}
.probable-case-button {
  padding: 0pt 33pt;
  font-size: 18pt;
  color: white;
  white-space: nowrap;
  border: none;
  font-weight: bold;
  border-radius: 4pt;
}
.probable-case-button:hover {
  cursor: pointer;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/documents/single-document.vue?vue&type=style&index=0&id=dcda2246&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/

.doc-holder[data-v-dcda2246] {
  width: 100%;
  max-width: 100%;
  margin-bottom: 5pt;
  padding: 5pt 10pt 5pt 0pt;
  position: relative;
  text-align: left;
  box-shadow: none;
  border: none;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: clip;
  display: flex;
  align-items: center;
}
.client-document-label-popup[data-v-dcda2246] {
  position: fixed;
  top: 21pt;
  background: black;
  color: white;
  white-space: nowrap;
  right: 0pt;
  z-index: 1;
  padding: 0pt 5pt;
  border-radius: 3pt;
  pointer-events: none;
  width: fit-content;
}
.doc-holder:hover .client-document-label-popup[data-v-dcda2246] {
  display: inline-block;
}
#spinner[data-v-dcda2246] {
  top: 0pt;
  height: 50%;
  position: absolute;
}
.doc-holder[data-v-dcda2246]:hover {
  cursor: pointer;
  background: rgb(245 245 245);
}
.doc-holder:hover .doc-last-modified[data-v-dcda2246] {
  display: inline-block;
  background: whitesmoke;
}
.client-document-file-icon[data-v-dcda2246] {
  width: 21pt;
}
.doc-last-modified[data-v-dcda2246] {
  position: absolute;
  right: 0pt;
  padding-right: 10pt;
  padding-left: 5pt;
  display: none;
  font-size: 10pt;
  color: grey;
  top: 23%;
}
.client-document-label[data-v-dcda2246] {
  vertical-align: baseline;
  padding-top: 0pt;
  display: inline-block;
  font-size: 12pt;
  font-weight: bold;
  margin-left: 10pt;
  white-space: normal;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/documents/single-wording.vue?vue&type=style&index=0&id=983b1574&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/

.doc-holder[data-v-983b1574] {
  width: 100%;
  max-width: 236pt;
  margin-bottom: 5pt;
  padding: 5pt 10pt 5pt 0pt;
  position: relative;
  text-align: left;
  box-shadow: none;
  border: none;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: clip;
  display: flex;
  align-items: center;
}
.client-document-label-popup[data-v-983b1574] {
  position: fixed;
  top: 21pt;
  background: black;
  color: white;
  white-space: nowrap;
  right: 0pt;
  z-index: 1;
  padding: 0pt 5pt;
  border-radius: 3pt;
  pointer-events: none;
  width: fit-content;
}
.doc-holder:hover .client-document-label-popup[data-v-983b1574] {
  display: inline-block;
}
#spinner[data-v-983b1574] {
  top: 0pt;
  height: 50%;
  position: absolute;
}
.doc-holder[data-v-983b1574]:hover {
  cursor: pointer;
  background: rgb(245 245 245);
}
.doc-holder:hover .doc-last-modified[data-v-983b1574] {
  display: inline-block;
  background: whitesmoke;
}
.client-document-file-icon[data-v-983b1574] {
  width: 21pt;
}
.doc-last-modified[data-v-983b1574] {
  position: absolute;
  right: 0pt;
  padding-right: 10pt;
  padding-left: 5pt;
  display: none;
  font-size: 10pt;
  color: grey;
  top: 23%;
}
.client-document-label[data-v-983b1574] {
  vertical-align: baseline;
  padding-top: 0pt;
  display: inline-block;
  font-size: 12pt;
  font-weight: bold;
  margin-left: 10pt;
  white-space: normal;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/documents/single-endorsement.vue?vue&type=style&index=0&id=58afc2dc&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/

.doc-holder[data-v-58afc2dc] {
  width: 100%;
  max-width: 236pt;
  margin-bottom: 5pt;
  padding: 5pt 10pt 5pt 0pt;
  position: relative;
  text-align: left;
  box-shadow: none;
  border: none;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: clip;
  display: flex;
  align-items: center;
}
.client-document-label-popup[data-v-58afc2dc] {
  position: fixed;
  top: 21pt;
  background: black;
  color: white;
  white-space: nowrap;
  right: 0pt;
  z-index: 1;
  padding: 0pt 5pt;
  border-radius: 3pt;
  pointer-events: none;
  width: fit-content;
}
.doc-holder:hover .client-document-label-popup[data-v-58afc2dc] {
  display: inline-block;
}
#spinner[data-v-58afc2dc] {
  top: 0pt;
  height: 50%;
  position: absolute;
}
.doc-holder[data-v-58afc2dc]:hover {
  cursor: pointer;
  background: rgb(245 245 245);
}
.doc-holder:hover .doc-last-modified[data-v-58afc2dc] {
  display: inline-block;
  background: whitesmoke;
}
.client-document-file-icon[data-v-58afc2dc] {
  width: 21pt;
}
.doc-last-modified[data-v-58afc2dc] {
  position: absolute;
  right: 0pt;
  padding-right: 10pt;
  padding-left: 5pt;
  display: none;
  font-size: 10pt;
  color: grey;
  top: 23%;
}
.client-document-label[data-v-58afc2dc] {
  vertical-align: baseline;
  padding-top: 0pt;
  display: inline-block;
  font-size: 12pt;
  font-weight: bold;
  margin-left: 10pt;
  white-space: normal;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/documents/my-documents.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/

#my-documents-holder {
  margin-bottom: 50pt;
}
#no-docs-yet {
  margin-top: 15pt;
}
#my-wordings-holder {
  margin-bottom: 50pt;
}
#my-endorsements-holder {
  margin-bottom: 50pt;
}
#no-endorsements-yet {
  margin-top: 15pt;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/policy-overview.vue?vue&type=style&index=0&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************/

#policy-overview-holder-container {
  display: none;
}
@media (min-width: 800px) {
#policy-overview-holder-container {
    display: block;
    min-width: 400px;
}
}
.overview-row {
  text-align: left;
  display: flex;
  flex-direction: column;
  line-height: 24pt;
  font-size: 11pt;
  position: relative;
}
@media (min-width: 800px) {
.overview-row {
    text-align: left;
    display: flex;
    flex-direction: row;
    line-height: 24pt;
    font-size: 11pt;
    position: relative;
}
}
.overview-label {
  width: 120pt;
  font-weight: bold;
}
@media (min-width: 900px) {
.overview-label {
    width: 120pt;
    font-weight: normal;
}
}
@media (min-width: 900px) {
.overview-label {
    width: 133pt;
}
}
.overview-content {
  white-space: pre-wrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 900px) {
.overview-content {
    white-space: pre-wrap;
    text-overflow: ellipsis;
    max-width: 165pt;
}
}
.overview-content-popup {
  display: none;
  position: absolute;
  top: 21pt;
  background: black;
  color: white;
  white-space: nowrap;
  right: 0pt;
  z-index: 1;
  padding: 0pt 5pt;
  border-radius: 3pt;
  pointer-events: none;
}
.overview-content:hover + .overview-content-popup {
  display: inline-block;
}
.loading-text {
  text-align: center;
  font-size: 14pt;
  color: gray;
  margin: 20px 0;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/right_panel/documents/policy-wordings.vue?vue&type=style&index=0&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/

#my-documents-holder {
  margin-bottom: 50pt;
}
#no-docs-yet {
  margin-top: 15pt;
}
#my-wordings-holder {
  margin-bottom: 50pt;
}
#my-endorsements-holder {
  margin-bottom: 50pt;
}
#no-endorsements-yet {
  margin-top: 15pt;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content-panel.vue?vue&type=style&index=0&id=6f52a8d2&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/

#client-content-panel[data-v-6f52a8d2] {
  background: white;
  display: block;
  justify-content: center;
  margin: 20px 0;
  flex-grow: 1;
  padding-inline: 30px;
}
@media (min-width: 800px) {
#client-content-panel[data-v-6f52a8d2] {
    background: white;
    display: flex;
    justify-content: center;
    margin: 5rem 10pt;
    flex-grow: 1;
    padding-inline: 180px;
}
}
[data-v-6f52a8d2] .content-page-holder {
  max-width: 100%;
  background: white;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: start;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .content-page-holder {
    max-width: 100%;
    background: white;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    text-align: start;
}
[data-v-6f52a8d2] .content-page-holder.claimsSupport {
    max-width: 74.5%;
    background: white;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    text-align: start;
}
}
[data-v-6f52a8d2] .client-greeting {
  font-size: 18pt;
  font-weight: bolder;
  width: 100%;
  text-align: start;
  display: none;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .client-greeting {
    font-size: 17pt;
    font-weight: bolder;
    width: fit-content;
    text-align: left;
    display: block;
}
}
@media (min-width: 900px) {
[data-v-6f52a8d2] .client-greeting {
    font-size: 23pt;
    font-weight: bolder;
    width: fit-content;
    text-align: left;
}
}
[data-v-6f52a8d2] .todays-date {
  margin-bottom: 37pt;
  font-size: 14pt;
  width: fit-content;
  display: none;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .todays-date {
    margin-bottom: 37pt;
    font-size: 14pt;
    width: fit-content;
    display: block;
}
}
[data-v-6f52a8d2] .sub-header {
  font-size: 20pt;
  font-weight: bold;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .sub-header {
    font-size: 20pt;
}
}
[data-v-6f52a8d2] .content-text {
  font-size: 13pt;
  line-height: 14pt;
  padding-right: 0;
  /* margin-bottom: 15pt; */
  margin-block: 15pt;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .content-text {
    font-size: 13pt;
    line-height: 14pt;
    padding-right: 0;
    /* margin-bottom: 15pt; */
    margin-block: 15pt;
}
}

/* @media (min-width: 1200px) {
  /deep/ .content-text {
    font-size: 13pt;
    line-height: 14pt;
    padding-right: 72pt;
    margin-bottom: 15pt;
  }
} */
[data-v-6f52a8d2] .sub-content-text {
  font-size: 13pt;
  line-height: 14pt;
  padding-right: 0;
  margin-top: 5pt;
  margin-bottom: 15pt;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .sub-content-text {
    font-size: 13pt;
    line-height: 14pt;
    padding-right: 0;
    margin-top: 5pt;
    margin-bottom: 15pt;
}
}
[data-v-6f52a8d2] .client-table {
}
[data-v-6f52a8d2] .client-table-header {
  display: none;
  color: white;
}
@media (min-width: 1300px) {
[data-v-6f52a8d2] .client-table-header {
    display: table-row;
    color: white;
}
}
[data-v-6f52a8d2] .client-table-header > th {
  padding: 5pt;
}
[data-v-6f52a8d2] .table-element-holder {
  height: 44pt;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10pt;
  padding-left: 5pt;
  font-size: 13px;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .table-element-holder {
    height: 44pt;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10pt;
    padding-left: 5pt;
    font-size: 16px;
}
}
[data-v-6f52a8d2] .quick-tips-holder {
  margin-right: 0;
}
@media (min-width: 800px) {
[data-v-6f52a8d2] .quick-tips-holder {
    margin-right: 60pt;
}
}
[data-v-6f52a8d2] .tip {
  font-size: 15pt;
  margin: 10pt 0pt;
}
[data-v-6f52a8d2] .tip-text {
  font-size: 12pt;
  margin-bottom: 22pt;
}
[data-v-6f52a8d2] .prolink-page-link {
  text-decoration: underline;
}
[data-v-6f52a8d2] .prolink-page-link:hover {
  cursor: pointer;
}
#static-right-panel[data-v-6f52a8d2] {
  width: fit-content;
  height: 100%;
  background: white;
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
#static-right-panel[data-v-6f52a8d2] {
    width: 300px;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
}
}
@media (min-width: 1100px) {
#static-right-panel[data-v-6f52a8d2] {
    width: fit-content;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
}
}
#bordered-right-panel-content[data-v-6f52a8d2] {
  display: none;
  border-left: none;
  padding-left: 0;
}
@media (min-width: 800px) {
#bordered-right-panel-content[data-v-6f52a8d2] {
    display: block;
    border-left: 1pt solid skyblue;
    padding-left: 20pt;
}
}
[data-v-6f52a8d2] .right-panel-header {
  font-size: 12pt;
  font-weight: bold;
  position: relative;
  display: flex;
  padding-bottom: 2pt;
  justify-content: flex-start;
  top: -5pt;
  background: white;
  width: 100%;
}
@media (min-width: 900px) {
[data-v-6f52a8d2] .right-panel-header {
    font-size: 14pt;
    font-weight: bold;
    position: relative;
    display: flex;
    padding-bottom: 2pt;
    justify-content: space-between;
    top: -5pt;
    background: white;
    width: 270px;
}
}
#static-right-panel-policy[data-v-6f52a8d2] {
  min-width: 300px;
  height: fit-content;
  background: white;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: -80px;
}
@media (min-width: 900px) {
#static-right-panel-policy[data-v-6f52a8d2] {
    /* width: 300px; */
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
}
@media (min-width: 1100px) {
#static-right-panel-policy[data-v-6f52a8d2] {
    min-width: 300px;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
}
#bordered-right-panel-content-policy[data-v-6f52a8d2] {
  /* display: none; */
}
@media (min-width: 800px) {
#bordered-right-panel-content-policy[data-v-6f52a8d2] {
    /* display: block; */
}
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/client.vue?vue&type=style&index=0&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************/

#client-holder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  overflow-y: scroll;
}
#inner-client-holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client-program-list.vue?vue&type=style&index=0&id=4bf3b495&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/

.client-home-policy-wrapper[data-v-4bf3b495] {
  position: relative;
  margin-left: 20pt;
}
.client-home-policy-details[data-v-4bf3b495] {
  transition: 0.5s;
}
.client-home-policy-details[data-v-4bf3b495]:hover {
  opacity: 0.3;
  transition: 0.3s;
}
.client-home-policy-program[data-v-4bf3b495] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5pt;
  margin-top: 0.5rem;
}
.client-home-policy-text-title[data-v-4bf3b495] {
  font-size: 14px;
  font-weight: bold;
  color: black;
}
.client-home-policy-text[data-v-4bf3b495] {
  font-size: 14px;
  font-weight: normal;
  color: black;
}
.client-home-policy-popup[data-v-4bf3b495] {
  display: inline;
  position: fixed;
  top: 21pt;
  background: black;
  color: white;
  white-space: nowrap;
  right: 0pt;
  z-index: 1;
  padding: 0pt 5pt;
  border-radius: 3pt;
  pointer-events: none;
  width: fit-content;
  transition: 0.3s;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client-home.vue?vue&type=style&index=0&id=1d190d2d&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/

.home-page-holder[data-v-1d190d2d] {
  padding-inline: 0;
  margin-top: 20px;
}
@media (min-width: 800px) {
.home-page-holder[data-v-1d190d2d] {
    padding-inline: 0;
    margin-top: 0;
}
}
p[data-v-1d190d2d] {
  line-height: 1.5;
}
#top-header[data-v-1d190d2d] {
  font-size: 20pt;
  font-weight: bold;
  margin-top: 30px;
}
@media (min-width: 800px) {
#top-header[data-v-1d190d2d] {
    font-size: 20pt;
    font-weight: bold;
    margin-top: 0;
}
}
#button-table[data-v-1d190d2d] {
  width: 100%;
  background: white;
  margin-bottom: 50pt;
}
#button-table td[data-v-1d190d2d] {
  max-width: 100%;
  padding-left: 0;
  margin-top: 20px;
}
@media (min-width: 1300px) {
#button-table td[data-v-1d190d2d] {
    max-width: 100%;
    padding-left: 0;
    margin-top: 0px;
}
}
#button-table td[data-v-1d190d2d]:before {
  content: none;
}
.large-img[data-v-1d190d2d] {
  min-width: 175pt;
  max-width: 175pt;
  min-height: 150pt;
  max-height: 150pt;
}
.small-img[data-v-1d190d2d] {
  min-width: 150pt;
  max-width: 150pt;
  min-height: 125pt;
  max-height: 125pt;
}
table[data-v-1d190d2d] {
  border-collapse: separate;
}
td[data-v-1d190d2d] {
  max-width: 50pt;
  text-align: center;
}
.custom-border[data-v-1d190d2d] {
  margin: 0pt 0pt 0pt 0pt;
  border: 2pt solid #ddd;
}
@media (min-width: 1400px) {
.custom-border[data-v-1d190d2d] {
    margin: 15pt 30pt 15pt 0pt;
    border: 2pt solid #ddd;
}
}
.custom-border[data-v-1d190d2d]:hover {
  cursor: pointer;
  border: 2pt solid #66c6d9;
}
.cross-sell-border[data-v-1d190d2d] {
  border: 1pt solid white;
}
.cross-sell-border[data-v-1d190d2d]:hover {
  cursor: pointer;
  border: 1pt solid #66c6d9;
}
.cross-sell-img[data-v-1d190d2d] {
  width: 100%;
  min-height: 250px;
}
@media (min-width: 1400px) {
.cross-sell-img[data-v-1d190d2d] {
    width: 350px;
    min-height: 250px;
}
}
@media (min-width: 1580px) {
.cross-sell-img[data-v-1d190d2d] {
    width: 400px;
    min-height: 250px;
}
}
.sky-blue-link-background[data-v-1d190d2d] {
  background: #d3eff4;
  padding: 8pt 15pt 10pt 15pt;
  line-height: 14pt;
}
.pic-link-title[data-v-1d190d2d] {
  margin-bottom: 10pt;
}
.cross-selling-button[data-v-1d190d2d] {
  color: white;
  background: #4d95a6;
  font-weight: bold;
  border: none;
  width: 100%;
  padding: 5pt 10pt;
}
#cross-selling-table[data-v-1d190d2d] {
  width: 100%;
}
#cross-selling-table td[data-v-1d190d2d] {
  max-width: 100%;
  padding-left: 0;
}
#cross-selling-table td[data-v-1d190d2d]:before {
  content: none;
}
.client-home-policies[data-v-1d190d2d] {
  width: 100%;
  height: fit-content;
  border-radius: 5px;
  margin-bottom: 15pt;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.client-home-policy[data-v-1d190d2d] {
  position: relative;
  width: 100%;
  height: 100%;

  padding: 5px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: 0.3s;
  text-align: start;
}
.client-home-policy[data-v-1d190d2d]:nth-child(odd) {
  background: #eee8f2;
}
.client-home-policy[data-v-1d190d2d]:nth-child(even) {
  background: #dbcfe5;
}
.client-home-policy[data-v-1d190d2d]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 8px;
  background: #294273;
}

/* .client-home-policy:hover {
  background: #e8ddf0;
  transition: 0.3s;
} */
.client-home-policy-wrapper[data-v-1d190d2d] {
  margin-left: 20pt;
}
.client-home-policy-program[data-v-1d190d2d] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5pt;
  margin-top: 0.5rem;
}
.client-home-policy-text-title[data-v-1d190d2d] {
  font-size: 14px;
  font-weight: bold;
  color: black;
}
.client-home-policy-text[data-v-1d190d2d] {
  font-size: 14px;
  font-weight: normal;
  color: black;
}
.solutions-wrapper[data-v-1d190d2d] {
  margin-top: 10pt;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client_policy/coverage-table.vue?vue&type=style&index=0&id=14ba1b56&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/

#no-coverages-message[data-v-14ba1b56] {
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  background: #ffc9ca;
  color: #ea6668;
}
#no-coverages-message > td[data-v-14ba1b56] {
  padding: 30pt;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/no-active-policy-message.vue?vue&type=style&index=0&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/

#no-active-policy-warning-holder > svg {
  width: 50pt;
  height: 34pt;
  margin-top: 22pt;
}
.no-active-policy-warning {
  font-weight: bold;
  background: #ffe1e1;
  padding: 15pt;
  margin: 0pt 0pt 15pt 0pt;
  margin-right: 0;
}
@media (min-width: 800px) {
.no-active-policy-warning {
    font-weight: bold;
    background: #ffe1e1;
    padding: 15pt;
    margin: 0pt 15pt 15pt 0pt;
    margin-right: 60pt;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client_policy/client-policy.vue?vue&type=style&index=0&id=d0601452&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/

p[data-v-d0601452] {
  line-height: 1.5;
}
#program-brand-img[data-v-d0601452]{
  height: 29pt;
  width: 33pt;
}
#year-filter[data-v-d0601452]{

  width: fit-content;
  background: #f2f2f2;
  font-size: 18pt;
  padding: 8pt;
  border-radius: 3pt;
  border: none;
  margin: 14pt 0pt;
  max-width: 347pt;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#year-filter > option[data-v-d0601452] {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#policy-number-holder[data-v-d0601452]{
  font-size: 14pt;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 10pt 0pt 30pt 0pt;
}
@media (min-width: 900px) {
#policy-number-holder[data-v-d0601452]{
  font-size: 16pt;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 10pt 0pt 30pt 0pt;
}
}
#table-footer-warning[data-v-d0601452]{
  padding: 15pt 0pt 45pt 0pt;
  font-size: 10pt;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20pt;
  margin-right: 0pt;
  border-bottom: 1pt solid skyblue;
}
@media (min-width: 800px) {
#table-footer-warning[data-v-d0601452]{
  padding: 15pt 0pt 45pt 0pt;
  font-size: 10pt;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 20pt;
  margin-right: 60pt;
  border-bottom: 1pt solid skyblue;
}
}
#table-footer-warning > svg[data-v-d0601452]{
  width: 100%;
  height: 34pt;
  margin: 0pt;
  margin-block: 12pt;
}
@media (min-width: 800px) {
#table-footer-warning > svg[data-v-d0601452]{
  width: 50pt;
  height: 34pt;
  margin: 12pt;
  margin-block: 0;
}
}





/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client_policy/client-single-policy.vue?vue&type=style&index=0&id=61b539c2&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/

.content-page-holder-wrapper[data-v-61b539c2] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
p[data-v-61b539c2] {
  line-height: 1.5;
}
#program-brand-img[data-v-61b539c2] {
  height: 29pt;
  width: 33pt;
}
.year-filter-title[data-v-61b539c2] {
  font-size: 18px;
  margin-bottom: 4pt;
}
#year-filter[data-v-61b539c2] {
  width: 300px;
  height: 45px;
  background: #eaeaea;
  font-size: 14pt;
  padding: 8pt;
  border: none;
  margin: 0pt 0pt 20pt 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  cursor: pointer;
}
#year-filter > option[data-v-61b539c2] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#policy-number-holder[data-v-61b539c2] {
  font-size: 12pt;
  display: flex;
  flex-direction: column;
  gap: 3pt;
  justify-content: center;
  margin: 10pt 0pt 30pt 0pt;
}
@media (min-width: 900px) {
#policy-number-holder[data-v-61b539c2] {
    font-size: 12pt;
    display: flex;
    flex-direction: column;
    gap: 3pt;
    justify-content: flex-start;
    margin: 10pt 0pt 30pt 0pt;
}
}
#table-footer-warning[data-v-61b539c2] {
  padding: 15pt 0pt 45pt 0pt;
  font-size: 10pt;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20pt;
  margin-right: 0pt;
  border-bottom: 0pt solid skyblue;
}
@media (min-width: 800px) {
#table-footer-warning[data-v-61b539c2] {
    padding: 15pt 0pt 45pt 0pt;
    font-size: 10pt;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 20pt;
    margin-right: 60pt;
    border-bottom: 0pt solid skyblue;
}
}
#table-footer-warning > svg[data-v-61b539c2] {
  width: 100%;
  height: 34pt;
  margin: 0pt;
  margin-block: 12pt;
}
@media (min-width: 800px) {
#table-footer-warning > svg[data-v-61b539c2] {
    width: 50pt;
    height: 34pt;
    margin: 12pt;
    margin-block: 0;
}
}
.policy-documents-wrapper[data-v-61b539c2] {
  width: 100%;
  margin-bottom: 20pt;
}
.policy-documents-filter-wrapper[data-v-61b539c2] {
  display: flex;
  flex-direction: row;
  gap: 10pt;
  margin-top: 10pt;
}
.policy-documents-search-wrapper[data-v-61b539c2] {
  width: 100%;
  margin-top: 10pt;
}
#policyFilterSearch[data-v-61b539c2] {
  width: 100%;
  background: #eaeaea;
  padding: 10px;
}
#policyFilterYear[data-v-61b539c2],
#policyFilterType[data-v-61b539c2] {
  appearance: auto;
  -webkit-appearance: auto;
  width: 220px;
  height: 40px;
  background: #eaeaea;
  padding: 10px;
  outline: none;
  cursor: pointer;
}
.policy-documents-container[data-v-61b539c2] {
  width: 100%;
  height: 300px;
  margin-top: 10pt;
  padding: 30px;
  background: #eaeaea;
  overflow-y: scroll;
}
.policy-documents[data-v-61b539c2] {
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  width: 100%;
  gap: 20pt;
}
.policy-document[data-v-61b539c2] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10pt;
}
#static-right-panel-policy[data-v-61b539c2] {
  min-width: 300px;
  height: fit-content;
  background: white;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: -80px;
}
@media (min-width: 900px) {
#static-right-panel-policy[data-v-61b539c2] {
    /* width: 300px; */
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
}
@media (min-width: 1100px) {
#static-right-panel-policy[data-v-61b539c2] {
    min-width: 300px;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client_payment_center/payment-summary-table.vue?vue&type=style&index=0&id=c6a66982&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/

#payment-stats-table[data-v-c6a66982] {
  width: calc(100vw - 65px);
}
@media (min-width: 800px) {
#payment-stats-table[data-v-c6a66982] {
    width: 100%;
}
}
#payment-stats-holder[data-v-c6a66982] {
  display: flex;
  flex-direction: column;
  gap: 20pt;
  border-bottom: 1pt solid skyblue;
  width: 100%;
  padding-bottom: 15pt;
  margin-right: 60pt;
  margin-top: 15pt;
  margin-bottom: 30pt;
}
@media (min-width: 800px) {
#payment-stats-holder[data-v-c6a66982] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    border-bottom: none;
    padding-bottom: 15pt;
    margin-right: 0;
    margin-top: 15pt;
    margin-bottom: 30pt;
}
}
#payment-boxes[data-v-c6a66982] {
  flex-direction: row;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.payment-box[data-v-c6a66982] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: 1pt solid skyblue;
  align-items: center;
  width: 133pt;
  /* margin: 0pt 0pt 0pt 30pt; */
  font-size: 11pt;
  white-space: nowrap;
  padding: 15pt 0 10pt 0;
}
.small-payment-box-title[data-v-c6a66982] {
  font-size: 8pt;
  margin-bottom: 10pt;
}
.table-element-holder[data-v-c6a66982] {
  height: 27pt;
  margin-top: 4pt;
}
.bold[data-v-c6a66982] {
  font-weight: bold;
}
.client-table-header[data-v-c6a66982] {
  display: none;
}
@media (min-width: 950px) {
.client-table-header[data-v-c6a66982] {
    display: table-row;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client_payment_center/credit-card-payment-popup.vue?vue&type=style&index=0&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/

#credit-card-holder .v-fade {
  background-color:grey !important;
}
#credit-card-holder .v-spinner{
  position: absolute !important;
  font-size: 0px;
  right: 36pt;
  bottom: 50pt;
}
#credit-card-holder{
  background: #ffffff;
  padding: 30pt;
  width: 640pt;
  top: 18%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 20pt;
  box-shadow: 0 0 14pt #00000087;
}
#credit-card-holder .card-form-and-image{
  flex-direction: row !important;
}
#credit-card-holder .field label{
  font-size:13pt !important;
  color: #294273 !important;
  white-space: nowrap;
  margin-left: 3pt;
  font-weight: bold;
}
#credit-card-holder .ccicon{
top: calc(50% - -3px) !important;
}
#credit-card-holder input {
  border-radius: 11px;
}
#credit-card-holder #moneris-logo{
  width: 71pt;
  position: absolute;
  bottom: 21pt;
}
#credit-card-holder #pay-button-holder{
  text-align: center;
}
#credit-card-holder #pay-button{
  color: white;
  font-size: 18pt;
  border: none;
  width:200pt;
  transition: 0.2s;
}
#pay-button:hover:enabled{
  cursor: pointer;
  box-shadow: 0pt 0pt 10pt #66c6d9;
}
#pay-button:hover:disabled{
    background: lightgrey;
}
#pay-button:disabled{
    background: lightgrey;
}




/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client_payment_center/quick-tips-not-paid-and-others-exist.vue?vue&type=style&index=0&id=fb5831b4&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/

p[data-v-fb5831b4] {
  line-height: 1.5;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client_payment_center/client-payment-center-single.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/

.content-page-holder-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
#static-right-panel-policy {
  min-width: 300px;
  height: fit-content;
  background: white;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: -80px;
}
@media (min-width: 900px) {
#static-right-panel-policy {
    /* width: 300px; */
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
}
@media (min-width: 1100px) {
#static-right-panel-policy {
    min-width: 300px;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
}
.payment-overview-desc {
  margin-top: 5pt;
}
.payment-receipt-container {
  width: 100%;
  margin-bottom: 30pt;
}
.payment-documents-filter-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10pt;
  margin-top: 10pt;
}
#paymentFilterYear {
  appearance: auto;
  -webkit-appearance: auto;
  width: 220px;
  height: 40px;
  background: #eaeaea;
  padding: 10px;
  outline: none;
  cursor: pointer;
}
.payment-receipt-wrapper {
  width: 100%;
  height: 300px;
  margin-top: 10pt;
  padding: 30px;
  background: #eaeaea;
  overflow-y: scroll;
}
.payment-documents {
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  width: 100%;
  gap: 20pt;
}
.payment-document {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10pt;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client-claims-support.vue?vue&type=style&index=0&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************/

.client-greeting {
  display: block !important;
}
p {
  line-height: 1.5;
}
.bullet-point {
  line-height: 1.5;
}
.text-font {
  font-size: 14pt;
}
.single-line-break {
  margin: 7.5pt 0pt;
}
.double-line-break {
  margin: 15pt 0pt;
}
.img-section-holder {
  margin-bottom: 66pt;
  display: flex;
  flex-direction: column;
  margin-right: 30pt;
  margin-top: 0pt;
}
@media (min-width: 780px) {
.img-section-holder {
    margin-bottom: 66pt;
    display: flex;
    flex-direction: row;
    margin-right: 30pt;
    margin-top: 42pt;
}
}
.image-column-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 281pt;
}
#left-image-col-section {
  margin-right: 15pt;
  position: relative;
}
#right-image-col-section {
  margin-left: 15pt;
  width: 100%;
}
@media (min-width: 780px) {
#right-image-col-section {
    margin-left: 15pt;
    width: 70%;
}
}
img {
  width: 150pt;
}
#umbrella-img {
  width: 260px;
  position: relative;
  top: 0;
}
@media (min-width: 780px) {
#umbrella-img {
    width: 100%;
    position: absolute;
    top: -50pt;
}
}
.time-of-day-header {
  font-weight: bold;
  font-size: 14pt;
}
.time-of-day-text {
  font-size: 10pt;
}
.image-text-cell {
  flex-grow: 1;
  padding: 25pt 25pt 25pt 25pt;
}
@media (min-width: 800px) {
.image-text-cell {
    flex-grow: 1;
    padding: 10pt 10pt 10pt 10pt;
}
}
@media (min-width: 1400px) {
.image-text-cell {
    flex-grow: 1;
    padding: 25pt 25pt 25pt 25pt;
}
}
#claim-steps-holder {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: 1.2;
  margin-right: 0;
}
@media (min-width: 800px) {
#claim-steps-holder {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    line-height: 1.2;
    margin-right: 30pt;
}
}
.sub-title {
  font-size: 23pt;
}
.step-title-font {
  font-size: 20pt;
}
.hidden-text {
  max-width: 500pt;
  white-space: normal;
  background: #f3f3f3;
  height: 0pt;
  transition: 0.3s;
  margin-top: 0pt;
  padding: 0pt 15pt;
  overflow-y: hidden;
}
.shown-detail-text {
  height: fit-content;
  margin-top: 15pt;
  padding: 15pt;
}
i {
  display: inline-block;
}
.detail-toggle-button {
  height: 25pt;
  width: 25pt;
  background: white;
  color: lightgray;
  border-radius: 50%;
  border: 1pt solid lightgray;
  transition: 0.2s;
}
.detail-toggle-button:hover {
  cursor: pointer;
  color: #66c6d9;
  border-color: #66c6d9;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client-claims-support-single.vue?vue&type=style&index=0&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/

.client-greeting {
  display: block !important;
}
p {
  line-height: 1.5;
}
.bullet-point {
  line-height: 1.5;
}
.text-font {
  font-size: 14pt;
}
.single-line-break {
  margin: 7.5pt 0pt;
}
.double-line-break {
  margin: 15pt 0pt;
}
.img-section-holder {
  margin-bottom: 66pt;
  display: flex;
  flex-direction: column;
  margin-right: 30pt;
  margin-top: 0pt;
}
@media (min-width: 780px) {
.img-section-holder {
    margin-bottom: 100pt;
    display: flex;
    flex-direction: row;
    margin-right: 30pt;
    margin-top: 42pt;
}
}
.image-column-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 281pt;
}
#left-image-col-section {
  margin-right: 15pt;
  position: relative;
}
#right-image-col-section {
  margin-left: 15pt;
  width: 100%;
}
@media (min-width: 780px) {
#right-image-col-section {
    margin-left: 15pt;
    width: 70%;
}
}
img {
  width: 150pt;
}
#umbrella-img {
  width: 260px;
  position: relative;
  top: 0;
}
@media (min-width: 780px) {
#umbrella-img {
    width: 100%;
    position: absolute;
    top: -50pt;
}
}
.time-of-day-header {
  font-weight: bold;
  font-size: 14pt;
}
.time-of-day-text {
  font-size: 10pt;
}
.image-text-cell {
  flex-grow: 1;
  padding: 25pt 25pt 25pt 25pt;
}
@media (min-width: 800px) {
.image-text-cell {
    flex-grow: 1;
    padding: 10pt 10pt 10pt 10pt;
}
}
@media (min-width: 1400px) {
.image-text-cell {
    flex-grow: 1;
    padding: 25pt 25pt 25pt 25pt;
}
}
#claim-steps-holder {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: 1.2;
  margin-right: 0;
}
@media (min-width: 800px) {
#claim-steps-holder {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    line-height: 1.2;
    margin-right: 30pt;
}
}
.sub-title {
  font-size: 23pt;
}
.step-title-font {
  font-size: 20pt;
}
.hidden-text {
  max-width: 500pt;
  white-space: normal;
  background: #f3f3f3;
  height: 0pt;
  transition: 0.3s;
  margin-top: 0pt;
  padding: 0pt 15pt;
  overflow-y: hidden;
}
.shown-detail-text {
  height: fit-content;
  margin-top: 15pt;
  padding: 15pt;
}
i {
  display: inline-block;
}
.detail-toggle-button {
  height: 25pt;
  width: 25pt;
  background: white;
  color: lightgray;
  border-radius: 50%;
  border: 1pt solid lightgray;
  transition: 0.2s;
}
.detail-toggle-button:hover {
  cursor: pointer;
  color: #66c6d9;
  border-color: #66c6d9;
}
.claims-tip {
  font-size: 18px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/frontend/roles/client/content/client-profile.vue?vue&type=style&index=0&id=59b6becb&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/

.profile-page-holder[data-v-59b6becb] {
  width: 100%;
  background: white;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 800px) {
.profile-page-holder[data-v-59b6becb] {
    width: 100%;
    background: white;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    text-align: start;
}
}
.profile-greeting-wrapper[data-v-59b6becb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10pt;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 800px) {
.profile-greeting-wrapper[data-v-59b6becb] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10pt;
    justify-content: space-between;
    width: 100%;
}
}
.profile-greeting-left[data-v-59b6becb] {
  flex: 1;
}
.profile-greeting-right[data-v-59b6becb] {
  flex: 1;
}
.profile-todays-date[data-v-59b6becb] {
  margin-bottom: 37pt;
  font-size: 14pt;
  width: fit-content;
  display: none;
}
@media (min-width: 800px) {
.profile-todays-date[data-v-59b6becb] {
    margin-bottom: 10pt;
    font-size: 14pt;
    width: fit-content;
    display: block;
}
}
.profile-greeting-image[data-v-59b6becb] {
  width: 100%;
  height: auto;
}
.name-width[data-v-59b6becb] {
  min-width: 250pt;
  max-width: 250pt;
  width: 250pt;
}
.phone-width[data-v-59b6becb] {
  min-width: 100pt;
  max-width: 100pt;
  width: 100pt;
}
.ext-width[data-v-59b6becb] {
  min-width: 50pt;
  max-width: 50pt;
  width: 50pt;
}
#save-changes-button[data-v-59b6becb] {
  align-self: flex-start;
  border-radius: 5pt;
  padding: 7pt 50pt;
  border-color: lightgrey;
  color: white;
  transition: 0.2s;
}
@media (min-width: 700px) {
#save-changes-button[data-v-59b6becb] {
    align-self: flex-end;
    border-radius: 5pt;
    padding: 7pt 50pt;
    border-color: lightgrey;
    color: white;
    transition: 0.2s;
}
}
@media (min-width: 800px) {
#save-changes-button[data-v-59b6becb] {
    align-self: flex-start;
    border-radius: 5pt;
    padding: 7pt 50pt;
    border-color: lightgrey;
    color: white;
    transition: 0.2s;
}
}
#save-changes-button[data-v-59b6becb]:disabled {
  background: #f7f7f7;
  color: lightgrey;
}
#save-changes-button[data-v-59b6becb]:hover {
  cursor: pointer;
  box-shadow: 0pt 0pt 5pt #0000008c;
}
.sub-section[data-v-59b6becb] {
  margin-block: 30pt;
}
.title-container[data-v-59b6becb] {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  gap: 10px;
}
.header-title-font[data-v-59b6becb] {
  align-self: flex-start;
  padding-bottom: 2pt;
  font-size: 20pt;
  color: #66c6d9;
  flex-grow: 1;
  width: fit-content;
}
@media (min-width: 870px) {
.header-title-font[data-v-59b6becb] {
    align-self: flex-start;
    padding-bottom: 2pt;
    font-size: 25pt;
    color: #66c6d9;
    flex-grow: 1;
    width: fit-content;
}
}
.info-row[data-v-59b6becb] {
  display: flex;
  flex-direction: column;
  margin-bottom: 15pt;
  gap: 15px;
}
@media (min-width: 1300px) {
.info-row[data-v-59b6becb] {
    display: flex;
    flex-direction: row;
    gap: 10pt;
    margin-bottom: 15pt;
}
}
.info-businessPhone-wrapper[data-v-59b6becb] {
  display: flex;
  flex-direction: row;
  gap: 5pt;
  width: 100%;
}
.info-holder[data-v-59b6becb],
.info-holder2[data-v-59b6becb],
.info-holder3[data-v-59b6becb],
.info-holder4[data-v-59b6becb],
.info-holder5[data-v-59b6becb],
.info-holder6[data-v-59b6becb],
.info-holder7[data-v-59b6becb] {
  background: #e5e5e5;
  padding: 5pt;
  border: none;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 10pt;
}
.info-holder-editable[data-v-59b6becb] {
  background: #dcf1f6;
  padding: 5pt;
  border: none;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 10pt;
}
.businessPhone-num[data-v-59b6becb] {
  flex: 2;
}
.businessPhone-ext[data-v-59b6becb] {
  flex: 1;
}
.info-content[data-v-59b6becb] {
  margin-top: 15pt;
  display: flex;
  flex-direction: row;
  gap: 10pt;
  width: 100%;
}
.client-form-input[data-v-59b6becb] {
  width: 100%;
  outline: none;
  color: black;
}
.editable-content[data-v-59b6becb]:hover {
  cursor: pointer;
  text-decoration: underline;
}
.info-label[data-v-59b6becb] {
  font-size: 12pt;
  font-weight: bold;
  text-align: start;
  position: absolute;
  top: 2pt;
  left: 5pt;
}
.font-awesome-button[data-v-59b6becb] {
  margin: 0pt 12pt;
  color: grey;
  flex-basis: 100%;
  min-width: 0;
  transition: 0.5s;
}
.font-awesome-button[data-v-59b6becb]:hover {
  cursor: pointer;
  color: black;
}
.profile-overview-wrapper[data-v-59b6becb] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
.profile-overview-wrapper[data-v-59b6becb] {
    display: none;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}
}
.client-profile-popup[data-v-59b6becb] {
  display: none;
  position: absolute;
  left: 5px;
  top: 25px;
  background: black;
  color: white;
  padding: 2px;
  border-radius: 5px;
  cursor: default;
}
.hovered .client-profile-popup[data-v-59b6becb] {
  display: block;
}
.profile-greeting-description[data-v-59b6becb] {
  text-align: start;
}
.sub-header[data-v-59b6becb] {
  text-align: center;
  margin-inline: auto;
}
.saveBtn-loader[data-v-59b6becb] {
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid lightblue;
  border-right-color: white;
  animation: l2-data-v-59b6becb 1s infinite linear;
  margin-inline: auto;
}
@keyframes l2-data-v-59b6becb {
to {
    transform: rotate(1turn);
}
}