html {
  height: 100%;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal {
  background-color: rgb(0 0 0 / 45%) !important;
}

.active-item {
  color: red
}

.showwS {
  opacity: 1;
}
.navbar {
    box-shadow: 0 2px 11px 2px rgba(51, 51, 51, 0.06) !important;
    width: 100%; 
    max-height: 65px;
    /* padding: 0.5rem 1rem 0px 300px !important; */
    z-index: 1;
    /* height: 59px; */
    /* position: inherit; */
}

.grange-logo {
    margin-top: 14.5px;
    margin-bottom: 14.5px;
    margin-left: 10px;
}

.new-auto {
    display: inline-block !important;
}

.bell-logo {
    width: 15px;
    height: 18px;
    margin-top: 21px;
    margin-bottom: 20px;
    margin-right: 29px;
    /* display: inline-block; */
    /* float: right; */
}

.quote-logo, .quote-logo2 {
    width: 122px;
}

.profile-logo {
    width: 30px;
    height: 30px;
    margin-top: 14.5px;
    margin-bottom: 15px;
    margin-left: 29px;
}

.profile-name {
    margin-top: 17px;
    width: 134px;
    height: 26px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #323232;
    margin-right: 10px;
}

.header-bar {
    padding-left: 300px;
    padding: 0px;
}

.header-quote {
    background-color: #e9eeee;
    max-height: 64px;
    max-width: 110px;
    padding: 15px;
    display: flex;
}

.header-quote-text {
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: bold;
    color: #465357;
    float: left;
    display: flex;
    background-color: #e9eeee;
    padding: 15px 20px;
}

@media screen and (max-width: 320px) {
    .header-quote-text {
        /*padding:16px 10px;*/
        /*margin-left: -16px;*/
        /*margin-top: -12px;*/

    }
}

/* 
@media screen and (min-width: 992px) {
    .quote-logo, .quote-logo2 {
        display: none;
    }
}


@media screen and (min-width: 800px) and (max-width: 991px) {
    .grange-logo {
        margin-top: 3px;
    }
    .new-auto {
        margin-top: -8px !important;
    }   
    .quote-logo, .quote-logo2 {
        display: none;
    }
}
   

@media screen and (min-width: 510px) and (max-width: 799px) {
    .header-container  {
        width: 100%;
    }
    .new-auto {
        margin-top: -14px !important;
    }       
    .profile-name {
        font-size: 12px;
    }    
    .bell-logo {
        margin-top: 28px;
    }
    .quote-logo, .quote-logo2 {
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 509px) {
    .header-container  {
        width: 100%;
    }
    .new-auto {
        margin-top: -20px !important;
    }     
    .profile-name {
        display: none;
    }
    .grange-logo {
        margin-top: 25px;
    }
    .quote-logo {
        margin-top: 10px;
    }
    .quote-logo2 {
        margin-top: 11px;
        margin-left: -20px;
    }    
    .bell-logo {
        margin-top: 30px;
    }    
} */

@media (min-width: 576px) and (max-width: 1800px) {
    .header-quote {
        display: none;
    }
}

@media (min-width: 200px) and (max-width: 575px) {
    .app-header-class {
        margin-left: 0 !important;
        padding: 0 !important;
    }
    .header-bar {
        padding-left: 0px;
        width: 100%;
        padding: 0px;
    }
    .header-quote {
        /* background-color: #e9eeee; */
        /* max-height: 64px;
        max-width: 110px;  
        padding: 15px;  */
    }
    .navbar {
        padding: 0; /* override default padding for mobile view to match zeplin mocks*/
    }
    .profile-logo {
        display: block;
    }
    .profile-name {
        display: none;
    }
}
.create-account-main-container {
  max-width: 2600px;
  /* overflow-x: scroll; */
  margin-bottom: 90px;
}

.create-account-main-container::-webkit-scrollbar {
  display: none;
}

.bi-label {
  height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #323232;
}

.bi-required {
  height: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #777777;
  float: right;
}

.success-message {
  width: 100%;
  height: 100px;
  background: lightgreen;
  font-size: 20px;
  position: fixed;
  top: 100px;
  padding: 50px;
}

.cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

hr {
  border-top: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.side-margin {
  margin-left: 16%;
  margin-right: 16%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .create-account-main-container {
    margin-bottom: 150px;
  }
  .side-margin {
    margin-left: 20px;
    margin-right: 20px;
  }
}
#next {
    min-width: 119px;
    height: 45px;
    border: 1px solid #2e7d32;
    border-radius: 5px;
    background-color: #2e7d32;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-right: 30px;
    padding-left: 30px;
    cursor: pointer;
}

#next-disabled {
    opacity: 1;
    min-width: 119px;
    height: 45px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background-color: #d2d2d2;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #797979;
    padding-right: 30px;
    padding-left: 30px;
}

#back-disabled {
    opacity: 0.5;
    min-width: 119px;
    height: 45px;
    border: 1px solid rgba(210, 210, 210, 0.66);
    border-radius: 5px;
    background-color: rgba(210, 210, 210, 0.66);
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #797979;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: 30px;
}

#cancel {
    min-width: 119px;
    height: 45px;
    border: 2px solid #2e7d32;
    border-radius: 5px;
    background-color: white;
    font-family: 'Montserrat';
    font-size: 1rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    margin-right: 35px;
    padding-right: 30px;
    padding-left: 30px;
    cursor: pointer;
}

#cancel:hover {
    border: solid 2px #2e7d32;
    background-color: rgba(46, 125, 50, 0.11);
}

#next:hover {
    background-color: #005005;
}

.footer-container {
    max-width: 1600px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #ffffff);
    padding-bottom: 40px;
    /* C4-112432 defect fix*/
    padding-top: 40px;
    /* C4-112432 defect fix*/
}

.footer-container-qtSmry {
    max-width: 1600px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #ffffff);
    padding-bottom: 40px;
    padding-top: 40px;
    float: right
}

.footer-container-full {
    max-width: 1600px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #ffffff);
    padding-top: 15px;
    padding-bottom: 40px;
    /* C4-112432 defect fix*/
    padding-top: 40px;
    /* C4-112432 defect fix*/
}

.footer-buttons-full {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 10px;
    cursor: pointer;
}

.footer-buttons {
    float: right;
    cursor: pointer;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .footer-buttons {
        float: none;
        display: flex;
        flex-direction: column-reverse;
    }
    .footer-buttons-full {
        flex-direction: column-reverse;
        margin-right: 0;
        margin-top: -7px;
    }
    .footer-container, .footer-container-full {
        left: 0;
        padding-bottom: 40px;
        /* C4-112432 defect fix*/
        padding-top: 40px;
        /*defect C4-112432 fix*/
    }
    #back-disabled {
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
        margin-top: 30px;
    }
    #next {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 16px;
    }
    #cancel {
        width: 100%;
        margin-bottom: 25px;
        margin-top: 25px;
    }
}

/* @media screen and (max-width: 320px) {
    #cancel   {
        margin-left: 12px;
        padding-left: 0px;
        padding-right: 0px;
    } 
} */
.information-card-item-label {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.57;
  color: #323232;
}

.information-card-item-value {
  /* width: 210px; */
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 1);
  margin-top: 0.5rem;
}
.information-card-item-value-no-wrap {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 1);
  margin-top: 0.5rem;
}
.information-card-item-container {
  margin-bottom: 30px;
  margin-left: -0.8rem;
}
.information-card-label{
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 1.33;
    color: #323232;
    margin-bottom: 0rem;
    margin-top: 1rem;
}
.information-card-container {
  margin: 1.5%;
  margin-left: 0.5rem;
}

.information-item-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.information-item-wrapper-noWrap {
  display: flex;
  flex-wrap: wrap;
}
.information-item-no-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.temp-display-fix {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}

.grange-label {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #323232;
    margin-top: 20px;
    padding-bottom: 10px;
    display: flex;   /* defect fix */
    width:100%;
}

.grange-label2 {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #323232;
    padding-bottom: 10px;
    display: flex;   /* defect fix */
}

.required-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background-color: #F0B323;
    margin-right: 3px;
    margin-top: 27px;
}

.Link-status {
    margin-left: -40px;
    color: #2e7d32;
    width: 186px;
    margin-top: -2px;
    height: 26px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    cursor: pointer;
}

.Link-status-url {
    margin-left: 0px;
    color: #2e7d32;
    width: 252px;
    padding-top: 26px;
    height: 26px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    cursor: pointer;
}


.form-group {
    margin-bottom: 0rem;
}

.grange-field-error {
    border-left: 3px solid red;
    border-radius: 7px;
}

.textarea {
    resize: none;
}

.grange-field-lookup-search-icon {
    background-color: #2e7d32;
    color: white;
    float: right;
    font-size: 49px;
    padding: 9px;
    cursor: pointer;
}

.grange-error-feedback {
    color: rgb(235, 54, 54);
    font-size: 14px;
    margin-bottom: 20px;
}

.input-icon {
    position: relative;
}

.input-icon>i {
    left: "15px";
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50.4%;
    pointer-events: none;
    width: 40px;
    text-align: center;
    font-style: normal;
    color: "#797979"
}

.grange-yes-no-field {
    font-family: "Montserrat";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 115px;
    height: 40px;  /* defect 112432 fix*/
    background-color: white;
    border: 1px solid #7c8e92;
    cursor: pointer;
}

.grange-yes-marker {
    border-radius: 5px 0px 0px 5px;
    border-right: 1px solid #7c8e92;
}

.grange-yes-no-highlighted {
    background-color: #7c8e92;
    color: white !important;
}

.grange-no-marker {
    border-radius: 0px 5px 5px 0px;
    border-left: 0px solid #7c8e92;
}

.grange-active-textcolor {
    color: white;
}

.grange-inactive-textcolor {
    color: #465357;
}

.input-icon>input {
    padding-left: 25px;
    padding-right: 0;
}

.input-icon-right>i {
    right: 20px;
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    font-style: normal;
    color: "#797979";
    width: 25px;
    pointer-events: none;
    top: 58.7%;
}

.input-icon-right>input {
    padding-left: 0;
    padding-right: 31px;
    text-align: right;
}

/* [class*="grange-checkbox-list"]{

} */

.grange-checkbox-list-checkbox {
    color: #16B67F;
}

.text-field-with-icon-group {
    position: relative;
}

.text-field-with-icon-group input {
    text-indent: 30px;
}

.text-field-with-icon-group .icon {
    position: absolute;
    top: 2px;
    left: 15px;
}

.grange-checkbox-list label {
    margin: 0 !important;
}

.grange-lookup-box {
    width: 87%;
    display: inline-block;
    height: 50px;
}

@media (min-width: 0px) and (max-width: 600px) {
    .grange-lookup-box {
        width: 80%;
        display: inline-block;
    }
}
.crime-label-align {
    margin-left: -76.5% !important;
}
.note-text {
    margin-left: 33px !important;
}
.checkbox-label-class{
    margin-bottom: -17px !important;
}

.fast-option {
    padding-left: 1em;
    text-overflow: ellipsis;
    height: 100%;
    overflow: hidden !important;
}

.is-invalid {
    border-color: #cc092f !important;
}

/* .react-datepicker__input-container{
    height: 45px !important;
    border: 1px solid #7c8e92 !important;
    border-radius: 5px !important;
} */

/* .react-datepicker-ignore-onclickoutside{
    border: 0px !important;
    padding: 5px;
    margin-top: 5px;
} */

input [type=text] {
    border: 0px !important;
}

.border {
    border: 0px !important;
    padding: 5px;
    margin-top: 5px;
}

.grange-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}


@media (min-width: 2500px) and (max-width: 2560px) {
    .crime-label-align {
        margin-left: -36% !important;
    }
}

@media (min-width: 1400px) and (max-width: 1440px) {
    .crime-label-align {
        margin-left: -66.5% !important;
    }
}

@media (min-width: 1000px) and (max-width: 1024px) {
    .crime-label-align {
        margin-left: -96.5% !important;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .crime-label-align {
        margin-left: -133.5% !important;
    }
}

.required-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background-color: #F0B323;   
    margin-right: 3px; 
}

.banner {
  text-align: center;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 0px) and (max-width: 700px) {
  .banner {
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 70px;
  }
}

.banner_bg{
  position: absolute;
  width: 100%;
  height: 186px;
  background-color:  #e9eeee;
  transform: skewY(1.5deg);
  transform-origin: top right;
}

.banner_bg_editAccount{
  position: absolute;
  width: 100%;
  height: 186px;
  background-color:  #e9eeee;
  transform: skewY(1.5deg);
  transform-origin: top right;
}

.bannerText {
  /* margin-top: 70px; */
  display: inline-block;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #a4a4a4;
  position: relative;
}

.bannerTitleEditAccount {
  display: inline-block;
  margin-top: 48px;
  margin-bottom: 70px;
  width: 100%;
  font-family: "Montserrat";
  font-size: 48px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
  position: relative;
}

.bannerTitleNewAccount {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 70px;
  width: 100%;
  font-family: "Montserrat";
  font-size: 48px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
  position: relative;
}

/* @media screen and (min-width: 1025px) {
  .bannerTitleEditAccount, .bannerTitleNewAccount {
    font-size: 48px !important;
  }
} */

@media screen and (min-width: 800px) {
  .bannerTitleEditAccount, .bannerTitleNewAccount {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 799px) {
  .bannerTitleEditAccount, .bannerTitleNewAccount {
    font-size: 32px;
    margin-bottom: 35px;
  }

  .bannerText {
    margin-top: 40px;
  }

  .confirmAccountUpdateText{
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px;
  }

  .banner_bg{
    height: 250px;
  }
}

.confirmAccountUpdateText{
  height: 28px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  margin: auto;
}

.section-header-container {
  /* margin-top: 60px; */
  margin-top: 0;
}

.section-header-column {
  padding: 0px !important;
}

.section-header-title {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  margin-right: -18%;
  letter-spacing: normal;
  color: #323232;
}

.section-header-subtitle {
  width: 164px;
  height: 22px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}

.section-header-editbutton{
  color: #2e7d32;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
}

.section-header-sidebutton-margin-left-icon{
  margin-left: -7%;
  margin-top: 2%;
}

.section-header-sidebutton-margin-left-text{
  margin-left: -88%;
  margin-top: 2%;
}

.successIcon {
  background-color: #ffffff;
  color: #84bd00;
}

.errorIcon {
  background-color: #ffffff;
  color: #cc092f;
}

.section-header-same-as{
  display: flex;
  min-width: 600px;
}
.section-header-title-same-as{
  flex: 2;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  margin-right: -18%;
  letter-spacing: normal;
  color: #323232;
}

.section-header-same-as-checkbox{
  flex: 2;
  margin-top: 8px;
}

.section-header-step-number {
  width: 30px; 
  height: 30px; 
  border-radius: 50%;
  background-color: #208484;
  font-size: 20px; 
  vertical-align: middle;
}

@media screen and (min-width: 0px) and (max-width: 700px) {
  .section-header-column {
    padding: 14px !important;
  }
}

.loading-message-loading-div {
  color: #000000;
  text-align: center;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}

.loading-message-summary-center {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0px;
  left: 301px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  z-index: 800;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.loading-message-full-summary-center{
  position: fixed;
  height: 100%;
  right: 0;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  z-index: 800;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}

.loading-message-summary-spinner {
  margin-top: 200px;
  margin-left: 50%;
}

.loading-message-modal-center {
  position: fixed;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  z-index: 800;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.loading-message-model-s-size {
  position: fixed;
  right: 160px;
  top: 85px;
  left: 160px;
  bottom: 29px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  z-index: 800;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}

  .loading-message-modal-spinner {
    margin-top: 200px;
    margin-left: 50%;
  }

  .loading-message-modal-spinner-s-size {
    margin-top: 200px;
    margin-left: 50%;
  }

  @media (min-width: 0px) and (max-width: 600px) {

    .loading-message-summary-center {
      left: 0px;
    }
  }

.green-body-button {
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color:#2e7d32;   
    color: white;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Montserrat";
    font-size: 1rem; 
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    height: 45px; 
}


.green-body-button:hover{
    background-color: #005005;
}


@media (min-width: 0px) and (max-width: 600px) {
    .green-body-button {
        width: 100%;
    }
}
[class*="account-summary-tile-container"] {
  width: 100%;
  /* height: 273px; */
  border-radius: 5px;
  box-shadow: 0 1px 20px 1px rgba(46, 125, 50, 0.12);
  background-color: #ffffff;
  padding: 30px;
}

.account-summary-tile-container-status-display {
  min-height: 273px;
}

.account-summary-tile-item-header {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.45px;
  color: #797979;
  border-bottom: 2px solid rgba(121, 121, 121, 0.8);
}

.account-summary-tile-item-headline-number {
  transform: rotate(-360deg);
  font-family: Montserrat;
  font-size: 70px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #797979;
}

.account-summary-tile-item-headline-number-description {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}

.account-summary-tile-item-headline-number-description .heavy {
  font-weight: 600;
}

.btn-green-fill-white-text {
  height: 50px;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #2e7d32;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

[class*="btn-white-fill-green-text"] {
  height: 50px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #ffffff;
  border-color: #2e7d32;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
}

[class*="btn-white-fill-green-text-right"] {
  float: right;
  text-align: right;
}

.align-bottom {
  vertical-align: bottom;
}

.account-summary-tile-container-status-display a {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.64;
  letter-spacing: normal;
  color: #2e7d32;
}

.account-details-tile-main-item {
  font-family: "Open Sans";
  border-radius: 5px;
  border: solid 1px #d2d2d2;
  background-color: #ffffff;

  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.account-grid-sortable-list-header {
  font-weight: bold;

  align-items: flex-bottom;
  vertical-align: text-bottom;
}

.account-details-row-flex-bottom {
  align-items: flex-end;
}

.account-details-tile-main-item-float-display {
  float: left;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  letter-spacing: 0.56px;
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
}

.account-details-quote-product-logo {
  float: left;
  padding-right: 30px;
}

.account-details-quote-product-logo-image {
  height: 20px;
  width: 23px;
}

.account-details-tile-sub-item {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  height: 100%;
  vertical-align: text-bottom;
  letter-spacing: normal;
  color: #333333;
  float: left;
  line-height: 2;
}

.cursor-pointer {
  cursor: pointer;
}

.account-details-tile-main-item .account-details-tile-header-label {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
}

.account-details-section-sub-title .account-details-show-hide-icon {
  float: right;
}

.account-summary-float-right {
  text-align: right;
}

.account-summary-float-right label {
  padding-right: 10px;
}

.account-summary-dropdown-with-label-container {
  display: inline-block;
  width: 100px;
  padding-right: 10px;
}

.account-details-quote-policy-label {
  font-size: 14px;
  line-height: 1.57;
  color: #323232;
  float: none;
  width: 100%;
}

.account-details-tile-main-item .account-details-tile-label {
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0.56px;
}

.account-details-tile-main-item-padded {
  padding: 30px;
}

.account-details-tile-main-item h3 {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}

.account-details-section-title {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
  padding-bottom: 20px;
}

.account-details-section-title a {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
}

.account-details-section-sub-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #797979;
}

.account-details-quote-details-line {
  width: 100%;
  display: block;
  float: none;
  height: 28px;
  margin-bottom: 10px;
}

.account-details-quote-tile-quote-container {
  width: 100%;
  padding: 30px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  align-items: stretch;
}

.account-summary-quote-left-container {
  width: 10%;
  height: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.account-summary-quote-right-container {
  /* vertical-align: bottom; */
  width: 5%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-self: center;
}

.account-details-tile-main-item hr {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.account-details-quote-middle-container {
  width: 85%;
  height: 100%;
}

.account-details-policy-list-policy-number {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  color: #797979;
  float: left;
  line-height: 1.9;
}

.account-summary-transaction-status-separator {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
}

.account-details-float-left {
  float: left;
}

[class*="headline-number-extra-large-"] {
  font-family: "Montserrat";
  font-size: 75px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;

  padding-top: 0xp;
  letter-spacing: normal;
}

.headline-number-extra-large-viridian {
  color: #208484;
}

.headline-number-extra-large-grey {
  font-size: 75px;
  font-weight: normal;
  color: #797979;
}

[class*="label-black-medium"] {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.57;
  color: #323232;
}

.label-black-medium-heavy {
  font-weight: 600;
}

[class*="link-green-medium"] {
  font-family: "Montserrat";
  font-size: 16px;
  line-height: 1.63;
  color: #2e7d32;
}

.link-green-medium-heavy {
  font-weight: bold;
}

.summary-page-subtitle-link-spacing {
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
}

.account-details-link-show-hide-icon {
  color: #2e7d32;
  padding-left: 5px;
}

[class*="label-black-large"] {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
}

.label-black-large-heavy {
  font-weight: 600;
}

[class*="headline-number-sub-number-"] {
  font-family: "Montserrat";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  vertical-align: super;
}

.headline-number-sub-number-viridian {
  color: #208484;
}

.headline-number-sub-number-grey {
  color: #797979;
}

.flex-main-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
}

.flex-container-10 {
  width: 10%;
  height: 100%;
}

.flex-container-20 {
  width: 20%;
  height: 100%;
}

.flex-container-30 {
  width: 30%;
  height: 100%;
}

.flex-container-40 {
  width: 40%;
  height: 100%;
}

.flex-container-50 {
  width: 50%;
  height: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-container-60 {
  width: 60%;
  height: 100%;
}

.flex-container-70 {
  width: 70%;
  height: 100%;
}

.flex-container-80 {
  width: 80%;
  height: 100%;
}

.flex-container-90 {
  width: 90%;
  height: 100%;
}

.right-vertical-line {
  content: " ";
  margin: 0px;
  position: absolute;

  align-self: center;
  vertical-align: center;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background: #333333;
}

@media screen and (min-width: 992px) {
  .account-summary-tile-container {
    /* height:674px; */
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 800px) and (max-width: 992px) {
  .account-summary-tile-container {
    /* height:674px; */
    margin-bottom: 10px;
  }
  .account-summary-tile-item-other {
    height: 700px;
  }
  .account-summary-tile-item-headline-number-description {
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 0px) and (max-width: 799px) {
  .account-summary-tile-container {
    margin-bottom: 10px;
  }
  .account-summary-tile-item-other {
    height: 100%;
  }
  .account-summary-tile-item-headline-number-description {
    padding-bottom: 50px;
  }
  .account-details-tile-sub-item {
    float: none;
  }
  .account-summary-transaction-status-separator {
    display: none;
  }
  .account-details-float-left {
    float: none;
  }

  .flex-main-container {
    display: block;
    padding-bottom: 20px;
  }

  .flex-container-50 {
    width: 100%;
    padding-bottom: 10px;
  }
}

.account-summary-main-container {
    width: 100%;
    margin-top:-100px;
    height: 474px;
    background-image: linear-gradient(112deg, var(--gunmetal), #5c7177 100%);
    -ms-transform: skewY(2deg);
    -webkit-transform: skewY(2deg);
    transform: skewY(2deg);
}

.account-summary-data-container{
    margin-left: 75px;
    margin-right: 75px;
    
    padding-top: 120px;
    -ms-transform: skewY(-2deg);
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
}

/* .account-summary-tab-container{
    width: 100%;
}

.account-summary-tab-container-white{
    color: #ffffff !important;
} */

.summary-padding-top-bottom{
    margin-top:20px;
    margin-bottom:20px;
}

.loading-div{
  color: #000000;
  text-align: center;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  padding:30px;
}

.not-available-div{
  background-color: #f2f8fb;
  text-align: left;
  border-radius: 5px;
  border: solid 1px #d2d2d2;
  width: 100%;
  padding:20px;

}

.not-available-icon{
  float:left;
  margin-right:13px;
}

.loa-codes {
  color: #fff;
  padding-top: 20px;
}

.cancel-pending-class {
  background: #fdf4de;
  margin-top: 16px;
  border-radius: 5px;
}

.deliquencyMessage-class {
  margin-top: -13px;
  margin-left: 14px;
}

.cancel-pending-class-ps {
  background: #fdf4de;
  margin-bottom: 16px;
  border-radius: 5px;
}




.policy-review-card-label{
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: center;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    color: #323232;
    margin-top: 1rem;
    margin-left: 1rem;

}

.policy-review-card-label-edit{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    text-align: center;
    color: #2e7d32;
    margin-left: 1rem;
    text-decoration: underline;
}
.policy-review-card-label-wrapper{
    display: flex;
    justify-content: left;
    align-items: baseline;
    margin: 1rem;
}

.display-in-card-heading{
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.75;
    color: #797979;
    padding-bottom: 0.5rem;
    margin : 0.5rem ;
}
.bop-review-building-body{
    background-color: rgba(245, 245, 245, 0.8);
}

.display-in-card-no-term{
    font-family: "Open Sans";
    font-size: 16px;
    color: #797979;
   border:0.8px solid rgb(222, 226, 230);
   padding: 0.5rem 1rem 0.5rem 1rem;
   margin-left: 0.2rem;
   margin-bottom: 0.5rem;
   margin-top: 0.7rem;
   border-radius:4px;
   text-transform: uppercase;
}

.policy-review-card-label-small{
    font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #797979;
  margin-top: 1rem;
  margin-left: 1rem;
}
.policy-review-card-label-edit-small{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    text-align: center;
    color: #2e7d32;
    margin-left: 1rem;
    text-decoration: underline;
}
.choice-indorsement-green-heading{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #70a000;
    margin-left: 1rem;
}
.display-in-card-heading-small{
    margin: 0 0 0 0;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}
.display-in-card-small{
    padding: 1rem;
    margin: 1rem;
}

.display-in-card{
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #ffffff;
    padding: 1rem;
    margin: 1.5rem 2rem 0rem 2rem;
    padding-bottom: 1rem;

}

.align-table-information-card{
    margin: 1.5rem 2rem 0rem 2rem;
}

.display-in-card-umb{
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #ffffff;
    padding: 1rem;
    margin: 1.5rem 0rem 0rem 0rem;
    /* padding-bottom: 1rem; */
   
}

.display-in-card-wo-border-bottom{
    border-radius: 5px;
    border: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #ffffff;

}
.green-seperator-line{
    border-bottom: 1px solid #70a000;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
}
.color-black{
    color: rgba(0, 0, 0, 0.87);
    margin-left: 1rem;
}
.grey-seperator-line{
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: -4%;
    width: 108%;
}

.location-display-card{

    border: 1px solid #d2d2d2;
}


.policy-review-blanket-total{
    background-color:rgba(245, 245, 245, 0.8);
    margin-left: -0.9rem;
    padding: 1rem;
    /* width: 103.5%; */
    overflow: hidden;
}
.overFlowHidden{
    overflow: hidden;
}
.policy-review-main-blanket-wrapper{
    margin-top: 1rem;

}
.policy-review-blanket-container{
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px rgba(51, 51, 51, 0.22);
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.policy-review-blanket-total-limit-subheading{
    display: flex;

}
.policy-review-blanket-total-limit{
    margin-bottom:0.5rem;
    font-weight: 600;
}

.policy-review-blanket-total-limit-subheading-name{
  font-size: small;
  margin-top: 0.2rem;
}
.policy-review-blanket-total-limit-subheading-light{
    font-size: small;
    color:#d2d2d2 ;
    margin-left: 1rem;
}
.policy-review-blanket-total-limit-subheading-dark{
    font-size: small;
}
.blanket-card-label{
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #797979;
  margin-top: 1rem;
}



.blanket-details-flex{
    padding: 1rem;
    border:#d2d2d2 1px solid;

}
.dark-buttom-border{
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
}

.blanket-detail-small-heading{

    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
    margin: 0.3rem;
    padding-bottom: 10px;
}

.blanket-detail-small-value{
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    margin-top: 0.5rem;
    margin:0.2rem 0rem 0rem 0.3rem;
}
.blanket-detail-big-value{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    color: rgba(0, 0, 0, 0.87);

}
.blanket-detail-medium-value{
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    color: rgba(0, 0, 0, 0.87);

}

.policy-review-card-location-marker{
    width: 11px;
    height: 16px;
    object-fit: contain;
 margin-right: 0.5rem;
}

.policy-review-footer-custom{
    margin-top: 5rem;
}
.policy-review-business-owner-wrapper{
    margin-left: -2rem;
}
.policy-review-margin-negative-1rem{
 margin-left: -1rem;
}

.policy-review-grey-seperator{
    border:0.3px solid rgba(121, 121, 121, 0.8);
    height: 1px;
    width:100%;
}
.margin-left-negative{
    margin-left:-1rem
}

.margin-bottom-one-rem{
    margin-bottom:1rem
}


/* IM Line Review Styling */

.imline-tier2-styling{
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    color: #323232;
}

.imLine-tier3-styling{
    height: 32px;
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 1.33;
    color: #323232;
    border-left: solid 0.2px #323232;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
}
/* BOP */
.containerStickyBOP{
    /* height: 70vh; */
    overflow-y: auto;
    overflow-x: hidden;
    width:102%;
    /* margin-left:-1%;
    margin-top:0%;
    margin-bottom:-7.6rem; */
    padding:0rem 1rem 0rem 1rem;
}

/* cp7 */
.containerStickycp7{
    /* height: 89vh; */
    overflow-y: auto;
    width:116%;
    margin-left:-7%;
    margin-top:-3%;
    margin-bottom:-7.6rem;
    padding:0rem 2rem 0rem 3rem;
}
/* for gl */
.containerStickygl{
    /* height: 90vh; */
    overflow-y: auto;
    width:116%;
    margin-left:-7%;
    margin-top:-6%;
    margin-bottom:-7.6rem;
    padding:0rem 2rem 0rem 3rem;
}
/* for IM */

/* fol wc */
.containerStickyWCReview{
    /* height: 89vh; */
    overflow-y: auto;
    width:112%;
    margin-left:-5.5%;
    margin-top:-6%;
    margin-bottom:-7.6rem;
    padding:0rem 2rem 0rem 3rem;
}

.im-containerSticky{
    /* height: 89vh; */
    overflow-y: auto;
    width:116%;
    margin-left:-7%;
    margin-top:-6%;
    margin-bottom:-7.6rem;
    padding:0rem 2rem 0rem 3rem;
}
.im-containerSticky2{
    /* height: 89vh; */
    overflow-y: auto;
    width:116%;
    margin-left:-4%;
    margin-top:-6%;
    padding:0rem 2rem 0rem 3rem;
}
.containerStickyCA{
    height: 90vh;
    /* overflow-y: auto; */
    width:102%;
    margin-left:-1%;
    margin-top:0%;
    margin-bottom:-7.6rem;
    /* padding:0rem 2rem 0rem 3rem; */
}

.containerUMB{
    height: 90vh;
    /* width:102%; */
    margin-top:0%;
}

.clDriver{
    position: static;
}

.eyeBrowStyling{
   margin-left: -3.5rem;
}
.header-below-statement{
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 1.63;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 36px;
}
.from-policy-detail{
    height: 92vh;
    overflow-y: auto;
    width:113.5%;
    margin-bottom:-2.5rem;
    padding:1rem 2rem 0rem 3rem;
    width:100%;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:0rem;
}



/* for mobile */
@media screen and (max-width: 600px) {
    .containerSticky{
        margin-top:-25%;
}
.im-containerSticky{
    height: 92vh;
    overflow-y: auto;
    width:106%;
    margin-left:0%;
    margin-top:-15%;
    margin-bottom:-7.6rem;
    padding:0rem 1rem 0rem 0rem !important;
}
}
/* Foe Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .containerSticky{
        height: 92vh;
        overflow-y: auto;
        width:500px;
        margin-left:15%;
        margin-top:-10%;
        margin-bottom:-7.6rem;
}

}

.policyChangeMenu {
    /*width: 980px;*/
    margin-bottom: 20px;
}

.tab-subheaders {
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    color: #323232;
}

.coverage-collapsed-container{
    display: flex;
    align-content: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    cursor:pointer;
}

.stand-sticky{
    background-color: #ecf1df;
    position: fixed;
    top: 65px;
    width: 89%;
    z-index: 100;
    /* margin-left: -7.1%; */
    left: 301px;

}

.stand-sticky-mobile{
    background-color: #ecf1df;
    position: fixed;
    top: 65px;
    width: 100%;
    z-index: 100;
    /* margin-left: -7.1%; */
    left: 2px;
}

.left-shift-sticky {
    margin-left: 93px;
}

.left-shift-sticky-mobile {
    margin-left: 30px;
}

.stand-sticky + .content {
    padding-top: 100px;
}

.coverage-label-stand-sticky{
    color: #2e7d32;
    height: 2.5;
    font-size: 1.6rem;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 1.64;
    position: fixed;
    top: 65px;
    z-index: 110;
}

.umb-cov-header{
    color: #2e7d32;
    font-family: 'Open Sans';
    font-size: 28px;
    font-weight: 600;
    line-height: 1.64;
}

.im-line-tier3-styles {
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33;
    color: #323232;
}
.green-add-button {
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    min-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

.green-add-button:hover {
    border: solid 2px #2e7d32;
    background-color: rgba(46, 125, 50, 0.11);
}

.green-add-button-disable {
    border-radius: 5px;
    border: solid 2px #797979;
    background-color: #ffffff;
    font-family: "Montserrat";
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #797979;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

.green-add-button-no-outline {
    border-radius: 5px;
    background-color: #ffffff;
    font-family: "Montserrat";
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: none;
}

.green-add-button-margin {
    margin-right: 20px;
}

@media (min-width: 0px) and (max-width: 600px) {
    .green-add-button-margin {
        margin-right: 0px;
        width: 100%;
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 600px) {
    .green-add-button {
        height: 45px;
        width: 100%;
        padding-left: 1px;
        padding-right: 20px;
        margin-top: 1.5rem;
    }
}

.green-add-button-custom {
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #ffffff;
    font-family: "Montserrat";
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

.green-add-button-custom:hover {
    border: solid 2px #2e7d32;
    background-color: rgba(46, 125, 50, 0.11);
}


.section-heading-component-value-dark{
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #323232;
}

.section-heading-component-value{
    height: 46px;
    font-family: "Montserrat";
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    color: #797979;
}
.section-heading-small-edit-component{
    width: 26px;
    height: 26px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    text-decoration: underline;
}

.section-heading-component-main-container{

    /* padding-top: 3.5rem; */
    padding-bottom: 0.5rem;
    padding-left: 0 !important;
    /* padding-bottom: 1rem; */
    width: 100%;
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
}

.section-heading-right-button-spacer {
    text-align: right;
    padding-right: -0px    
}


.building-question-main-close{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border:1px solid #d2d2d2;
}

.building-question-main-expanded{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border:1px solid #d2d2d2;
  border-radius: 5px;

}
.location-heading-wrapper-custom{
  width: 30%;
}
.building-open-wrapper-with-dark-bg{
  background-color: rgba(245, 245, 245, 0.8);
}
.building-light-bg{
  position:static;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
 height: 75px;
  border:1px solid #d2d2d2;
  width: 100%;
  margin: 0 !important;
}
.building-heading-custom{
font-family: "Open Sans";
font-size: 18px;
font-weight: bold;
line-height: 1.56;
letter-spacing: 0.58px;
margin-left: 1rem;
color:#797979;
}
.building-back-ground{
  background-color: rgba(245, 245, 245, 0.8);
}.building-question-main-close {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.building-question-main-close{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border:1px solid #d2d2d2;
}

.building-question-main-expanded{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border:1px solid #d2d2d2;
    border-radius: 5px;

  border: 1px solid #d2d2d2;
  border-radius: 5px;
}
.location-heading-wrapper-custom{
    width: 30%;
}
.building-open-wrapper-with-dark-bg {
  background-color: rgba(245, 245, 245, 0.8);
}
.building-light-bg{
    position:static;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
   height: 75px;
    border:1px solid #d2d2d2;
    width: 100%;
    margin: 0 !important;
}
.building-heading-custom{
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  margin-left: 1rem;
  color: #797979;
}

.information-card-item-label {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.57;
  color: #323232;
}

.information-card-item-value {
  /* width: 210px; */
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 1);
  margin-top: 0.5rem;
}
.information-card-item-value-no-wrap {
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 1);
  margin-top: 0.5rem;
}
.information-card-item-container {
  margin-bottom: 44px;
  margin-left: -1rem;
}
.information-card-label{
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 1.33;
    color: #323232;
    margin-bottom: 0rem;
    margin-top: 1rem;
}
.information-card-container {
  margin: 1.5%;
  margin-left: 0.5rem;
}

.information-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
}
.information-item-wrapper-noWrap {
  display: flex;
  flex-wrap: wrap;
}
.information-item-no-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.temp-display-fix {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}



.quote-summary-main-wrapper{
    /* margin: 1rem; */
}
.quote-summary-bundle-card-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}
.quote-summary-extra-padding{
    padding: 1%;
}
.quote-summary-discount-wrapper{
    margin-left: -1rem;
}
 
.qs-header-below-statement{
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 1.63;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 36px;
    margin-top: 2rem;
}
.view-quote-wrapper{
    padding: 0.5rem;
}

.umbrella-price-dollar-container{
    width: 17px;
    height: 17px;
    background-color: #a97900;
    text-align: center;
    border-radius: 8px;
}

.umbrella-price-dollar-text{
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 900;
    color: white;
}

.umbrella-asterisk-verbiage{
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 1.57;
    color: #777777;
}

.umbrella-bundle-modal-success-instruction {
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: 0.56;
    color: rgba(0, 0, 0, 0.87);
}

.fontsize {
    font-size: x-small;
}

/* .info {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background-color: #c1c1c1;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    position: relative;
} */


.modal-cross-banner-wrapper {
    height: 200px !important;
    width: 100;
    border-radius: 10px 10px 0px 0px;
    overflow-y: hidden;
    z-index: 1027;
    transition: 1s;
}

.modal-cross-banner-wrapper-material {
    height: 200px;
    width: 100;
    overflow-y: hidden;
    z-index: 1027;
    transition: 1s;
    margin: auto;
}

/* .modal-dialog.default .modal-header * {
    color: #ffffff !important;
} */

.modal-cross-banner-gunmetal {
    width: calc(50% + 50%);
    height: 200px;
    background-color: #465357;
    clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 100%);
    position: relative;
    z-index: 2;
    transition: 1s;
}

.modal-cross-banner-grey {
    width: calc(50% + 50%);
    height: 274px;
    z-index: 1;
    background-color: #7c8e92;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 40%);
    margin-top: -19.5%;
    transition: 1s;
}

.modal-cross-banner-white-back-button {
    height: 3%;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #ffffff;
    cursor: pointer;
}

.modal-cross-banner-absolute {
    position: absolute;
    left: 10%;
    top: 10%;
    z-index: 4;
}

.modal-cross-banner-header {
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #ffffff;
}

@media only screen and (max-width: 1050px) {
    .modal-cross-banner-grey {
        height: 59%;
    }
}

@media screen and (min-width: 200px) and (max-width: 600px) {
    .modal-cross-banner-gunmetal {
        width: 100%;
        height: 100%;
        background-color: #465357;
        clip-path: none !important;
        position: none;
        z-index: 2;
        transition: 1s;
    }
    .modal-cross-banner-grey {
        display: none;
    }
    .modal-cross-banner-absolute {
        left: 11%;
        top: 16%;
    }
    .modal-cross-banner-header {
        margin-top: 30px; /* seems like we just need some top padding here for mobile devices */
        align-items: center;
        font-size: 10vw;
    }
    .modal-cross-banner-wrapper {
        height: 240px !important;
    }
}
.modal-open-class {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

@keyframes fade-in {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@keyframes fade-out {
  0% {
    background-color: rgba(0, 0, 0, 0.5);
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}

.slider-modal-container-fade-in {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1021;
  padding: 20px;
}

.slider-modal-bg-in {
  background-color: rgba(0, 0, 0, 0.5);
}

.slider-modal-bg-out {
  background-color: rgba(0, 0, 0, 0.5);
  animation: fade-out 0.4s 0.2s linear;
}

/* Couldn't see usage of slider-modal class */

.slider-modal {
  background: transparent;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: auto;
  z-index: 1020;
  margin-left: 0;
  animation-name: fade-in;
  animation-duration: 0.2s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

.slider-modal-container-fade-out {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1021;
  padding: 20px;
  /* animation-name: fade-out; */
  /* animation-duration: 0.4s;  
  animation-delay: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;   */
}

@keyframes slide-in-from-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slide-out-from-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes slide-in-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slide-out-from-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.slider-modal-content-slide-in-from-bottom {
  height: 100%;
  /* height: auto; */
  max-width: 1360px; 
  margin: auto;
  border-radius: 10px;
  background-color: white;
  display:flex;
  flex-direction: column;
  /* overflow-y: auto; */
  animation-name: slide-in-from-bottom;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}



.slider-modal-content-slide-out-from-top {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: white;
  animation-name: slide-out-from-top;
  animation-duration: 0.7s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

.slider-modal-content-slide-in-from-right {
  height: 100%;
  /* height: auto; */
  max-width: 1360px; 
  margin: auto;
  border-radius: 10px;
  background-color: white;
  animation-name: slide-in-from-right;
  /* overflow-y: scroll; */
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

.slider-modal-content-slide-out-from-left {
  height: 100%;
  /* height: auto; */
  max-width: 1360px; 
  margin: auto;
  border-radius: 10px;
  background-color: white;
  
  animation-name: slide-out-from-left;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

.slider-modal-content-slide-in-from-bottom::-webkit-scrollbar {
  display: none;
}

.slider-modal-content-slide-out-from-top::-webkit-scrollbar {
  display: none;
}

.slider-modal-content-slide-in-from-right::-webkit-scrollbar {
  display: none;
}

.slider-modal-content-slide-out-from-left::-webkit-scrollbar {
  display: none;
}

@media (min-width: 0px) and (max-width: 600px) {
  .slider-modal-container-fade-in {
    padding: 0px;
  }
  .slider-modal-container-fade-out {
    padding: 0px;
  }
  .slider-modal-content-slide-in-from-bottom {
    border-radius: 0px;
  }
  .slider-modal-content-slide-in-from-right {
    border-radius: 0px;
  }
}
.popover {
    max-width: 315px;
}
.coverage-display-main-wrapper {
    margin-left: 0.3rem;
}

.coverage-display-hr {
    border-bottom: 2px solid rgba(46, 125, 50, 0.12);
    width: 96%;
    margin-bottom: 2%;
    margin-top: 2%;
    margin-left: 0%;
}

.coverage-display-margin-bottom {
    height: 3rem;
    margin-bottom: 2rem;
}

.view-quote-detail-flex {
    display: flex;
}

.coverage-display-sub-heading-row {
    margin-bottom: 0.5%;
    margin-top: 0.5%;
}

.coverage-display-sub-heading-col {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #777777;
}

.coverage-display-main-heading-col {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #323232;
}

.coverage-display-main-heading-row {
    margin-bottom: 1%;
}

.coverage-display-coverage-catagory {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: rgba(121, 121, 121, 0.66);
    margin-bottom: 0.5%;
}

.coverage-display-coverage-catagory-item {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #323232;
}

.coverage-display-coverage-catagory-item-amount {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #323232;
    width: 62%;
    display: flex;
    justify-content: flex-end;
}

.special-left-shift {
    margin-left: -13px !important;
}

@media screen and (max-width: 600px) {
    .coverage-display-main-wrapper {
        margin-left: 0.3rem;
    }
    .special-left-shift {
        margin-left: auto !important;
    }
}
.discount-section-catagory-heading{
    font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 0.5rem;
}
.discount-section-catagory-item{
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.06;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}
.discount-section-grey-dot{
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #797979;
  padding: 0.1rem;
  margin: 1rem 0rem 0rem 1rem;
  
}
.Modalbanner {
    padding-top: 30px;
    max-height: 140px;
    background-color: #7c8e92;
    /* left: 272px; */
    align-items: center;
    /* position: fixed; */
    /* right: 271px; */
    /* max-width: 1360px; */
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 3;
    transition: 1s;
    padding-bottom: 25px;
}

.iconTitlePosition {
    display: flex;
}

.modal-banner-close-icon {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 6rem;
    display: flex;
    align-self: flex-start;
    cursor: pointer;
    margin-top: 10px;
}

.modal-title-banner-custom-spacer {
    margin-left: -6%;
}

.ModalbannerTitle {
    margin-left: 13%;
    padding-bottom: 40px;
    display: inline-flex;
}

.ModalbannerTitleText {
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.ModalbannerMiniTitle {
    margin-left: 13%;
    padding-bottom: 15px;
}

.modal-banner-mini-title-font {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.56; */
    letter-spacing: 0.56px;
    color: #ffffff;
    margin-right: 5px;
}

.ModalbannerTitleLocation {
    margin-left: 13%;
    width: 80%;
    height: 70px;
    font-family: "Montserrat";
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
}

.ModalbannerMiniTitleLocation {
    margin-left: 13%;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
}

.modal-title-banner-close {
    float: right;
    margin-right: 20px;
    /* margin-top: -20px; */
    height: 10px;
}

.modal-banner-mini-title-not-mobile {
    display: inline-block
}

.modal-banner-mini-title-not-mobile-image {
    display: inline-block;
    margin-right: 5px;
    object-fit: contain;
}

.modal-banner-mini-title-mobile {
    display: inline-block;
}


/* for width between 700 and 899 px */

@media screen and (min-width: 280px) and (max-width: 600px) {
    .create-additional-contact-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .Modalbanner {
        left: 0px;
        right: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        position: unset;
    }
    .ModalbannerTitle {
        font-size: 20px !important;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;

    }
    .modal-banner-mini-title-not-mobile-image {
        display: none !important;
        object-fit: contain;
    }
    .ModalbannerMiniTitle {
        margin-left: 20px;
        margin-right: 20px;
    }
    .ModalbannerTitleText {
        /* padding-top: 10px; */
        font-size: 6vw;
    }
    .modal-title-banner-close {
        margin-top: -20px;
    }
}
.border{
    border: 1px solid red; 
 }
 .dis-flex {
     display: flex;
 }
 .view-quote-detail-card-main-wrapper{
    /* height: 296px; */
    min-height: 275px;
     border-radius: 5px;
   box-shadow: 0 1px 20px 1px rgba(46, 125, 50, 0.12);
   background-color: #ffffff;
   margin-top: 0%;
   margin-bottom: 5%;
 }
 .view-quote-detail-card-rejectedbyUW-wrapper{
    /* height: 296px; */
    /* min-height: 275px; */
    border-radius: 5px;
    box-shadow: 0 1px 20px 1px rgba(46, 125, 50, 0.12);
    background-color: #ffffff;
    margin-top: 0%;
    margin-bottom: 5%;
 }
 .view-quote-detail-card-yellow-info{
    border-radius: 5px;
 }
 .view-quote-detail-card-yellow-info-text{
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 1.63;
    color: #333333;
    padding:0.5rem;
 }
 .view-quote-detail-card-premium-wrapper{
     padding: 2rem;
 }
 .view-quote-detail-card-green-link{
     color:#2e7d32;
     text-decoration: underline;
     font-weight: 600;
     margin-left: 10px;
     cursor: pointer;
 }
 .view-quote-detail-card-UW-button{
   display: block;
 }
 .view-quote-button-toggle-media{
   display : none;
   margin: 0.5rem 0.5rem 1rem 0.5rem;
}
 .view-quote-detail-card-detail-premium-dollar{
     width: 20px;
     height: 30px;
     font-family: "Montserrat";
     font-size: 30px;
        line-height: 1;
     color:#208484;
     margin-top: 2.5%;

     &.no-width {
        width: auto; /* Removes the fixed width */
    }
     
 }
 .view-quote-detail-margi-top{
     margin-top: 1%;
 }
 .view-quote-detail-card-margin-negative{
     margin-left: -6%;
     margin-top: 1%;
 }
 .view-quote-detail-card-margin-right{
     margin-right: -3%;
     margin-top: 2%;
 }
 .view-quote-detail-card-detail-premium-text{
     font-family: "Open Sans";
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.57;
     letter-spacing: normal;
     color: #323232;
     margin: 0 1rem 1rem 1rem;
 }
 .view-quote-detail-change_cost_text{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #000000;
    margin: 0 1rem 1rem 0rem;
}
 .view-quote-detail-card-detail-premium-amount{
     height: 65px;
     font-family: "Montserrat";
     font-size: 70px;
     font-weight: bold;
     line-height: 0.93;
     color:#208484;
     /* word-break: break-all; */
 }
 .view-quote-detail-card-detail-modify-premium{
     font-family: "Open Sans";
     font-size: 12px;
     line-height: 1.83;
     color: #777777;
     width: 96%;
     margin:auto;
     margin-bottom: 2rem;
    
 }
 .view-quote-detail-margin-left-negative{
     margin-left: -2%;
 }
 
 .view-quote-detail-modify-link{
    margin-top: 3%;
    margin-left: -10%; 
 }
 .view-quote-detail-no-premium{
    font-family: 'Open Sans';
    font-size: 30px;
    font-weight: 600;
    color: #797979;
 }
 .view-quote-detail-no-premium-UW{  
   width: 100%;
   text-align: center;
   border-radius: 5px;
 }
 .view-quote-detail-no-premium-UW-text{     
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-left: 24%;
    margin-right: 23%;
  }
 .view-quote-detail-card-accordion{
     border-top: 2px solid rgba(121, 121, 121, 0.66);    
 }
 .view-quote-detail-card-expander-text{
     font-family: "Open Sans";
     font-size: 16px;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.63;
     letter-spacing: normal;
     color: rgba(0, 0, 0, 0.87);
     padding: 2%;
     display: flex;
 }

 .view-quote-detail-card-expander-text-for-sm{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 20px;
    display: flex;
}
 .view-quote-detail-slide-left{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
    padding: 2%;
    /* padding-left: 6%; */
    display: flex;
    justify-content: flex-end;
 }
 /* .view-quote-detail-card-expander-arrow{
    display: flex;
    padding: 2%;
     padding-left: 3.5%;
 } */
 .view-quote-detail-card-arrow-down{
     transform: rotate(0deg);
     transition: 200ms linear all;
 }
 .view-quote-detail-card-arrow-up{
     transform: rotate(-180deg);
     transition: 200ms linear all;
 }
 .view-quote-detail-arrow-label{
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: right;
    color: #2e7d32;
    padding-right: 0.6rem;
    padding-top: 0.2rem;
 }

 .view-quote-detail-arrow-label-for-sm{
    display: none;
}


.view-quote-detail-arrow-symbol-for-sm{
    margin-top: 12px;
}
 
 
 @media screen and (max-width: 600px) {
     .view-quote-detail-card-detail-premium-amount{
         font-size: 56px;
     }
     .view-quote-detail-card-detail-premium-dollar{
        
     }
     .view-quote-detail-card-detail-premium-text{
         margin-left: -2rem;
     }
     /* .view-quote-detail-arrow-label{
         display: none;
     } */
     .view-quote-detail-card-UW-button{
        display: none;
      }
      .view-quote-button-toggle-media{
       display: block;
    }
      .view-quote-detail-card-detail-premium-text{
          margin-left: 1rem;
      }
      /* .view-quote-detail-card-expander-text{
        margin-left: -2%;
      } */
      .view-quote-detail-card-accordion{
          margin-left: 1rem;
          padding-top: 1rem;
      }
 
    
 
 }

 .bottomArrow{
    font-size: 4rem;
    color: #777777;
    width: 20px;
    height: 20px;
    }
    .down{
    transform: rotate( 0deg );            
    transition: transform 150ms ease;
    }
    .up{
    transform: rotate( -180deg );            
    transition: transform 150ms ease;  
    }

    .next-step-div{
        border-radius: 5px;
        background-color: #e9eeee;
    }
    
    .padding-div{
        padding: 20px 20px 30px 20px;
    }
    
    .next-step-span{
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: normal;
        color: #333333;
        margin-left: 7px;
    }
    
    .other-action-span{
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #797979;
        display: flex;
        cursor: pointer;
    }
    
    .green-link-div{
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #2e7d32;
        padding-left: 10px;
    }
    
    .other-action-title{
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #797979;
    }
    
    .view-quote-detail-accordion-wrapper{
        min-height: 67px;
         border-radius: 5px;
       box-shadow: 0 1px 20px 1px rgba(46, 125, 50, 0.12);
       background-color: #ffffff;
       margin-bottom: 5%;
       padding: 0px 30px;
     }
     /* @media screen and (min-width: 200px) and (max-width: 600px) {
        .view-quote-detail-accordion-wrapper{
            padding: 0px 5px;
        }
     } */
    
     .border-top-radius-only{
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
     }

.padding-lft-0 {
    padding-left: 0px;
}
.coverage-display-main-wrapper{
    margin-left: 0.3rem;
}
.coverage-display-main-hr{
    border-bottom: 2px solid rgba(46, 125, 50, 0.12);
    width: 100%;
    margin-bottom: 2%;
   margin-top: 2%;
    margin-left: 0%;
}

.coverage-display-sub-coverage-hr{
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
    width: 100%;
    margin-bottom: 2%;
   margin-top: 2%;
    margin-left: 0%;
}

.location-modal-innersub-group-hr{
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
    width: 88%;
    margin-bottom: 2%;
   margin-top: 2%;
    margin-left: 8%;
}


.coverage-display-margin-bottom{
    height: 3rem;
    margin-bottom: 2rem;
}
.view-quote-detail-flex{
    display: flex;
}
.coverage-display-sub-heading-row{
    margin-bottom: 0.5%;
    margin-top: 0.5%;
}
.coverage-display-sub-heading-col{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #777777;
}
.coverage-display-main-heading-col{
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: #2e7d32;
}

.coverage-display-sub-coverage-heading-col{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #323232;
}

.coverage-display-sub-coverage-heading-scheduled-prop{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #545454;
}

.coverage-display-main-heading-row{
    margin-bottom: 1%;
}
.coverage-display-coverage-catagory{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: rgba(121, 121, 121, 0.66);
    margin-bottom: 0.5%;
}
.coverage-display-coverage-catagory-item{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #323232;
}

.font-weight-bold{
    font-weight: bold;
}

.coverage-display-coverage-catagory-item-amount{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #323232;
}

.location-risk-coverage-loc-name {
    border-radius: 5px;
    background-color: rgba(121, 121, 121, 0.11);
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #323232;
    margin: 20px 0px;
    width: 96%;
    padding: 12px 12px 12px 15px;
}

.line-total-cost-label {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
}

.location-modal-location-header {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #2e7d32;
    margin-bottom: 30px;
    margin-top: 30px;
}

.location-modal-subgroup-header {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 20px;
}

.location-modal-coverage-item{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 10px;
}

.premium-col-shift-right{
    text-align: right;
    right: 38px;
}

.premium-col-shift-right-main{
    text-align: right;
}

.premium-col-shift-right-loc{
    text-align: right;
    right: 25px;
}

.premium-col-shift-right-loc-arrow{
    text-align: right;
}

.premium-col-shift-right-loc-cov{
    text-align: right;
    right: 156px;
}

.premium-col-shift-right-loc-cov-amount{
    text-align: right;
    right: 59px;
}

.premium-col-shift-right-ssc-amount{
    text-align: right;
    right: 75px;
}

.premium-col-shift-right-wc-amount{
    text-align: right;
    right: 0;
}

.premium-col-shift-right-amount{
    text-align: right;
    right: 72px;
}

.premium-col-shift-right-amount-farm-dwell{
    text-align: right;
    right: 67px;
}

.caret-down-margin-top{
    margin-top: 30px;
}

.caret-down-margin-top-loc{
    margin-top: 17px;
}

.exposure-loc-premium-mobile{
    font-family: "Helvetica";
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.5px;
    color: #797979;
}

.exposure-loc-amount{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.5px;
    /* text-align: right; */
    color: #333333;
}

.containerSticky1{
    height: 92vh;
    overflow-y: auto;
    width:115.5%;
    margin-left:-7%;
    margin-top:-5.6%;
    margin-bottom:-7.8rem;
    padding:0rem 2rem 0rem 3rem;
    overflow-y: initial;
}

.sticky-bg-color{
    background-color: #ecf1df;
    height: 56px;
    /* top:0;
    position: sticky; */
    /* z-index: 100; */
}

.loc-modal-wrapper {
    padding-left: 11.5%;
    padding-right: 11.5%;
    overflow: scroll; 
    height: 80%;
}  

.loc-modal-wrapper::-webkit-scrollbar {
    display: none;
}

.wc-other-premium-label{
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: (0, 0, 0, 0.87)
}

@media screen and (max-width: 600px) {
    .coverage-display-main-wrapper{
        margin-left: 0.3rem;
    }

}
.modifier-content-container {
  overflow: auto;
  /* height: 97%; */
  /* padding-top: 180px; */
  height: 70vh;
}
/* .modifier-body-container{
  height: 60vh;
  overflow-y: scroll;
} */
.modifiers-alignment {
  margin-left: 13%;
  margin-right: 13%;
}
.align-modifiers {
  margin-left: 13%;
  margin-right: 13%;
  margin-bottom: 40px;
}
.create-primary-named-insured-container {
  overflow: "scroll";
  height: "500px";
}
#remarksmodifiers {
  margin-bottom: 65px;
}
/* .modifier-content-container::-webkit-scrollbar {
  display: none;
} */

.modifier-content-container::-webkit-scrollbar {
  width: 0.5em;
}

.modifier-content-container::-webkit-scrollbar-thumb {
  background-color: #9d9d9d;
  outline: 1px solid #9d9d9d;
}

.bi-label {
  height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #323232;
}

.main-col {
  margin: 0 auto !important;
}

.Soft-Black-Back-Btn {
  width: 157px;
  height: 28px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #333333;
}

#backButton {
  border-color: transparent !important;
  background-color: transparent !important;
  padding-left: 0;
}

#backButton:hover {
  background: transparent !important;
}

#backButton:active,
#backButton:focus,
#backButton:visited {
  outline: none !important;
  box-shadow: none;
}

.back-arrow-button {
  display: inline-block;
}

.back-arrow-button:after {
  margin-right: 7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  font-weight: 500;
  border: solid #333333;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.add-blanket-text {
  font-size: 48px;
  line-height: 54px;
  margin-top: 35px;
  font-family: "Montserrat";
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.textarea {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  border: solid 1px #797979;
}

.bi-required {
  height: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #777777;
  float: right;
}

.success-message {
  width: 100%;
  height: 100px;
  background: lightgreen;
  font-size: 20px;
  position: fixed;
  top: 100px;
  padding: 50px;
}

.add-blanket-banner {
  background-color: #e9eeee;
  height: 204px;
}

.add-blanket-body {
  margin-left: 9.15%;
  margin-right: 9.15%;
}

.add-blanket-back-to-blanket-link {
  margin-left: 9.15%;
  padding-top: 20px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
  cursor: pointer;
}

.cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#blanket-row {
  height: 92px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.87);
}

#blanket-rows-unavailable {
  height: 92px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.5);
}

#blanket-selected {
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}

.main-row {
  margin: 15px auto !important;
}

.row-content {
  margin-top: 25px;
  margin-left: 13px;
  font-size: 15px;
}

#modifierBar {
  height: 74px;
  background-color: rgba(233, 238, 238, 0.5);
  margin-bottom: 50px;
  padding: 0 13%;
}

#modifierBarModify {
  height: 74px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modifier-row-div {
  /* border: 1px solid #d2d2d2; */
  border-radius: 5px;
}

#subsum {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: right;
}

#state {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
}

#select {
  height: 50px;
  border-radius: 4px;
  border: solid 1px #797979;
}

#list {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: solid 1px #d2d2d2;
  padding: 10px 0px;
}

#list-rows {
  border: solid 1px #d2d2d2;
  padding: 10px 0px;
}

.title {
  margin-bottom: 16px;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
}

#head {
  margin-bottom: 15px;
  margin-top: 15px;
}

.headstyle {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #323232;
}

.headtag {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

.listtag {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}

.last {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px #d2d2d2;
  background-color: #f5f5f5;
  padding: 32px 0px 28px 0px;
  display: flex;
  align-items: center;
}

.last-warning {
  border-right: solid 1px #d2d2d2;
  border-left: solid 1px #d2d2d2;
  border-top: solid 1px #d2d2d2;
  background-color: #f5f5f5;
  display: flex;
  padding: 32px 0px 28px 0px;
  align-items: center;
}

.list1-container {
  margin-top: "80px";
}

.warning {
  border-right: solid 1px #d2d2d2;
  padding: 20px 0px 20px 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border-left: solid 1px #d2d2d2;
  background-color: #fdf4de;
  border-bottom: solid 1px #d2d2d2;
  display: flex;
  align-items: center;
}

.error{
  border-right: solid 1px #d2d2d2;
  padding: 20px 0px 20px 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(204, 9, 47, 0.11);
  border-left: solid 1px #d2d2d2;
  background-color: rgba(204, 9, 47, 0.11);
  border-bottom: solid 1px #d2d2d2;
  display: flex;
  align-items: center;
}

.icon-position {
  margin-left: 35%;
}
.icon-position-error{
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
}

#end {
  float: right;
  font-size: 24px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  color: #208484;
}

#endhead {
  width: 276px;
  height: 32px;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

#green {
  font-size: 24px;
  font-family: "Open Sans";
  font-stretch: normal;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
  color: #208484;
}

.select-box-modifiers {
  margin-top: -1.5rem;
}

#modifier-textarea-head {
  margin-bottom: -20px;
  margin-top: 50px;
}

.modifers-min-max-padding {
  padding: 2.5% 0;
  text-align: center;
}

#remarks {
  /* margin-bottom: 40px; */
}

.modifier-modal-pop-container {
  padding: 30px;
  text-align: center;
  margin-bottom: -20px;
}

.modifier-modal-pop-header {
  font-size: 24px;
  font-weight: 600;
  color: #323232;
  margin-bottom: 20px;
  margin-top: 20px;
}

.modifier-modal-pop-body {
  font-size: 16px;
  color: #333333;
  padding-right: 25px;
  padding-left: 25px;
}

.list-description {
  /* display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column; */
  align-self: center;
}
@media screen and (min-width: 320px) and (max-width: 765px) {
  .hidexxs {
    display: none !important;
  }
  #green {
    font-size: 16px;
    font-family: "Open Sans";
    font-stretch: normal;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    color: #208484;
    float: right;
  }
  #endhead {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: black;
  }
  #end {
    font-size: 16px;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    color: #208484;
  }
  .last {
    opacity: 0.7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px #d2d2d2;
    background-color: #f5f5f5;
    /* height: 100px; */
    display: flex;
    align-items: center;
    padding: 15px 0px 15px 0px;
  }
  .modifers-min-max-padding{
    padding: 2.5% 0;
    text-align: start;
    padding-left: 20px;
  }
  #max {
    font-weight: bold;
    padding-right: 30px;
  }
  #min {
    font-weight: bold;
    padding-right: 30px;
  }
}

@media screen and (min-width: 766px) and (max-width: 3000px) {
  #max {
    display: none !important;
  }
  #min {
    display: none !important;
  }
  #selectdebit {
    display: none !important;
  }
}

  .modal-building-banner {
    background-color: #7c8e92;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 1;
    transition: 1s;
    padding-top:30px;
    /* left: 272px; */
    /* position: fixed; */
    /* right: 271px;      */
  }
  
  .dwellingInfo{
    display: inline-block;
    margin: -6px;
    margin-left: 6px;
  }

    
  .modal-building-banner-close{
    float: right;
    margin-right: 20px; 
    margin-top: -25px;     
    height: 10px;
  }
  
  .modal-building-banner-one-icon {
      color: white;
      font-size: 1.5rem;
      margin-bottom: 6rem;
      display: flex;
      align-self: flex-start;
      cursor: pointer;
      margin-top: 10px;
  }
  
  .modal-building-banner-upper-mini-title{
        display: block;
        margin-left: 13%;
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: 0.56px;
        color: #ffffff;
  }

  .modal-building-banner-upper-mini-title-mobile {
    display: none !important;
  }
  
  .modal-building-banner-lower-mini-title {
      margin-left: 13%;
      padding-top: 10px;
      padding-bottom: 30px;
      font-family: "Open Sans";
      font-size: 16px;
      font-weight: normal;
      color: #ffffff;
}

  .modal-building-banner-scrolled-header-first-half{
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;   
  }
  .modal-building-banner-scrolled-header-splitter{
    font-size: 26px;
    font-weight: normal;
  }
  .modal-building-banner-scrolled-header-second-half{
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;  
  }

  .modal-building-banner-large-title-holder{
    margin-left: 13%;
    padding-top: 20px;
  }

  .modal-building-banner-building-image {
    margin-top: -16px;
    margin-right: 10px;
    width: 29px;
    height: 26px;
  } 

  .modal-building-banner-icon {
      font-size: 48px;
      padding-right: 10px;
      color: white;
  }
  
  .modal-building-banner-large-title {
      font-family: "Montserrat";
      font-size: 36px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.13;
      letter-spacing: normal;
      color: #ffffff;
  }

.modal-building-banner-icon {
    font-size: 48px;
    padding-right: 10px;
    color: white;
}

  .modal-building-banner-scrolled-header {
    display: none;   
  }

  .modal-building-banner-scrolled-header-first-half-mobile{
    display: none;
  }
  .modal-building-banner-scrolled-header-second-half-mobile{
    display: none;
  }  
  /* for width between 700 and 899 px */
  
  @media screen and (min-width: 200px) and (max-width: 600px) {
      .ModalbannerTitle {
          font-size: 20px !important;
      }
      .modal-building-banner-large-title {
        font-size: 30px;
      }
      .modal-building-banner-large-title-holder{
        margin-left: 30px;
        padding-top: 20px;
      }

      .modal-building-banner {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        left: 0px;
        position: none;
        right: 0px;   
        padding-top: 30px !important  
      }

      .modal-building-banner-large-title {
        font-family: "Montserrat";
        font-size: 32px;
        font-weight: bold;
        color: #ffffff;
    }      
    
      .modal-building-banner-building-image{
        /* display: none; */
        /* margin-top: 30px; */
      }

      .modal-building-banner-upper-mini-title {
        /* display: none !important; */
      }
      .modal-building-banner-upper-mini-title-mobile {
        display: block !important;
        margin-left: 9% ;   
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;             
      }

      .modal-building-banner-lower-mini-title{
        padding-bottom: 30px !important;
        padding-top: 10px !important;
        margin-left: 9% !important;        
      }

      .modal-building-banner-close{
        margin-right: 10px !important; 
        margin-top: -5px !important;    
      }

      .modal-building-banner-scrolled-header-first-half{
        display: none;
      }
      .modal-building-banner-scrolled-header-second-half{
        display: none;
      }      
      .modal-building-banner-scrolled-header-first-half-mobile{
        display: block;
        font-family: "Montserrat";
        font-size: 24px;
        font-weight: bold;
        color: #ffffff;         
      }
      .modal-building-banner-scrolled-header-second-half-mobile{
        display: block;
        font-family: "Open Sans";
        font-size: 18px;
        font-weight: normal;
        color: #ffffff;          
      }      

  }

.policy-forms-margin-bottom{
    margin-bottom: 100px;
}

.policy-forms-float-right{
    float: right;
}

.policy-forms-verbiage{
    height: 22px;
    font-size: 14px;
    margin: 15px;
}

.policy-forms-grange-agent{
    color: #2e7d32;
    font-weight: 600;
}

.policy-forms-height{
    height: 24px;
}

.policy-forms-item-number{
    padding-right: 7px;
    font-size: 16px;
}

.policy-forms-align-text-right{
    text-align: right;
}

.policy-forms-item-description{
    font-size: 14px;
}

.policy-forms-item-edition{
    padding-left: 7px;
    font-size: 16px;
    color: #797979;
}
.PrequalQuestions {
  display: flex;
  justify-items: flex-start;
  align-items: flex-start;
}

.boxsha{
  width: 64%;
  align-self: center;
  display: flex;
}

.Preques {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
  display: fl;
}
.readonlyStyles{
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}
.staticanswers{
  align-self: center;
  width: 20%;
  height: 18px;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  /* text-align: right; */
  color: #465357;
  margin-left: auto;
}
/* #lookup {
  margin-top: -26px
} */

#prequalClassCode {
  display: flex;
  align-items: center;
}
#bp7prequal{
  margin-bottom: 75px;

}

#PreQualButton-prequalnew {
  margin-left: auto;
  width: 230px;
}

#answer {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color:#465357
}
.sectionHeaderPrequal{
  /* margin-left: 20px; */
}
#answerWhite {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color:white
}

.QualButton {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 40px;
  background-color: white;
  border: 1px solid #7c8e92;
}

.yes-prequal {
  border-radius: 5px 0px 0px 5px;
  border-right: 2px solid #7c8e92;
}

.highlighted {
  background-color: #7c8e92;
  color: white !important;
}

.no-prequal {
  border-radius: 0px 5px 5px 0px;
  border-left: 0px solid #7c8e92;
}

#PreQualButton-prequal label{
  display: none;
}
.farmHeader{
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
}
.prequalFooter{
  margin-bottom: 40px;
}

/* Ensure the checkbox is on the right side */
.check-right .form-check-label {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  cursor: pointer;
}

.check-right .form-check-input {
  margin: 0px;
  cursor: pointer;
  position: relative;
  margin-left: 10px; /* Optional for spacing */
}

.check-right {
  display: flex;
  padding: 0px;
  flex-direction: row-reverse; /* Move checkbox to the right */
  align-items: center; /* Ensure alignment */
}

@media (min-width: 360px) and (max-width: 576px) {
  .Preques {
    width: 100%;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
  }
  .QualButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 40px;
    background-color: white;
    border: 1px solid #7c8e92;
  }
  .PrequalQuestions {
    display: flex;
    justify-items: center;
    flex-direction: column;
    align-items: flex-start;
  }
  .boxsha{
    width: 100%;
    align-self: flex-start;
    display: flex;
  }
    #PreQualButton-prequalnew {
    margin-left: 0;
    width: 100%;
    margin-top:10px
}
}

 .building-class-code-search-content-wrapper {
   overflow-y: scroll;
   height: 72vh;
   padding-left: 13%;
   padding-right: 13%;
   max-height: 72vh;
 }

 .building-class-code-search-filter-container {
   border-radius: 4px;
   border: solid 1px #797979;
   height: 40px;
   padding: 10px;
 }

 .building-class-code-search-content-prefix {
   font-family: "Open Sans";
   font-size: 24px;
   font-weight: 600;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.33;
   letter-spacing: normal;
   color: #323232;
 }

 .building-class-code-search-content {
   font-family: "Open Sans";
   font-size: 24px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.33;
   letter-spacing: normal;
   color: #323232;
 }

 .building-class-code-search-contents {
   margin-top: 50px;
 }

 .building-class-code-search-item:hover {
   background: #e6e6e6;
 }

 .building-class-code-header-item {
   font-family: "Open Sans";
   font-size: 18px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   letter-spacing: 0.58px;
   color: #323232;
 }

 .building-class-code-select-link {
   float: right;
   cursor: pointer;
   font-family: "Montserrat";
   font-size: 16px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   letter-spacing: normal;
   text-align: right;
   color: #2e7d32;
 }

.building-class-code-search-item {
  border: 1px solid #ddd; 
  border-radius: 5px; 
  margin: 10px;
  padding: 5px;
  background-color: #f9f9f9; 
}

.building-class-code-header {
  margin: -10px 10px -15px 10px;
  padding: 5px;
}

 .class-code-items-row {
   min-height: 90px;
 }

 form.example input[type=text] {
   padding: 10px;
   font-size: 17px;
   border: 1px solid grey;
   float: left;
   width: 80%;
   background: #f1f1f1;
 }

 .form-row {
   margin-right: 0 !important;
 }

 .form-row label {
   font-size: 14px;
   ;
 }

 form.example::after {
   content: "";
   clear: both;
   display: table;
 }

 .search-box {
   width: 100%;
   padding-left: 50px;
   background-image: url(/assets/search.813294737e24256df21b.png);
   background-size: 30px;
   background-position: 10px;
   background-repeat: no-repeat;
   height: 40px;
   border-radius: 4px;
   border: solid 1px #797979;
   background-color: #ffffff;
 }

 .search-box:hover {
   border-color: green;
 }

 .search-box:focus {
   box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.25);
 }

 .pagination li {
   margin-left: -10px !important;
 }

 .bcc-filter-by {
   margin-left: 15px;
   border: 0;
   font-family: "Open Sans";
   font-size: 18px;
   font-weight: 600;
   font-stretch: normal;
   font-style: normal;
   letter-spacing: 0.56px;
   color: #797979;
 }

 .content-title-add-additional-insured {
   margin: 35px 15px;
   height: 32px;
   font-size: 24px;
   font-weight: 600;
   line-height: 1.33;
   color: #323232;
 }

 .fav-icon-text {
   font-size: 14px;
   line-height: 1.57;
   color: #777777;
 }

 .sort-by-label {
   margin-left: 15px;
 }

 .highlighted-text {
   background-color: rgba(132, 189, 0, 0.44);
   padding: 0;
 }

 .classificationstyles {
   font-family: 'Open Sans';
   font-size: 18px;
   font-weight: 600;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.56;
   letter-spacing: 0.56px;
   color: rgba(0, 0, 0, 0.87);
 }

 .pagination-div {
   display: flex;
   margin-top: 30px;
 }

 .previous a {
   background-image: url(/assets/previous-btn.c3d0ddc09fecfa2cd3d9.png);
   background-size: 100%;
   background-repeat: no-repeat;
   color: transparent !important;
   background-position: center;
 }

 .next a {
   background-image: url(/assets/next-btn.101e7daf92952c86a0fc.png);
   background-size: 100%;
   background-repeat: no-repeat;
   color: transparent !important;
   background-position: center;
 }

 .active-page a {
   font-weight: bold;
   color: #333333 !important;
   border: none !important;
 }

 .active-page a:active, .active-page a:focus, .active-page a:visited {
   outline: none !important;
   border: none !important;
 }

 .pagination a {
   color: #2e7d32;
   /* margin-left: 5px; */
   cursor: pointer;
   text-decoration: none;
 }

 .pagination-result-text {
   font-size: 14px;
   line-height: 1.57;
   color: #777777;
   /* padding-left: 10px; */
   padding-top: 1px;
 }

 /* // Small devices (landscape phones, 576px and up) */

 @media (min-width: 360px) and (max-width: 576px) {
   .building-class-code-select-link {
     float: left;
     cursor: pointer;
     font-family: "Montserrat";
     font-size: 16px;
     font-weight: bold;
     font-stretch: normal;
     font-style: normal;
     letter-spacing: normal;
     text-align: right;
     color: #2e7d32;
     margin-top: 15px
   }
   .codeMargins {
     margin-bottom: 15px
   }
   .building-class-code-search-content-prefix {
     font-family: "Open Sans";
     display: block;
     font-size: 24px;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.33;
     letter-spacing: normal;
     color: #323232;
   }
 }

 /* // Medium devices (tablets, 768px and up) */

 @media (min-width: 768px) and (max-width: 991px) {}

 /* // Large devices (desktops, 992px and up) */

 @media (min-width: 1900px) and (max-width: 2600px) {}

 /* // Extra large devices (large desktops, 1200px and up) */

 @media (min-width: 1900px) and (max-width: 4000px) {
   .building-class-code-search-content-wrapper {
     height: 1000px;
   }
 }

 .imm-sticky {
   position: fixed;
   top: 81.5px;
   z-index: 1;
   width: 77%;
   margin-left: -5.35%;
   padding-left: 5.6%;
   background-color: white;
 }

 .buildingClassCodeFloatLeft {
   float: left;
 }

 .classificationLengthStyles {
   padding-bottom: 30px;
   padding-top: 70px;
   border-bottom: 1px solid black;
 }

 .codeStyles {
   padding: 20px;
 }

 .searchKeyword {
   color: lightblue;
   cursor: pointer;
 }
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  .add-additional-insured-row {
    display: block;
  }

  .mobile-responsive-row {
    margin: 0 auto;
  }

  .filter-by-col {
    margin-left: -15px;
    margin-top: 25px;
  }

  .content-title-add-additional-insured {
    font-size: 20px;
    height: 15px;
  }

  #add-button,
  #added-button {
    width: 95% !important;
    margin-bottom: 25px;
  }

  .sort-by-label {
    margin-left: 0;
  }

  .search-box {
    margin-bottom: 20px;
  }
  .business-owners-add-additional-insured-filter-container {
    margin-bottom: 35px;
  }

  .content-title-add-additional-insured {
    font-size: 20px;
    font-weight: 600;
    margin-left: 38px;
  }

  .form-row {
    margin-top: -30px !important;
    margin-left: 15px;
  }

  .close-button {
    margin-top: 0;
  }
  .close-icon {
    width: 20px;
    height: 20px;
  }

  .additional-insured-item-name-col {
    margin-left: 15px;
  }

  .add-btn-column {
    width: 100%;
  }

  .horizontal-line-row {
    padding: 0 20px;
  }

  .pagination-div {
    margin-top: 30px;
  }

  .pagination a {
    margin-left: 20px;
  }

  .pagination-result-text {
    margin-left: 50px;
  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.commonLeftMargin{
    margin-left: 5.6%;
    margin-right: 5.6%;
    margin-top: 50px 
  }
.grid-div {
  font-family: "Open Sans";
  color: #323232;
}

.grid-div h5 {
  font-size: 24px;
  font-weight: 600;
}

.grid-div h6 {
  font-size: 12px;
}

.grid-div a {
  color: #2e7d32;
  font-weight: bold;
}

.grid-div a:hover {
  font-weight: bold;
  color: #2e7d32;
  text-decoration: none;
}

.grid-white-background-black-border {
  border-radius: 5px;
  border: solid 1px #d2d2d2;
  background-color: #ffffff;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.grid-title-row {
  font-weight: bold;
}

.account-summary-header {
  font-family: "Open Sans", sans-serif;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #ffffff;
}

.account-summary-header .account-text {
  height: 28px;
  font-size: 16px;
}

.account-text .account-summary-header-account-number {
  font-weight: 600;
  float: left;
}

.account-text a {
  color: #212529;
}

.account-text svg {
  position: relative;
  top: 4px;
}

.account-text .account-summary-header-separator {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}

.account-text .account-summary-header-create-date {
  float: left;
}

.account-summary-header-jump-to-box {
  padding-top: 28px;
}

.account-summary-header h2 {
  width: 100%;
  font-family: "Montserrat";
  font-size: 64px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  padding-top: 18px;
  padding-bottom: 32px;
}

.policy-header h2 {
  font-family: Montserrat;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.13;
  letter-spacing: normal;
  color: #333333;
}

.flex-align-bottom {
  align-self: flex-end;
}

.account-summary-header label {
  width: 55px;
  height: 18px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
}

.account-summary-header .jump-to-select {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #5c7177;
  background-color: #ffffff;
  color: #323232;
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
  .account-summary-header-separator {
    display: none;
  }
  .account-text .account-summary-header-account-number {
    float: none;
  }
  .account-text .account-summary-header-create-date {
    float: none;
    margin-bottom: 5px;
  }
  .account-summary-header h2 {
    padding-top: 36px;
  }
}

@media screen and (min-width: 0px) and (max-width: 799px) {
  .account-summary-header-separator {
    display: none;
  }
  .account-text .account-summary-header-account-number {
    float: none;
  }
  .account-text .account-summary-header-create-date {
    float: none;
    padding-bottom: 10px;
  }
  .account-summary-header h2 {
    padding-top: 36px;
  }
}

.grange-green-action-link {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
  cursor: pointer;
  text-align: left;
  padding-bottom: 10px;
}


.grange-remove-action-link {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #5c7177;
  cursor: pointer;
}

.grange-green-action-link-add-building {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
  cursor: pointer;
  text-align: left;
}

.grange-quick-modal-green-action-link {
  float: right;
  margin-top: 30px;
  padding-right: 20px;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #2e7d32;
  cursor: pointer;
}

.grange-quick-modal-remove-green-action-link {
  float: right;
  margin-top: 30px;
  padding-right: 20px;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #5c7177;
  cursor: pointer;
}

.choice-link-Button {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
  padding-left: 30px;
}

.choice-card-padding {
  padding-bottom: 13px;
  padding-top: 13px;
}

.grange-unavailable-action-link {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #797979;
  cursor: pointer;
  text-align: left;
  padding-bottom: 10px;
}



@media (min-width: 375px) and (max-width: 575px) {
  .grange-quick-modal-green-action-link {
    float: right;
    margin-top: -10px;
    padding-right: 20px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #2e7d32;
    cursor: pointer;
  }  
  .grange-quick-modal-remove-green-action-link{
    margin-top: -10px;
  }
}

.sub-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.sub-title {
  line-height: 40px;
  margin-top: 30px;
  color: #323232;
}

#products-Row {
  margin-left: 0;
}

.modalTitleNoWrap{
  white-space: nowrap;
}

.sidebar-container {
  /* top: 0; */
  position: fixed;
  height: 100%;
  width: 301px;
  background-color: rgba(231, 234, 234, 0.8);
  padding-bottom: 91px;
  z-index: 2;
}

.mobileTriggerClose {
  display: none
}

.greencheckpointer {
  cursor: pointer;
}

.sidebar-back-to-bundleSummary {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #7c8e92;
  cursor: pointer;
}

.bundledQuoteLabel {
  font-size: 14px;
  line-height: 1.29;
  font-weight: normal;
}

.rectangleBundle {
  display: flex;
  flex-direction: column;
}

.insiderRectangle {
  padding: 15px 20px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #ffffff;
  background-color: rgba(51, 51, 51, 0.33);
  border-radius: 5px;
}

.sidebar-account-details {
  padding-left: 10%;
  padding-right: 10%;
  background-color: #7c8e92;
  min-height: 180px;
  max-height: 200px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
}

/* .sidebar-scrollable-content {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}

.sidebar-scrollable-content::-webkit-scrollbar {
  display: none;
} */

.sidebar-scrollable-content:hover {
  height: 100%;
  overflow: auto;
}

.sidebar-scrollable-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.sidebar-scrollable-content::-webkit-scrollbar {
  width: 0.5em !important
}

.sidebar-scrollable-content::-webkit-scrollbar-thumb {
  background: #888;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}



/* .sidebar-scrollable-content::-webkit-scrollbar {
  display: none;
}

.sectionSidebar:hover {
  height: 400px;
  overflow: auto;
}

.sectionSidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.sectionSidebar::-webkit-scrollbar {
  width: 0.5em !important
}

.sectionSidebar::-webkit-scrollbar-thumb {
  background: #888;
  -webkit-border-radius: 10px;
  border-radius: 10px;
} */

.greenCheck {
  margin-right: 6px;
  font-size: 10px;
  fill: #84bd00 !important;
}

.warningCheck {
  margin-right: 13px;
  align-self: center;
  font-size: 30px;
  fill: #f0b323 !important;
}

.errorCheck {
  cursor: pointer;
  margin-right: 10px;
  font-size: 10px;
}

.sidebar-back-to-account-label {
  padding-top: 17px;
  padding-left: 30px;
  margin-left: -4px;
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 14px;
  line-height: 2;
  letter-spacing: normal;
  color: #ffffff;
  background-color: #7c8e92;
  text-transform: uppercase;
  display: flex;
  cursor: pointer;
  height: 60px;
}

.backIcon {
  fill: #ffffff !important;
  font-size: 12px;
  font-weight: bold;
}

.sidebar-account-name-label {
  padding: 2px;
  padding-top: 15px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  line-height: 1.56;
  color: #ffffff;
  margin-left: 2px;
}

.sidebar-account-number-label {
  padding-top: 10px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  line-height: 1.29;
  margin-left: 6px;
}

.sidebar-menu-item {
  min-height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 10%;
  padding-right: 10%;
  cursor: pointer;
  padding-left: 5%;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.86px;
  color: #333333;
  overflow: auto;
  text-transform: uppercase;
  display: flex;
}

.itemIcon {
  cursor: pointer;
  fill: grey !important;
  margin-left: -11px;
  margin-top: -2px;
}

.sidebar-menu-item-icons {
  padding-top: 1px;
  color: "grey";
  margin-right: 10px;
}

.normalItem {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
}

.normaFreezelItem {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #666262;
}

.currentFreezeItem {
  font-family: 'Open Sans';
  font-size: 15px;
  font-weight: bold;
  /* padding-left: 9%; */
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #666262;
}

.currentItem {
  font-family: 'Open Sans';
  font-size: 15px;
  font-weight: bold;
  /* padding-left: 11%; */
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #323232;
  cursor: pointer;
}

.uncompleteItem {
  padding-left: 27px
}

.selectcurrentItem {
  font-family: 'Open Sans';
  font-size: 15px;
  font-weight: bold;
  /* padding-left: 9%; */
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #323232;
  cursor: pointer;
}

/* .sidebar-menu-item-label {
      padding-left: 5%;
  } */

.sidebar-submenu-item {
  padding-left: 10%;
}

.sidebar-submenu-item-active-flow {
  display: flex;
  margin-left: 10%;
  /* padding-left: 8%;
  padding-top: 13px;
  height: 50px; */
  padding: 15px;
  background: white;
  border-left: 6px solid #84bd00;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.sidebar-submenu-item-inactive-flow {
  /* padding-left: 20%;
  padding-top: 13px;
  height: 50px; */
  padding: 15px;
  margin-left: 37px;
  display: flex;
}

.completedIcon {
  cursor: pointer;
  fill: #84bd00 !important;
  font-size: 10px;
  margin-left: -16px;
}

.withoutTick {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #797979;
  padding-left: 12%;
}

.textLabel {
  color: #797979;
}

.sidebar-submenu-item-label-inactive {
  margin-left: 15%;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
}

.sidebar-submenu-item-label-active {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
  cursor: pointer;
}

.sidebar-uw-docs {
  display: flex;
  padding: 10px;
}

.sidebar-upload-documents-label {
  font-family: "Open Sans";
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  width: 140px;
  height: 40px;
  box-shadow: 0 2px 4px 1px rgba(17, 104, 104, 0.15);
  background-color: #7c8e92;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.sidebar-upload-documents-label2 {
  margin-left: 5px;
  font-family: "Open Sans";
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  width: 136px;
  height: 40px;
  box-shadow: 0 2px 4px 1px rgba(17, 104, 104, 0.15);
  background-color: #7c8e92;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.sidebar-contact-underwriter {
  margin-left: 13%;
  margin-top: 30px;
}

.sidebar-hr {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
  height: 1px;
}

.modal-buttons-bottom-sticky-div {
  bottom: 10px;
  position: fixed;
}

.sidebar-btns {
  margin: 0 10px;
}

.sidebar-cuw-btn {
  align-items: center;
  margin: 10px 50px;
  cursor: pointer;
}
/* .sidebar-menu-item-content {
      padding: 21px 21px;
      background-color: white;
      position: relative;
      border-radius: 6px;
      flex: 1;
      cursor: pointer;
  }
      
  .sidebar-menu-item-label {
      width: 94px;
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #323232;
  }
  
  
      
  .sidebar-submenu-item {
      padding: 12px 27px;
      position: relative;
      background-color: white;
      width: 100%;
      min-height: 50px;
      border-left: 1px solid black;
      border-bottom: 1px solid #d2d2d2;
      display: flex;	
  }
  
  .sidebar-submenu-item-label {
      margin-left: 20px;
      font-family: "Open Sans";
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.63;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.87);	
  }
  
  .sidebar-submenu-item-label-with-no-circle{
      font-family: "Open Sans";
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.63;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.87);	
  }
  
  .plain-circle-main-menu {
      margin-top: 25px;
      margin-left: -9px;
      border-radius: 50%;
      color: white;
      border: 2px solid rgb(50, 50, 50);	
  }
  
  .plain-circle-sub-menu {
      margin-top: 5px;
      margin-left: -35px;
      border-radius: 50%;
      color: white;
      border: 2px solid rgb(50, 50, 50);	
  }
  
  
  .green-check-white-circle-main-menu {
      margin-top: 25px;
      margin-left: -9px;
      border-radius: 50%;
      color: white;	
      background: #2e7d32;
  }
  
  .green-check-white-circle-sub-menu {
      margin-top: 5px;
      margin-left: -36px;
      border-radius: 50%;
      color: white;	
      background: #2e7d32;
  }
  
  
  .white-check-green-circle-main-menu {
      margin-top: 25px;
      margin-left: -9px;
      border-radius: 50%;	
      color: green;
      background: white;
  }
  
  .white-check-green-circle-sub-menu {
      margin-top: 5px;
      margin-left: -36px;
      border-radius: 50%;	
      color: green;
      background: white;
  }
  
  .sidebar-link {
      color: rgba(0, 0, 0, 0.87);
  } */

/* On screens that are 600px or less, set the background color to olive */

@media screen and (max-width: 600px) {
  .mobileTriggerClose {
    display: block;
    padding-left: 80px;
  }
  .sidebar-container {
    z-index: 4;
    background-color: rgba(231, 234, 234, 1.8);
  }
}

/* .span-circle:after {
      content: '✔';
      position: absolute;
      left:0; top: 2px;
      width: 17px; height: 17px;
      text-align: center;
      border: 1px solid #aaa;
      background: green;
      border-radius: 50%;
      box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
  } */

/* .span-circle {
      content: '✔';
      position: absolute;
      left:-9px; top: 27px;
      width: 17px; height: 17px;
      border: 1px solid #aaa;
      background: #f8f8f8;
      border-radius: 50%;
      box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
  } */

/* The circles on the timeline */

/* .span-circle::before {
      content: '✓';
      position: absolute;
      width: 5px;
      height: 5px;
      background-color: white;
      color: white;
      top: 21px;
      z-index: 2;
      left: -9px;
  } */

/* The circles on the timeline */

/* .span-circle::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 16px;
      background-color: #2e7d32;
      top: 27px;
      border: 2px solid #323232;
      border-radius: 50%;
      z-index: 1;
      text-align: center;
      left: -9px;
  } */

/* Place the container to the right */

/* .right {
      left: 20px;
  } */

/* Fix the circle for containers on the right side */

/* .right::after {
      left: -27.5px;
  } */

/* Media queries - Responsive timeline on screens less than 600px wide */

/* @media screen and (max-width: 600px) {
      .timeline::after {
      left: 31px;
      }
  } */

/* Full-width containers */

/* .container {
          width: 100%;
          padding-left: 70px;
          padding-right: 25px;
      } */

/* Make sure that all arrows are pointing leftwards */

/* .container::before {
          left: 60px;
          border: medium solid white;
          border-width: 10px 10px 10px 0;
          border-color: transparent white transparent transparent;
      } */

/* Make sure all circles are at the same spot */

/* .left::after, .right::after {
          left: 15px;
      } */

/* Make all right containers behave like the left ones */

/* .right {
          left: 0%;
      } */


#im-ineligible-transaction-update .modal-dialog {
  max-width: 680px !important;
  width: 680px !important;
}

.modal-dialog#im-ineligible-transaction-update {
  max-width: 680px !important;
  width: 680px !important;
}

@media (max-width: 700px) {
  .modal#im-ineligible-transaction-update {
    --bs-modal-width: calc(100% - 32px) !important;
  }
}
.create-primary-named-insured-container {
  overflow-y: scroll;
  padding-left: 13%;
  padding-right: 13%;
  padding-bottom: 40px;  
  /* padding-top: 3%; */
}

/* .create-primary-named-insured-container::-webkit-scrollbar {
  display: none;
} */


/* width */
.create-primary-named-insured-container::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.create-primary-named-insured-container::-webkit-scrollbar-track {
  background: #f1f1f1;     
}
 
/* Handle */
.create-primary-named-insured-container::-webkit-scrollbar-thumb {
  background: #888; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.bi-label {
  height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #323232;
}
.main-col {
  margin: 0 auto !important;
}
.Soft-Black-Back-Btn {
  width: 157px;
  height: 28px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #333333;
}

#backButton {
  border-color: transparent !important;
  background-color: transparent !important;
  padding-left: 0;
}

#backButton:hover {
  background: transparent !important;
}

#backButton:active,
#backButton:focus,
#backButton:visited {
  outline: none !important;
  box-shadow: none;
}

.back-arrow-button {
  display: inline-block;
}

.back-arrow-button:after {
  margin-right: 7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  font-weight: 500;
  border: solid #333333;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.add-blanket-text {
  font-size: 48px;
  line-height: 54px;
  margin-top: 35px;
  font-family: "Montserrat";
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.textarea {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  border: solid 1px #797979;
}

.bi-required {
  height: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #777777;
  float: right;
}

.success-message {
  width: 100%;
  height: 100px;
  background: lightgreen;
  font-size: 20px;
  position: fixed;
  top: 100px;
  padding: 50px;
}
.add-blanket-banner {
  background-color: #e9eeee;
  height: 204px;
}
.add-blanket-body {
  margin-left: 9.15%;
  margin-right: 9.15%;
}

.add-blanket-back-to-blanket-link {
  margin-left: 9.15%;
  padding-top: 20px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
  cursor: pointer;
}

.cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#blanket-row {
  height: 92px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.87);
}

#blanket-rows-unavailable {
  height: 92px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.5);
}

#blanket-selected {
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}

.main-row {
  margin: 15px auto !important;
}

.row-content {
  margin-top: 25px;
  margin-left: 13px;
  font-size: 15px;
}

.modal-save-close-button {
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #2e7d32;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    height: 45px; 
    padding-left: 30px;
    padding-right: 30px;    
    margin-left: auto;
}

.modal-save-close-button-disabled {
    opacity: 0.5;
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #2e7d32;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    height: 45px; 
    padding-left: 30px;
    padding-right: 30px;    
    float: right; 
    margin-left: auto;
}

.modal-save-close-button:hover{
    background-color: #005005;
}

.modal-cancel-button {
    min-width: 119px;
    height: 45px;
    border: 1px solid #2e7d32;
    border-radius: 5px;
    background-color: white;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    margin-right: 35px;
    padding-right: 30px;
    padding-left: 30px;
    cursor: pointer;
    float: right; 
}


@media (min-width: 0px) and (max-width: 600px) {

    .modal-save-close-button {
        width: 100%;
        float: none; 
    }
    .modal-cancel-button {
        width: 100%;
        float: none; 
    }
    .modal-save-close-button-disabled {
        width: 100%;
        float: none; 
    }

}
.modal-footer-container {
    width: 100%;
    bottom: 0;
    max-width: 1600px;
    display: flex;

}
@media (min-width: 0px) and (max-width: 600px) {
    .modal-footer-container {
        display: block;
    }
}


.create-primary-policy-address-container {
  overflow: auto;
  height: 100%;
  padding-left: 13%;
  padding-right: 13%;
  padding-bottom: 40px;  
  padding-top: 3%;
}

.create-primary-policy-address-container::-webkit-scrollbar {
  display: none;
}

.bi-label {
  height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #323232;
}
.main-col {
  margin: 0 auto !important;
}
.Soft-Black-Back-Btn {
  width: 157px;
  height: 28px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #333333;
}

#backButton {
  border-color: transparent !important;
  background-color: transparent !important;
  padding-left: 0;
}

#backButton:hover {
  background: transparent !important;
}

#backButton:active,
#backButton:focus,
#backButton:visited {
  outline: none !important;
  box-shadow: none;
}

.back-arrow-button {
  display: inline-block;
}

.back-arrow-button:after {
  margin-right: 7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  font-weight: 500;
  border: solid #333333;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.add-blanket-text {
  font-size: 48px;
  line-height: 54px;
  letter-spacing: 0;
  margin-top: 35px;
}

.textarea {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  border: solid 1px #797979;
}

.bi-required {
  height: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #777777;
  float: right;
}

.success-message {
  width: 100%;
  height: 100px;
  background: lightgreen;
  font-size: 20px;
  position: fixed;
  top: 100px;
  padding: 50px;
}
.add-blanket-banner {
  background-color: #e9eeee;
  height: 204px;
}
.add-blanket-body {
  margin-left: 9.15%;
  margin-right: 9.15%;
}

.add-blanket-back-to-blanket-link {
  margin-left: 9.15%;
  padding-top: 20px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
  cursor: pointer;
}

.cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#blanket-row {
  height: 92px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.87);
}

#blanket-rows-unavailable {
  height: 92px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.5);
}

#blanket-selected {
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}

.main-row {
  margin: 15px auto !important;
}

.row-content {
  margin-top: 25px;
  margin-left: 13px;
  font-size: 15px;
}

.create-additional-named-insured-container {
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  padding-left: 13%;
  padding-right: 13%;
}

 .create-additional-named-insured-container::-webkit-scrollbar {
  width: 0.5em  !important;
} 


.create-additional-named-insured-container::-webkit-scrollbar {
  width: 7px;
}

.create-additional-named-insured-container::-webkit-scrollbar-track {
  background: #f1f1f1;     
}

.create-additional-named-insured-container::-webkit-scrollbar-thumb {
  background: #9d9d9d; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bi-label {
  height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #323232;
}
.main-col {
  margin: 0 auto !important;
}
.Soft-Black-Back-Btn {
  width: 157px;
  height: 28px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #333333;
}

#backButton {
  border-color: transparent !important;
  background-color: transparent !important;
  padding-left: 0;
}

#backButton:hover {
  background: transparent !important;
}

#backButton:active,
#backButton:focus,
#backButton:visited {
  outline: none !important;
  box-shadow: none;
}

.back-arrow-button {
  display: inline-block;
}

.back-arrow-button:after {
  margin-right: 7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  font-weight: 500;
  border: solid #333333;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.add-blanket-text {
  font-size: 48px;
  line-height: 54px;
  margin-top: 35px;
  font-family: "Montserrat";
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.textarea {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  border: solid 1px #797979;
}

.bi-required {
  height: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #777777;
  float: right;
}

.success-message {
  width: 100%;
  height: 100px;
  background: lightgreen;
  font-size: 20px;
  position: fixed;
  top: 100px;
  padding: 50px;
}
.add-blanket-banner {
  background-color: #e9eeee;
  height: 204px;
}
.add-blanket-body {
  margin-left: 9.15%;
  margin-right: 9.15%;
}

.add-blanket-back-to-blanket-link {
  margin-left: 9.15%;
  padding-top: 20px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
  cursor: pointer;
}

.cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#blanket-row {
  height: 92px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.87);
}

#blanket-rows-unavailable {
  height: 92px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.5);
}

#blanket-selected {
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}

.main-row {
  margin: 15px auto !important;
}

.row-content {
  margin-top: 25px;
  margin-left: 13px;
  font-size: 15px;
}


.justify-content-end {
  justify-content: flex-end;
}
.quick-add-modal-popup-holder{
  /* border-radius: 7px; */
  background:transparent;
  /* border: 1px solid #d2d2d2; */
  margin:30px auto 0;
  padding:6px;  

  position: fixed;
  width: 780px;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 50px;
  padding: 40px;
  z-index:1020;
}

.quick-add-modal-popup-close {
  cursor: pointer;
  float: right;
}

.quick-add-modal-popup-content{
  border-radius: 5px;
  box-shadow: 0 1px 17px 5px rgba(51, 51, 51, 0.08);
  border: solid 1px #d2d2d2;
  background-color: #ffffff;
  height: 100%;
  /* padding: 30px; */
  overflow: auto;

}

.quick-add-modal-popup-content::-webkit-scrollbar {
  display: none;
}

.quick-add-modal-popup-header-small-title {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #777777;  
}

.quick-add-modal-popup-header-big-title {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
}

.quick-add-modal-popup-card-holder {
  height: 80px;
  /* opacity: 0.7; */
  border-radius: 5px;
  /* border: solid 1px #d2d2d2; */
  /* background-color: #f5f5f5;   */
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 10px;
}

.quick-add-modal-popup-card-holder-single-item {
  padding: 25px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);  
}

.quick-add-modal-popup-card-holder-double-item-bold {
  padding-top: 10px;
  padding-left: 25px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);  
}
.quick-add-modal-popup-card-holder-double-item {
  padding-top: 10px;
  padding-left: 25px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);  

}


.quick-add-modal-popup-add-all {
  height: 50px;
  border-radius: 5px;
  background-color: rgba(210, 210, 210, 0.66);  

  opacity: 0.7;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #797979;  
  padding-left: 30px;
  padding-right: 30px;
}

.quick-add-modal-popup-add-all-added {
  height: 50px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #2e7d32;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
}



.quick-add-modal-popup-or-line{
  width: 100%;
  text-align: center; 
  border-top: 1px solid #f5f5f5; 
  height:120px;
  background: #f5f5f5;
  line-height: 0.1em;
}

.quick-add-modal-popup-or {
  background: white;
  border-radius: 25px;
  padding: 20px;
  padding-bottom: 3px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  color: #797979;  
  letter-spacing: normal;
}

@media (min-width: 375px) and (max-width: 575px) {
  .quick-add-modal-popup-card-holder {
    height: 80px;
    /* opacity: 0.7; */
    border-radius: 5px;
    /* border: solid 1px #d2d2d2; */
    /* background-color: #f5f5f5;   */
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .quick-add-modal-popup-card-holder-single-item {
    padding-top: 0px;
    padding-left: 5px;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);  
  }
  .quick-add-modal-popup-card-holder-double-item {
    padding-top: 0px;
    padding-left: 5px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);  
  
  }
  .quick-add-modal-popup-card-holder-double-item-bold {
    padding-top: 0px;
    padding-left: 5px;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);  
  }  

  
}

.create-additional-contact-container {
  overflow: auto;
  /* height: 100%;  */
  padding-left: 13%;
  padding-right: 13%;
  /* padding-top: 150px; */
  padding-bottom: 40px; 
  /*height: 70vh;*/
  overflow-y: scroll;
}

/* .create-additional-contact-container::-webkit-scrollbar {
  display: none;
} */

.create-additional-contact-container::-webkit-scrollbar {
  width: 0.5em;
}
.create-additional-contact-container::-webkit-scrollbar-thumb {
    background-color: #9d9d9d;
    outline: 1px solid #9d9d9d;
}

.bi-label {
  height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #323232;
}
.main-col {
  margin: 0 auto !important;
}
.Soft-Black-Back-Btn {
  width: 157px;
  height: 28px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #333333;
}

#backButton {
  border-color: transparent !important;
  background-color: transparent !important;
  padding-left: 0;
}

#backButton:hover {
  background: transparent !important;
}

#backButton:active,
#backButton:focus,
#backButton:visited {
  outline: none !important;
  box-shadow: none;
}

.back-arrow-button {
  display: inline-block;
}

.back-arrow-button:after {
  margin-right: 7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  font-weight: 500;
  border: solid #333333;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.add-blanket-text {
  font-size: 48px;
  line-height: 54px;
  margin-top: 35px;
  font-family: "Montserrat";
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.textarea {
  width: 100%;
  height: 200px;
  border-radius: 4px;
  border: solid 1px #797979;
}

.bi-required {
  height: 18px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #777777;
  float: right;
}

.success-message {
  width: 100%;
  height: 100px;
  background: lightgreen;
  font-size: 20px;
  position: fixed;
  top: 100px;
  padding: 50px;
}
.add-blanket-banner {
  background-color: #e9eeee;
  height: 204px;
}
.add-blanket-body {
  margin-left: 9.15%;
  margin-right: 9.15%;
}

.add-blanket-back-to-blanket-link {
  margin-left: 9.15%;
  padding-top: 20px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
  cursor: pointer;
}

.cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#blanket-row {
  height: 92px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.87);
}

#blanket-rows-unavailable {
  height: 92px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.5);
}

#blanket-selected {
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}

.main-row {
  margin: 15px auto !important;
}

.row-content {
  margin-top: 25px;
  margin-left: 13px;
  font-size: 15px;
}

@media (min-width: 280px) and (max-width: 576px) {
  .create-additional-contact-container {
    height: calc(100% - 90px);
    padding-left: 20px;
    padding-right: 20px;
  }
}

.radio-group-container {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
}

.radio-group-container input[type="radio"]:checked:after {
    /* background: hsla(120, 100%, 20%, 0.72) !important; */
    background: hsl(120, 100%, 25%) !important;
    border: 2px solid hsl(120, 100%, 25%) !important;
}

.radio-group-container input:checked ~ .checkmark {
    background-color: white;
  }

  .radio-group-container .checkmark-span:after {
    top: 7px;
   left: 7px;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   background: red !important;
}

.product-coverage-submission-container {
    width: 100%;
    max-width: 1440px;
    padding-bottom: 40px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.product-coverage-submission-sidebar {
    width: 300px;
    float: left;
}

.product-coverage-submission-content {
    margin-left: 301px;
    height: 100%;
    width: 75%;
    margin-bottom: 65px;
}

.product-coverage-submission-content-boundary {
    margin-left: 5.9%;
    margin-right: 1%;
    /* margin-top: 60px; */
}

.product-coverage-submission-overflow-hidden {
    overflow-y: hidden;
    height: 100%;
}

@media (min-width: 320px) and (max-width: 374px) {
    .product-coverage-submission-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .locations-and-buildings-primary-location {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .product-coverage-submission-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .locations-and-buildings-primary-location {
        font-size: 20px;
        line-height: 1.6;
    }
}


.naics-class-code-search-wrapper {
    padding-left: 13.5%;
    padding-right: 13.5%;
    overflow-y: scroll; 
    height: 80%;
}  

/* .naics-class-code-search-wrapper::-webkit-scrollbar {
    display: none;
} */

/* width */
.naics-class-code-search-wrapper::-webkit-scrollbar {
    width: 7px;
  }
  
  /* Track */
  .naics-class-code-search-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;     
  }
   
  /* Handle */
  .naics-class-code-search-wrapper::-webkit-scrollbar-thumb {
    background: #888; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  


.naics-content-title-bold {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;    
}

.naics-content-title {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #323232;  
}

.naics-data-row-style:hover {
    /* background-color: #797979; */
}

.naics-header-row {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #323232;    
    padding-top: 5px;    
    padding-bottom: 5px;      
}

.naics-data-row {
    padding-top: 15px;    
    padding-bottom: 15px;    
}

.naics-data-row:hover
 {
    background-color: #f7f8f8;
 }
 
 .naics-code-style {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #797979;    
}

.naics-description-style {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);    
}


.naics-select-link {
    float: right;
    cursor: pointer;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2e7d32;    
}

.naics-pagination-div{
    display: flex;
    margin-top: 30px;
}

.naics-pagination-result-text{
    font-size: 14px;
    line-height: 1.57;
  color: #777777;
  padding-left: 10px;
  padding-top: 1px; 
}

.class-code-search-filter-container {
  border-radius: 4px;
  border: solid 1px #797979;
  height: 40px;
  padding: 5px 10px;
}

.class-code-search-content-wrapper {
  margin-top: 30px;
  overflow: scroll;
  height: 300px;
}

.class-code-search-content-wrapper::-webkit-scrollbar {
  display: none;
}

.class-code-search-contents {
  margin-top: 50px;
}

.class-code-search-addButton {
  height: 50px;
  border-radius: 12px;
  background-color: rgba(92, 113, 119, 0.15);
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #5c7177;
  width: 140px;
}

.class-code-search-addedButton {
  height: 50px;
  border-radius: 12px;
  background-color: rgba(92, 113, 119, 0.15);
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #5c7177;
  width: 140px;
}

form.example input[type="text"] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

.form-row {
  margin-right: 0 !important;
}

.form-row label {
  font-size: 14px;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}

.search-box {
  width: 100%;
  padding-left: 50px;
  background-image: url(/assets/search.813294737e24256df21b.png);
  background-size: 20px;
  background-position: 10px;
  background-repeat: no-repeat;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #797979;
  background-color: #ffffff;
}

.filter-by {
  margin-left: 15px;
  border: 0;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: #797979;
  width: 315px; /*defect 112432 fix */
  padding-left: 244px;
}

.content-title-add-additional-insured {
  margin: 35px 15px;
  height: 32px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  color: #323232;
}

.fav-icon-text {
  font-size: 14px;
  line-height: 1.57;
  color: #777777;
}

.additional-insured-item-name {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.56;
  font-weight: bold;
  letter-spacing: 0.58px;
  color: #323232;
}

.sort-by-label {
  margin-left: 15px;
}

.highlighted-text {
  background-color: rgba(132, 189, 0, 0.44);
  padding: 0;
}

.pagination-div {
  display: flex;
  margin-top: 30px;
}

.previous a {
  background-image: url(/assets/previous-btn.c3d0ddc09fecfa2cd3d9.png);
  background-size: 100%;
  background-repeat: no-repeat;
  color: transparent !important;
  background-position: center;
}

.next a {
  background-image: url(/assets/next-btn.101e7daf92952c86a0fc.png);
  background-size: 100%;
  background-repeat: no-repeat;
  color: transparent !important;
  background-position: center;
}

.active-page a {
  font-weight: bold;
  color: #333333 !important;
  border: none !important;
}

.active-page a:active, .active-page a:focus, .active-page a:visited {
  outline: none !important;
  border: none !important;
}

.pagination a {
  color: #2e7d32;
  margin-left: 5px;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  font-family: 'Open Sans';
  display: flex;
  justify-content: space-between;
}

.pagination li {
  margin-left: 10px !important
}

.pagination-result-text {
  font-size: 14px;
  line-height: 1.57;
  color: #777777;
  padding-left: 10px;
  padding-top: 1px;
}
.modal-banner {
  background-color: #e9eeee;
  height: 202px;
  max-width: 1600px;
}

.modal-banner-close {
  float: right;
  font-size: 20px;
  padding-right: 30px;
  padding-top: 30px;
  cursor: pointer;
}

.modal-banner-small-title {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  margin-left: 15%;
  padding-top: 50px;
}

.modal-banner-big-title {
  font-family: "Montserrat";
  font-size: 48px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
  margin-top: 20px;
  margin-left: 15%;
}

.blueButtonWithIcon {
  width: 114px;
  height: 50px;
  border-radius: 5px;
  border: solid 2px #426594;
  background-color: rgba(66, 101, 148, 0.14);

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #426594;
}
/* .btn{
    height: 50px;
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #ffffff;
    color: #2e7d32;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
} */
.classcode-select-button {
  width: 135px;
  height: 50px;
  border-radius: 12px;
  background-color: rgba(92, 113, 119, 0.15);
  margin-bottom: 17px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #5c7177;
}
.greenBoaderwithIcon {
  width: 274px;
  height: 50px;
  border-radius: 5px;
  border: solid 2px #2e7d32;
  background-color: #ffffff;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
}
.bigBlueButton {
  width: 250px;
  height: 70px;
  border-radius: 5px;
  border: solid 2px #426594;
  background-color: rgba(66, 101, 148, 0.14);

  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: #426594;
}

.buttonFillGreen {
  width: 119px;
  height: 50px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #2e7d32;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

button:focus {
  outline: 0 !important;
}

.classcode-select-button {
  width: 135px;
  height: 50px;
  border-radius: 12px;
  background-color: rgba(92, 113, 119, 0.15);
  margin-bottom: 17px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #5c7177;
}

.stayOnThisPageWarningModal {
  margin-right: 20px;
  width: 206px;
  height: 50px;
  border-radius: 5px;
  color: #2e7d32;
  font-weight: bold;
  border: solid 2px #2e7d32;
  background-color: #ffffff;
}

.leaveWarningModal {
  width: 110px;
  height: 50px;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #2e7d32;
}

@media (max-width: 575px) {
  .classcode-select-button {
    width: 96%;
    height: 50px;
    margin-left: 5px;
  }
}

.wrapper {
  height: 250px;
  overflow: hidden;
}

.gunmetal {
  width: 100%;
  height: 100%;
  background-color: #465357;
  clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 100%);
  position: relative;
  z-index: 2;
}

.grey {
  width: 100.1%;
  height: 113%;
  background-color: #7c8e92;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 50%);
  margin-top: -24.5%;
}

.White-Back-Button {
  height: 3%;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #ffffff;
  cursor: pointer;
}

.absolute {
  position: relative;
  left: 8%;
  top: 5%;
  z-index: 4;
}

.header {
  font-family: "Montserrat";
  font-size: 2.5rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #ffffff;
}

@media only screen and (max-width: 1050px) {
  .wrapper {
    height: 35vh;
    width: 100vw;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
    background-color: var(--gunmetal);
  }
  .grey {
    width: 0%;
    height: 0%;
  }
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  .add-additional-insured-row {
    display: block;
  }

  .mobile-responsive-row {
    margin: 0 auto;
  }

  .filter-by-col {
    margin-left: -15px;
    margin-top: 25px;
  }

  .content-title-add-additional-insured {
    font-size: 20px;
    height: 15px;
  }

  #add-button,
  #added-button {
    width: 95% !important;
    margin-bottom: 25px;
  }

  .sort-by-label {
    margin-left: 0;
  }

  .search-box {
    margin-bottom: 20px;
  }
  .business-owners-add-additional-insured-filter-container {
    margin-bottom: 35px;
  }

  .content-title-add-additional-insured {
    font-size: 20px;
    font-weight: 600;
    margin-left: 38px;
  }

  .form-row {
    margin-top: -30px !important;
    margin-left: 15px;
  }

  .close-button {
    margin-top: 0;
  }
  .close-icon {
    width: 20px;
    height: 20px;
  }

  .additional-insured-item-name-col {
    margin-left: 15px;
  }

  .add-btn-column {
    width: 100%;
  }

  .horizontal-line-row {
    padding: 0 20px;
  }

  .pagination-div {
    margin-top: 30px;
  }

  .pagination a {
    margin-left: 20px;
  }

  .pagination-result-text {
    margin-left: 50px;
  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.add-contacts-body {
  margin-left: 15%;
  margin-right: 15%;
  height: 100%;
}

.add-contacts-body-small-title {
  margin-top: 20px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}

.add-contacts-body-content-wrapper {
  border-radius: 5px;
  height: 80px;
  border: solid 1px #d2d2d2;
  background-color: rgba(233, 238, 238, 0.4);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 10px;
}

.add-contacts-body-item-name {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}

.add-contacts-body-item-address {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}

.add-contacts-add-button-holder {
  float: right;
  margin-top: 5px;
}

.add-contacts-add-button {
  width: 157px;
  height: 50px;
  border-radius: 5px;
  border: solid 2px #426594;
  background: #fff;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #426594;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.add-contacts-body-or-line {
  padding-top: 50px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.add-contacts-body-or-line span {
  background: #fff;
  padding: 0 10px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.58px;
  color: #323232;
}

.add-contacts-body-create-new-box {
  width: 80%;
  margin-top: 50px;
  margin: auto;
  height: 120px;
  border-radius: 5px;
  border: solid 2px #2e7d32;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #2e7d32;
  cursor: pointer;
}

.add-contacts-body-create-new-plus {
  border-radius: 50%;
  border: 1px solid green;
  color: white;
  background: green;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  /* cursor: pointer; */
}

.add-contacts-body-search {
  color: green;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  cursor: pointer;
}

.add-contacts-footer {
  width: 100%;
  padding-right: 15%;
  margin-top: 40px;
}

.add-contacts-footer-cancel-button {
  float: right;
  width: 118px;
  height: 50px;
  border-radius: 5px;
  border: solid 1px #2e7d32;
  background-color: #ffffff;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.add-contacts-footer-add-additional-named-insureds-button-plus {
  float: right;
  min-width: 188px;
  height: 50px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #2e7d32;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.add-contacts-footer-add-additional-named-insureds-button {
  float: right;
  min-width: 166px;
  height: 50px;
  border-radius: 5px;
  background-color: rgba(210, 210, 210, 0.66);

  opacity: 0.35;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
}

.field-label {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #323232;
}

.field-required {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background-color: #e5ae5f;
  display: inline-block;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-feedback {
  color: rgb(235, 54, 54);
  font-size: 14px;
  margin-bottom: 20px;
}

.form-is-invalid {
  border-left: 3px solid red;
  padding-left: 2px;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none !important;
}

.select-with-actionlink-button {
  border: 0;
  float: right;
  margin-top: -66px;
  background: white;
  cursor: pointer;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
}

.lookup-icon {
  color: white;
  float: right;
  cursor: pointer;
  border-radius: 5px;
  background-color: #2e7d32;
  font-size: 49px;
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-left: 15px;
}

.new-contact-body {
  padding-left: 15%;
  padding-right: 15%;
  height: 100%;
  padding-top: 50px;
  max-width: 1600px;
  padding-bottom: 100px;
}

.new-contact-type-mini-title {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
}

.new-contact-required {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background-color: #e5ae5f;
  display: inline-block;
  margin-right: 5px;
}

.new-contact-section-header {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
  margin-top: 75px;
}

.find-other-contacts-search {
  padding-left: 30%;
  padding-right: 30%;
  padding-top: 50px;
}

.find-other-contacts-search-box {
  height: 50px;
  border-radius: 4px;
  border: solid 1px #797979;
  background-color: #ffffff;
  display: "inline-block";
  margin-top: 13px;
}

.find-other-contacts-search-result-box {
  padding: 15px;
  border: 1px solid gray;
  border-bottom-left-radius: 5%;
  border-bottom-right-radius: 5%;
}

.find-other-contacts-search-result-item {
  border-bottom: 1px solid lightgray;
  padding-top: 5px;
  padding-bottom: 5px;
}

.find-other-contacts-search-result-item:hover {
  background: #e9eeee;
  cursor: pointer;
}

.find-other-contacts-search-icon {
  margin-left: 20px;
  margin-bottom: 5px;
  color: #323232;
  vertical-align: middle;
}

.find-other-contacts-search-text-box {
  margin-left: 20px;
  margin-top: 8px;
  width: 70%;
  border: 0;
}

.find-other-contacts-search-mini-title {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
}

.find-other-contacts-body {
  padding-left: 15%;
  padding-right: 15%;
  height: 100%;
  max-width: 1600px;
  padding-bottom: 100px;
}

.find-other-contacts-body-title {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}

.two-title-container-without-content {
  min-height: 95px;
  border-radius: 5px;
  border: solid 1px #d2d2d2;
  background-color: rgba(233, 238, 238, 0.4);
  margin-top: 15px;
}

.two-title-container-with-content {
  min-height: 95px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: solid 1px #d2d2d2;
  background-color: rgba(233, 238, 238, 0.4);
  margin-top: 15px;
}

.mini-title-top {
  margin-top: 20px;
  margin-left: 30px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #777777;
}
.main-title-bottom {
  margin-top: 5px;
  margin-left: 30px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}

.main-title-top {
  margin-top: 20px;
  margin-left: 30px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}
.mini-title-bottom {
  margin-top: 5px;
  margin-left: 30px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #777777;
}

.two-title-remove-button {
  height: 50px;
  border-radius: 5px;
  border: solid 2px #426594;
  background-color: rgba(66, 101, 148, 0.14);
  margin-top: 23px;
  margin-right: 28px;
  width: 152px;

  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #426594;
}

.two-title-container-content {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: solid 1px #d2d2d2;
  background-color: rgba(233, 238, 238, 0.4);
}

.naics-add-link {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  color: #2e7d32;
  cursor: pointer;
}

.naics-add-link-disabled {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  color: #aaa;
  cursor: not-allowed;
}

.naics-remove-link {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  color: #696565;
  cursor: pointer;
}

.underWritingsubHeading {
    margin-top: -4rem;
}

.underWritingsubHeadingContainer {
    display: flex;
    justify-content: left;
}

.progressBarContainer {
    margin: 3rem;
}

:root {
    --soft-black-22: #d2d2d2;
    --soft-black-5: #f5f5f5;
}

.between {
    display: flex;
    justify-content: space-between;
}

.card-warning {
    width: 14px;
    height: 20px;
    color: red;
}

.building-question-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5vh;
    width: 100%;
    height: 3.5rem;
    opacity: 0.7;
    border-radius: 5px;
    /* box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22); */
    border: solid 1px var(--soft-black-22);
    background-color: var(--soft-black-5);
}

.underwriterFooter {
    margin-top: 35px;
}

.count-number {
    border-radius: 5px;
    background-color: var(--soft-black-22);
    padding: 1.6%;
    margin-left: -0.1rem;
    margin-top: -0.01rem;
    font-family: 'Open Sans';
    font-size: 1.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.58px;
    color: var(--soft-black);
}

.building-heading {
    font-family: "Open Sans";
    margin-left: -5px;
    font-size: 1.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
}

.buiding-subheading {
    font-family: 'Open Sans';
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #777777;
}

.subHeading-content {
    font-family: "Open Sans";
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.arrow-div {
    margin-top: -2rem;
}

.arrow-under {
    width: 20px;
    height: 20px;
    transform: rotate(0deg);
}

.down-body {
    transform: rotate( 0deg);
    transition: transform 150ms ease;
}

.up-body {
    transform: rotate( -180deg);
    transition: transform 150ms ease;
}

#card-flex-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#card-head-heading {
    height: 28px;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
}

.card-head-number {
    height: 28px;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.58px;
    color: #333333;
}

#col-flex-card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.card-tick-back {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #208484;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.card-tick-back-line {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 72px;
    border-radius: 3px;
    background-color: rgba(92, 113, 119, 0.8);
}

.card-tick {
    width: 14px;
    height: 20px;
    color: #ffffff;
}

.line-tick {
    padding-top: 3px;
}

.number-tick-card {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #d2d2d2;
}

.number-tick-card-line {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 72px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #d2d2d2;
}

.head-body-card {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: solid 1px #d2d2d2;
    background-color: #ffffff;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}

.title-segment-card {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
    margin-top: 6px;
}

.business-segment-card {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #777777;
}

.questions-head-card {
    height: 68px;
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px #d2d2d2;
    background-color: rgba(245, 245, 245, 0.8);
    margin-bottom: 20px;
}

#building-number-tick-card {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 88px;
    border-radius: 5px;
    background-color: #d2d2d2;
}

.building-questions-head-card {
    height: 88px;
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px #d2d2d2;
    background-color: rgba(245, 245, 245, 0.8);
    margin-bottom: 20px;
}

.Large-Body {
    height: 2rem;
    font-family: 'Open Sans';
    font-size: 1.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
}

:root {
    --soft-black-22: #d2d2d2;
    --soft-black-5: #f5f5f5;
}

.main {
    width: 100%;
    height: 3.5rem;
    margin: auto;
    opacity: 0.7;
    /* box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22); */
    border: solid 1px var(--soft-black-22);
    background-color: var(--soft-black-5);
}

.flex {
    display: flex;
}

.boreder {
    border: 2px solid black;
}

.left {
    justify-content: left;
}

.space {
    justify-content: space-between;
    margin-top: 7vh;
}

.center {
    align-items: center;
}

.tick {
    color: white;
    font-size: 1rem;
}

.count {
    width: 2rem;
    padding: 4%;
    border-radius: 5px;
    background-color: rgba(92, 113, 119, 0.8);
    font-family: 'Open Sans';
    font-size: 1.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.58px;
    color: var(--soft-black);
    text-align: center;
}

.heading {
    width: 250px;
    margin-right: 5%;
    padding: 2%;
    font-family: 'Open Sans';
    font-size: 1.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 1);
    margin-left: 2%;
}

.bottomArrow {
    font-size: 4rem;
    color: #777777;
    width: 20px;
    height: 20px;
}

.down {
    transform: rotate( 0deg);
    transition: transform 150ms ease;
}

.up {
    transform: rotate( -180deg);
    transition: transform 150ms ease;
}

.content {
    width: 100%;
    margin: auto;
    opacity: 0.7;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px var(--soft-black-22);
}

.emptyContent {
    width: 80%;
    height: 0rem;
    margin: auto;
    opacity: 0.7;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border-bottom: solid 1px transparent;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.index {
    font-weight: bold;
    justify-self: right;
}

.YNContainer {
    display: grid;
    grid-template-columns: 0.4fr 8fr 1fr;
    grid-gap: 2px;
    justify-items: left;
    align-items: center;
    padding: 0.8rem;
}

.text {
    margin-left: 2rem;
    margin-top: 0.5rem;
    width: 3rem;
    height: 1.5rem;
    font-family: 'Montserrat';
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
}

.highlighted {
    background-color: rgba(92, 113, 119, 0.8);
    color: white !important;
}

#questionHr {
    width: 96%;
    margin-left: 8px;
}


/* for orizontal line */

.PrequalQuestionyes {
    display: flex;
    justify-items: flex-start;
    align-items: center;
    /* height:60px; */
    margin: 25px 8px
}

.question-body-section {
    width: 65%;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}

.question-number {
    /* width: 65%; */
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}

.question-number-ten {
    /* width: 65%; */
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
    margin-left: 6px
}

#prequalClassCode {
    margin-bottom: 65px;
}

#question-body-card {
    /* text-align: right;
margin-left: 36px;
width:31%;    */
}

.prequalOthers-prequal {
    margin-bottom: 40px
}

.myRowPointer {
    cursor: pointer;
}

.underHeaderBold {
    font-weight: bold;
}

.skipbuttonpadding {
    padding-left: 117px;
}

.skipButtonColor {
    border-color: #2e7d32;
    height: 45px;
}

.skipButtonColorDisabled {
    height: 45px;
    cursor: default;
}

.myRowPadding {
    /* padding-left: 30px; */
}

#answer {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}

.marginunderTop {
    margin-top: 8%
}

#answerWhite {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: white
}

.QualButton-under {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 40px;
    /* background-color: white; */
    border: 1px solid #7c8e92;
}

.yes-prequal {
    border-radius: 5px 0px 0px 5px;
    border-right: 1px solid #7c8e92;
}

.highlighted {
    background-color: #7c8e92;
    color: white !important;
}

.no-prequal {
    border-radius: 0px 5px 5px 0px;
    border-left: 0px solid #7c8e92;
}

.boxCoverage {
    border: solid 1px #d2d2d2;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    /* box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22); */
    background-color: rgba(245, 245, 245, 0.8);
    margin-bottom: 14px;
}

.myRow {
    min-height: 70px;
}

.division {
    margin-bottom: 20px;
}

.boxCoverage-line {
    border: solid 1px #d2d2d2;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    background-color: rgba(245, 245, 245, 0.8);
    height: 73px;
}

.boxCovrageDiv {
    /* padding-top: 10px; */
    margin-top: -16px;
    margin-bottom: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 1px #d2d2d2;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    background-color: #ffffff;
    /* border-top: none; */
}

.boxCoverageTitleNext {
    flex: 1;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    /*margin-left: -7px;*/
    /* padding-top: 22px; */
}

.boxCoverageArrow {
    /* float: right; */
    cursor: pointer;
    height: 25px;
}

.CardCenter {
    float: left;
    margin-right: 30px;
    margin-top: 9px;
}

#question-body-card .grange-error-feedback {
    margin-bottom: -21px !important;
}

.prequalOthers-prequal {
    margin-bottom: 51px;
}

.ref-grange-title {
    margin-left: 0px !important;
}

.ref-title-segment-card {
    margin-top: -3px;
    margin-left: -15px
}

.grange-line {
    margin-right: -10px;
}


/* .grange-label{
  margin: 20px !important;
} */

#question-body-card-under {
    margin-top: -18px !important;
}

.prequalOthers-prequal {
    margin-bottom: 0px;
}

#question-body-card label {
    display: unset;
}

.grange-error-feedback {
    margin-bottom: 0px !important;
}

.title-segment-card-ref {
    margin-top: -11px;
    padding-bottom: 20px;
    margin-left: -9px;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.title-segment-card {
    margin-top: -11px;
    margin-left: -7px;
}

.boxCoverageTitleNext {
    padding-top: 20px !important;
    padding-bottom: 10px;
    padding-right: 10px;
}

.CardCenter {
    float: none;
}

.boxCoverageTitleNext-ref {
    margin-top: 4px!important;
    margin-bottom: 0px!important;
    padding-top: 10px!important;
    padding-bottom: 0px!important;
}

.header-text-p {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}

.skipBtnCls {
    color: #2e7d32;
}

@media (min-width: 360px) and (max-width: 650px) {
    .skipBtnCls {
        font-size: 13px !important;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .skipButtonColor {
        height: 95px;
    }
    .boxCoverageTitleNext {
        margin-left: 7px;
    }
    .QualButton-under {
        width: 100px;
    }
    .no-prequal {
        border-radius: 5px;
        border-left: 1px solid #7c8e92;
    }
    .yes-prequal {
        border-radius: 5px;
        border-left: 1px solid #7c8e92;        
    }
}

@media (min-width: 360px) and (max-width: 576px) {
    .PrequalQuestionyes {
        display: flex;
        justify-items: flex-start;
        align-items: center;
        margin: 10px
    }
    .skipButtonColor {
        width: 100%;
        border-color: #2e7d32;
    }
    .skipButtonColorDisabled {
        width: 100%;
        cursor: default;
    }
    #question-body-card-under {
        margin: 5px 0px 15px -7px !important;
    }
    .QualButton-under {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        /* width: 135px; */
        height: 40px;
        /* background-color: white; */
        border: 1px solid #7c8e92;
    }
    #questionHr {
        width: 88%;
        margin-left: 10px;
    }
    .buiding-subheading {
        text-align: center;
    }
    .subHeading-content {
        text-align: center;
    }
}

.circlee {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.circlee-selected {
    height: 25px;
    width: 25px;
    background-color: #208484;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.circlerow {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.horline {
    width: 50px;
    border: 1px solid #797979;
}

.circleName {
    display: flex;
    align-items: center;
}

.lineTextStyles {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.numberline {
    font-family: 'Open Sans';
    font-stretch: normal;
    font-style: normal;
    color: white;
}
.ApplicationStatusComponentCard {
  width: 95%;
  border-radius: 5px;
  box-shadow: 0 1px 20px 1px rgba(46, 125, 50, 0.12);
  background-color: red;
}

.application-status-component-card {
  padding: 1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 10rem;
  border-radius: 5px;
  box-shadow: 0 1px 20px 1px #2e7d32;
  background-color: #ffffff;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.application-status-component-card-text {
  margin: 1.5rem;
}
.application-status-component-card-text-heading-pending {
  font-family: "Open Sans";
  font-size: 1.2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
}
.application-status-component-card-text-subheading {
  font-family: "Open Sans";
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}
.application-status-component-card-text-heading-success {
  font-family: "Open Sans";
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #72a300;
}
.application-status-component-card-text-subheading-decline {
  font-family: "Open Sans";
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

#noissuessub {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}
#noissues {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #323232;
}
#nowrite {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.underwritercard {
  margin-top: -20px;
}

.underwriteritem {
  padding: 10px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

.underwriteritemrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.underwriteritemrow:hover {
  height: 68px;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.1);
  border: solid 0.5px rgba(51, 51, 51, 0.1);
  background-color: #ffffff;
}
.underwritericon {
  width: 50px;
  height: 13px;
  font-size: 90px;
}

#line {
  height: 1px;
  background-color: rgba(121, 121, 121, 0.8);
}

.remarkhead {
  font-family: "Open Sans";
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
  margin-top: 3rem;
}
.remarksub {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

/* Written by arsalan */
.under-writing-issues-issues-area {
  height: 32px;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
}

.underwriterrow {
  margin-top: 50px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  height: 60px;
  opacity: 0.88;
  border-radius: 8px;
  background-color: #eaeaea;
}

.underwritertitle {
  height: 2rem;
  margin-left: 1.5rem;
  font-family: "Open Sans";
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
}
.under-writing-issues-application-status-heading {
  margin-top: 3rem;
  height: 32px;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
}

.under-writing-issues-list-item {
  margin-left: -1rem;
  height: 3rem;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}
ul li {
  color: #797979;
}
.under-writing-issues-subheading {
  height: 26px;
  font-family: "Open Sans";
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

.under-writing-issues-footer-noissue {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  width: 95%;
}
.under-writing-issues-footer-issue {
  position: fixed;
  left: 10rem;
  bottom: 1rem;
  width: 95%;
}
.under-writing-issues-text-area {
}



.section-heading-component-value-dark{
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #323232;
}

.section-heading-component-value{
    height: 46px;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    color: #797979;
}
.section-heading-small-edit-component{
    width: 26px;
    height: 26px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    text-decoration: underline;
}

.section-heading-component-main-container{

    /* padding-top: 3.5rem; */
    padding-bottom: 0.5rem;
    padding-left: 0 !important;
    /* padding-bottom: 1rem; */
    width: 100%;
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
}

.section-heading-right-button-spacer {
    text-align: right;
    padding-right: -0px    
}
.coverage-page-header {
    /*padding-top: 30px;*/
    padding-bottom: 12px;
}
.coveerage-mobile-view{
    display: grid;
    padding-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
}
.header-margin{
    margin-top: 20px !important;
}
.coverage-page-header-title {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
    max-height: 50px;
    height: 50px;
    min-height: 50px;
    display: inline-block;
    padding-top: 18px;
}

.schedule-header-title {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
    max-height: 50px;
    height: 50px;
    min-height: 50px;
    display: inline-block;
    padding-top: 18px;
}

.coverage-page-header-subtitle {
    max-width: 540px;
    font-size: 14px;
    line-height: 1.57;
    color: #777777;
}

.coverage-page-header5-title {
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
    display: inline-block;
}

.coverage-page-header-button {
    /* height: 50px;
    max-height: 50px;
    min-height: 50px; */
    float: right;
}

.coverage-page-header-hr {
    color: rgba(121, 121, 121, 0.8);
    padding-top: 20px;
}

.coverage-page-header-hr-no-padding {
    color: rgba(121, 121, 121, 0.8);
    margin: 0;
}

.coverage-page-header-dropdown {
    width: 275px;
    height: 40px;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #2e7d32;
    cursor: pointer;
}

.Select-option.is-selected {
    color: red;
}

@media (min-width: 320px) and (max-width: 374px) {
    .coverage-page-header {
        flex-direction: none;
        /*padding-top: 5px;*/
        margin-left: 0px;
        margin-right: 0px
    }
    .coverage-page-header-dropdown {
        width: 100%;
        margin-top: 10px;
    }
    .coverage-page-header-title {
        margin-left: 0px;
        margin-bottom: 0px;
        font-size: 20px;
    }
    .coverage-page-header-button .green-add-button {
        width: 100%;
    }
    .coverage-page-header-button {
        float: none;
        /* padding-top: 20px */
    }
    .coverage-page-header-hr-no-padding {
        /*margin-top: 35px;*/
    }
}

@media (min-width: 280px) and (max-width: 575px) {
    .coverage-page-header {
        flex-direction: none;
        /*padding-top: 5px;*/
        margin-left: 0px;
        margin-right: 0px;
    }
    .locationHeading {
        font-size: 24px !important;
    }
    .coverage-page-header5-title {
        font-size: 24px !important;
    }
    .coverage-page-header-dropdown {
        width: 100%;
        margin-top: 10px
    }
    .coverage-page-header-title {
        margin-left: 0px;
        margin-bottom: 0px;
        font-size: 24px
    }
    .coverage-page-header-button .green-add-button {
        width: 100%;
    }
    .coverage-page-header-button {
        float: none;
        /*padding-top: 20px*/
    }
    .coverage-page-header-hr-no-padding {
        /*margin-top: 35px;*/
    }
}

.im-coverage-part-selection-footer-div{
    /* margin-right : -50px; */
    margin-top: 30px;
    margin-bottom: -95px;
}


.im-coverage-part-selection-select-one-warning{
    color : red;
    font-size : 18px;
    display: flex;
    /* justify-content: flex-end; */
    margin-top: 30px;
}


@media screen and (min-width: 400px) {
    .im-coverage-part-selection-footer-div{
        margin-top: 30px;
    }
  }
.coverage-part-icon {
  height: 34px;
  width: 34px;
}

.coverage-part-section-row {
  margin-left: 0;
  margin-top: 32px;
}

.coverage-part-section-row h5 {
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
}

.coverage-part-label-checkbox-div {
  height: 18px;
  margin-right: 11px;
  width: 18px;
  border: 1px solid #000000;
  border-radius: 2px;
  cursor: pointer;
}

.coverage-part-label-checkbox-div-selected {
  height: 18px;
  margin-right: 11px;
  width: 18px;
  border: 1px solid #2e7d32;
  background-color: #2e7d32;
  border-radius: 2px;
  cursor: pointer;
}

.coverage-part-label-input-checkmark {
  font-family: arial;
  color: white;
  margin-top: -14px;
  margin-left: -20px;
  transform: scaleX(-1) rotate(-45deg);
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.coverage-part-label-input-col {
  display: flex;
  margin-top: -7px;
}

.coverage-part-label-input-label {
  /* margin-top: -4px; */
  margin-bottom: 0 !important;
}

.MuiCheckbox-colorPrimary.Mui-checked {
  color: #2e7d32 !important;
  ;
}

.MuiIconButton-colorPrimary {
  color: #000000 !important;
}

.coverage-part-section-hr {
  margin-top: 8px;
  margin-bottom: 30px;
}

.im-coverage-part-selection-checkbox {
  display: flex;
}

.im-coverage-part-selection-checkbox p {
  margin-top: 8px;
  height: 0;
  margin-right: 25px;
}

.coverage-part-checkbox-form {
  padding-top: 0px !important;
  padding-right: 0px !important;
  /* padding-left: 2px !important; */
  /* bottom: 0px; */
  margin-right: -10px !important;
}

.im-coverage-part-paragraph-form {
  padding-top: 23px;
  width: 90%;
}

.coverage-part-form-group {
  padding-bottom: 6px;
}

.MuiIconButtonLabel {
  margin-top: -19px !important;
}

.paddingCheckBoxLabel {
  margin-top: -15px
}

.im-coverage-part-tooltip-div{
  margin-left: 5px;
}
.removeButtonIcon {
  display: inline-block
}

.blueButtonWithIcon {
  width: 114px;
  height: 50px;
  border-radius: 5px;
  border: solid 2px #426594;
  background-color: rgba(66, 101, 148, 0.14);
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #426594;
}

.greenBoaderwithIcon {
  width: 274px;
  height: 50px;
  border-radius: 5px;
  border: solid 2px #2e7d32;
  background-color: #ffffff;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
}

.greenBoaderwithIconDisable {
  width: 274px;
  height: 50px;
  border-radius: 5px;
  border: solid 2px #797979;
  background-color: #ffffff;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #797979;
}

.bigBlueButton {
  width: 250px;
  height: 70px;
  border-radius: 5px;
  border: solid 2px #426594;
  background-color: rgba(66, 101, 148, 0.14);
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: #426594;
}

.buttonFillGreen {
  width: 119px;
  height: 50px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #2e7d32;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.coverageCardButton {
  float: right;
  margin-right: 15px;
  border: solid 2px #5c7177;
  height: 45px;
  width: 126px;
  border-radius: 5px;
  background-color: #f5f5f5;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #465357;
}

.coverageCardButtonNotActive {
  height: 45px;
  width: 126px;
  float: right;
  margin-right: 15px;
  border: none;
  border-radius: 5px;
  background-color: #7c8e92;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: white;
}

@media (min-width: 375px) and (max-width: 575px) {
  .coverageCardButton {
    float: none;
    width: 95% !important;
    margin-left: 10px;
  }
  .coverageCardButtonNotActive {
    float: none;
    width: 95% !important;
    margin-left: 10px;
  }
}

@media only screen and (min-width: 500px) {
  .selectCoverageButton {
    width: 100%;
  }
  .selectCoverageButtonActive {
    width: 100%;
  }
}

.selectCoverageButton {
  height: 50px;
  border-radius: 12px;
  background-color: rgba(92, 113, 119, 0.15);
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #5c7177;
}

.selectCoverageButtonActive {
  height: 50px;
  border-radius: 12px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #5c7177;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #ffffff;
}

button:focus {
  outline: 0 !important;
}
.boxCardCoverage {
    padding-top: 22px;
    padding-bottom: 20px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: solid 1px #d2d2d2;
    background-color: #ffffff;
    padding-left: 25px;
    padding-right: 20px;
    border-left-color: #84bd00;
    border-left-width: 4px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}

.boxCoverageTitleDiv {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 'normal';
    letter-spacing: 'normal';
    color: #777777;
    font-stretch: 'normal';
    font-style: oblique;
    line-height: 1.57;
}

.boxCoverageSubTitle {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    display: flex;
    align-items: center;
}

.priceTitle {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.CoverageTitle {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #797979;
}

.choice-endorsement-content {
    padding-left: 22px;
    margin: 35px;
}

.choice-endorsement-coverage-title {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #777777;
    margin: 30px;
    padding-left: 26px;
    padding-right: 26px;
}

.tooltiptext {
    position: absolute;
    z-index: 1;
    margin-top: -50px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 17px 5px rgba(51, 51, 51, 0.08);
    background-color: #ffffff;
    min-width: 200px;
    max-width: 500px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


@media (max-width: 575px) {
    .tooltiptext{
        margin-top: 20px;
        margin-left: -230px;
    }
}



.tooltiptext .printedtext {
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #323232;
}

.locationtooltiptext {
    position: absolute;
    z-index: 1;
    margin-top: -30px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 17px 5px rgba(51, 51, 51, 0.08);
    background-color: #ffffff;
}

.locationtooltiptext .printedtext {
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #323232;
}

.verbage-back-to-policyInfo {
    padding-left: 30px;
    color: #777777;
    font-size: 14px;
}

.verbage-back-to-policyInfo-Link {
    font-size: 14px;
    color: #2e7d32;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
}

/* :hover .tooltiptext {
    visibility: visible;
} */
#root {
  background-color: #ffffff;
}

.Title-H3 {
  height: 46px;
  font-family: Montserrat;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.subHeading {
  width: 905px;
  height: 26px;
  font-family: "Open Sans";
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.87);
}

.InstrumentTitle {
  width: 501px;
  height: 32px;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
}

.checklabel {
  font-family: "Open Sans";
  font-size: "18px";
  color: rgba(0, 0, 0, 0.87);
}

.buttonText {
  width: 52px;
  height: 18px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #426594;
  text-transform: capitalize;
}

.buttonTextSelected {
  height: 18px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #426594;
  text-transform: capitalize;
}
.GreenButtonText {
  width: 200px;
  height: 50px;
  border-radius: 5px;
  background-color: #ffffff;
  border: "solid 2px";
  font-family: "Montserrat";
}

.GreenButtonTextSelected {
  height: 18px;
  font-family: Montserrat;
  margin-top: 5px;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #2e7d32;
  text-transform: capitalize;
}

.tab-container {
  margin-left: 232px;
  margin-right: 232px;
  margin-top: 40px;
}

.Nickname {
  margin-left: 232px;
  margin-top: 15px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.45px;
  color: #797979;
}

.heading-text {
  margin-left: 232px;
  margin-top: 40px;
  font-family: "Montserrat";
  font-size: 48px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
}

.top-banner {
  background-color: #e9eeee;
  height: 252px;
}

.breadCumTopLink {
  margin-left: 232px;
  padding-top: 20px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #333333;
  cursor: pointer;
}
.divider {
  display: block;
  height: 1px;
  margin-left: 232px;
  margin-right: 232px;
  border: 0;
  border-top: 1px solid rgba(121, 121, 121, 0.8);
  margin-top: 11px;
  padding: 0;
}

.coverageContainer {
  margin-top: 50px;
  margin-right: 80px;
}

.coverageCard {
  margin-top: 40px;
  box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: #fff;
}

.coveragesTitle {
  font-family: "Open Sans";
  width: 248px;
  height: 28px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #323232;
}
.tabelHeadings {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}

.CoverageSubHeading {
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #777777;
}

.CoverageDropdown {
  margin-top: 40px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
  width: 350px;
  height: 50px;
}

.CoverageCard {
  width: 976px;
  border: solid 1px #d2d2d2;
  background-color: #ffffff;
  margin-top: 40px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px rgba(51, 51, 51, 0.22);
}

.CoverageHeader {
  width: 248px;
  height: 28px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #323232;
}

.coverageTotalText {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
  margin-top: 12px;
}

.coverageAddItemButton {
  width: 226px;
  border-radius: 5px;
  border: solid 2px var(--primary-green);
  background-color: #2e7d32;
  font-family: "Montserrat";
}

.CoverageModal {
  border-radius: 5px;
  box-shadow: 0 1px 17px 5px rgba(51, 51, 51, 0.08);
  border: solid 1px #d2d2d2;
}

.modal-title {
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
}

.modal-subheading {
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #777777;
}

.DropDownlabel {
  width: 414px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}

.dropdown-toggle {
  width: 100%;
  height: 60px;
  border-radius: 4px;
  border: solid 1px #797979;
  background-color: #ffffff;
}
.dropdown-menu {
  width: 400px;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.1);
  border: solid 1px #d2d2d2;
  background-color: #ffffff;
}

.DropdownOption {
  width: 110px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #797979;
  text-transform: capitalize;
}

.creatNewButton {
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
  text-transform: capitalize;
}

.Nav-Bar {
  color: #323232;
  height: 60px;
  box-shadow: 0 2px 11px 2px rgba(51, 51, 51, 0.06);
  background-color: #ffffff;
}

.Nav-highlight {
  width: 100%;
  height: 26px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #2e7d32;
}
.PrivateTabIndicator-colorSecondary-174 {
  width: 161px;
  height: 2px;
  background-color: #2e7d32 !important;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
}

.CoverageIcons {
  width: 16px;
  height: 20px;
  color: #2e7d32;
}

.Title-H4 {
  width: 100%;
  height: 40px;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
  margin-right: 30px;
}
.bell-alert {
  width: 15px;
  height: 18px;
  color: #2e7d32;
}
.vr_boarder {
  border-right: 0.06em solid #e9eeee;
  padding: 1em;
}
#profilePic {
  width: 30px;
  height: 30px;
  color: #2e7d32;
}
.exlamation {
  width: 14px;
  height: 14px;
  color: #c1c1c1;
}

.fixed-plugin {
  position: fixed;
  top: 185px;
  right: 0;
  width: 65px;
  height: 75px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1031;
  border-radius: 8px 0 0 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.primary-button {
  width: 119px;
  height: 50px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
}
.secondary-button {
  width: 119px;
  height: 50px;
  border-radius: 5px;
  border: solid 2px #2e7d32;
  background-color: #ffffff;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
}

.CardHeader {
  background-color: #d2d2d2;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #323232;
}

.Required-Fields {
  width: 111px;
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #777777;
  float: right;
}

.required-dot {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background-color: #F0B323;
}

.buttonOrder {
  margin-top: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.IMcoveragesTitle {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #323232;
}
.IMfieldLabel {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}
.IMButton {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
}

.IMButtonOutline {
  width: 274px;
  border-radius: 5px;
  border: solid 2px #2e7d32;
  background-color: #ffffff;
}

.IMGreenButtonText {
  width: 274px;
  height: 50px;
  font-family: "Montserrat";
  border-radius: 5px;
  border: solid 2px #2e7d32;
  background-color: #ffffff;
}

.IMGreenButtonTextSelected {
  font-family: "Montserrat";
  color: #2e7d32;
  text-transform: capitalize;
  height: 26px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
}

.creatNewButton {
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #2e7d32;
  text-transform: capitalize;
}

.add-im-location-coverage-modal-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 13%;
    padding-right: 13%;
    /* padding-top: 180px; */
    /* padding-bottom: 40px; */
    overflow: auto;
    /* height: 100%; */
    height: 72vh;
}
.add-im-location-coverage-modal-container .footer-container{
padding-bottom: 0;
}

.location-coverage-modal-tab-wrapper {
    margin-top: 18px;
}

.add-im-location-coverage-modal-container::-webkit-scrollbar {
    width: 7px !important;
}

.add-im-location-coverage-modal-container::-webkit-scrollbar-track {
    background: #f1f1f1 !important; 
}

.add-im-location-coverage-modal-container::-webkit-scrollbar-thumb {
    background: #888; 
    -webkit-border-radius: 10px;
    border-radius: 10px;    
}

.add-im-location-multi-tab {
    /* left: 20px;  */
    /* right: 20px;  */
    /* position: fixed; */
    background-color: rgba(228, 236, 210, 1); 
    z-index: 1; 
    /* padding-left: 13%; */
}
.addLocationMultiTabs{
    padding: 0 13%;
    margin-top: 40px;
}

.add-im-location-multi-tab-with-errors {
    left: 20px; 
    right: 20px; 
    position: fixed; 
    background-color: rgba(228, 236, 210, 1); 
    z-index: 1; 
    padding-left: 13%;
    margin-top: -30px;
}


@media (min-width: 0px) and (max-width: 600px) {
    .add-im-location-multi-tab {
        left: 0px; 
        right: 0px; 
        position: fixed; 
        background-color: rgba(228, 236, 210, 1); 
        z-index: 1; 
        padding-left: 7%;   
        padding-right: 7%;    
    }
}
.im-location-coverages-container::-webkit-scrollbar {
    display: none !important;
} 

.no-coverage-added-container {
  height: 150px;
  border-radius: 5px;
  border: solid 1px #d2d2d2;
  background-color: rgba(245, 245, 245, 0.8); /* defect  C4-112432 fix*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: #797979;
}
.no-coverage-added-container-text{
  display: flex;
  align-items: center;
}

.select-location-modal-title {
    height: 32px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #323232;
}

.select-location-modal-subheading {
    height: 26px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.select-location-modal-coverage-name {
    height: 22px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #777777;
}

.select-location-dropdown{
  height: 92px !important;
  margin-top:10px;
  border-radius: 4px !important;
  border: solid 1px #797979 !important;
  background-color: #ffffff !important;
}

.select-im-location-dropdown-footer{ 
    margin: 92px 60px 30px 60px; 
}
.selectedLocation-dropdown-container {
    position: fixed;
    top: 50% -92px;
}

.location-horizontal-dropdonw-line {
    box-sizing: border-box;
    margin-top: 20px;
    height: 1px;
    margin: 20px auto;
    border-top: 1px solid rgba(121, 121, 121, 0.8);
    width: 89%;
}

.location-dropdown-div {
    margin-top: 30px;
    width: 490px;
    height: 92px;
    border-radius: 4px;
    border: solid 1px #797979;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
}

.location-dropdown-location-text-small-body {
    padding-left: 40px;
    padding-top: 15px;
    width: 440px;
    margin-bottom: 5px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}

.location-dropdown-text-small-body-in-bracket {
    color: #777777;
}

.location-dropdown-building-selected-row{
    padding: 5px 0 10px 0 !important;
    margin: -15px 0 0 25px !important;
}

.location-dropdown-building-row {
    padding-left: 10px !important;
    margin: 0 15px !important;
}

.location-dropdown-building-row:hover{
    background-color: #f7f8f8;
    cursor: pointer;
} 

.location-dropdown-building-text-small-body-selected {
    color: #323232 !important;
}

.location-dropdown-building-text-small-body,
.location-dropdown-building-text-small-body-selected {
    height: 48px;
    padding: 10px 0;
    font-family: "Open Sans";
    margin-bottom: 0 !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: 0.58px;
    color: #797979;
    text-transform: uppercase;
}

.location-dropdown-building-text-small-body:hover {
    color: #323232;
    background-color: #f7f8f8;
}

.location-dropdown-text-building-small-body-in-bracket{
    color: #777777;
    height: 22px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    margin-top: 3px;
    margin-left: 5px;
}

.location-options-div {
    height: 280px;
    z-index: 1000;
    width: 490px;
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.1);
    border-bottom: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-left: solid 1px #d2d2d2;
    background-color: #ffffff;
    display : visible;
    overflow-y: auto;
    overflow-x: hidden;
}

.location-options-div-closed {
    display : none;
}

.location-dropdown-container::-webkit-scrollbar {
    display: none;
}
.location-options-div::-webkit-scrollbar {
    display: none;
}


.add-coverage-content {
    padding-left: 13%;
    padding-right: 13%;
    margin-top: 20px;
    padding-bottom: 70px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 85%;
    min-height: 30px;
}

.add-coverage-content::-webkit-scrollbar {
    width: 7px;
}

/* Track */

.add-coverage-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

.add-coverage-content::-webkit-scrollbar-thumb {
    background: #888;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.modal-view-wrapper {
    padding: 20px;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0px;
    bottom: 0px;
    z-index: 1020;
    overflow: hidden;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modal-view-container {
    margin: auto;
    padding: 20px;
    width: 60%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 1px 17px 5px rgba(51, 51, 51, 0.08);
    border: solid 1px #d2d2d2;
    background-color: #ffffff;
    overflow-x: hidden;
    /* overflow-y: scroll; */
}

.modal-view-close {
    float: right;
    cursor: pointer;
}

.quick-add-modal-popup-content-title {
    margin-top: 40px;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.58px;
    color: #797979;
}

.modal-view-hr-line {
    background-color: rgba(121, 121, 121, 0.8);
}

.quick-add-modal-add-all-button-holder {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.modal-view-add-all-button {
    height: 50px;
    border-radius: 5px;
    background-color: rgba(210, 210, 210, 0.66);
    border: 0px;
    opacity: 0.7;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: 0.25px;
    text-align: center;
    color: #797979;
    padding-left: 30px;
    padding-right: 30px;
}

.modal-view-add-all-active-button {
    background-color: rgba(46, 125, 50, 1);
    color: #ffffff;
    opacity: 1;
}

.modalTitle {
    margin-top: 10px;
    width: 369px;
    height: 32px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #323232;
}

.my-modal-green-action-link {
    float: right;
    margin-top: 30px;
    padding-right: 20px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #2e7d32;
    cursor: pointer;
}

.my-modal-grange-green-action-link-place {
    float: right;
    margin-top: 13px;
    padding-left: 82px;
}

.my-modal-grange-green-action-link {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    cursor: pointer;
    text-align: left;
    padding-bottom: 10px;
}

.modal-coverages-title {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
}

.modal-selected-coverage {
    padding: 20px;
    background-color: #e8ebec;
    border-bottom: 1px solid rgba(51, 51, 51, 0.22);
    margin-left: 5px;
    cursor: pointer;
}

.modal-unselected-coverage {
    padding: 20px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.22);
    margin-left: 5px;
    cursor: pointer;
}

.modal-unselected-coverage:hover {
    background-color: #F5F5F5;
}

.modal-button {
    height: 50px;
    border-radius: 5px;
    background-color: #2e7d32;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    line-height: 1.63;
}

.modal-banner-height {
    height: 30px;
}

.modal-view {
    padding-top: 150px;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.modal-view::-webkit-scrollbar {
    width: 6px;
    border-radius: 2.5px;
}

/* .modal-view::-webkit-scrollbar-thumb {
    width: 6px;
    height: 75px;
    border-radius: 2.5px;
    background-color: #9d9d9d;
} */

/* .modal-dialog.default .modal-header * {
    color: #ffffff;
} */

.modal-dialog.default .modal-content {
    display: flex;
    align-items: stretch !important;
    padding: 0px 0px;
}

.fa-check-icon {
    color: #2e7d32;
    margin-top: 18px;
    width: 21px;
    height: 17px;
}

.hex-color {
    color: #5c7177;
}

.card-text-box {
    margin-bottom: -12px;
    /* margin-left: -39px; */
}

.marginColumn {
    margin-left: -7px;
}

.modal-view-add-button-margin {
    margin-top: 30px;
}

@media (min-width: 360px) and (max-width: 650px) {
    .modal-view-container {
        width: 100%;
        height: 100%;
    }
    .modalTitle {
        width: 90%;
    }
}
@media (min-width: 375px) and (max-width: 575px) {
    .my-modal-grange-green-action-link-place {
        float: left;
        padding-left: 17px;
    }
    .card-text-box {
        margin-left: 1px;
    }
    .modal-button {
        width: 100%;
        margin-top: 30px;
    }
    .modal-view-container {
        margin: auto;
        padding: 20px;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        box-shadow: 0 1px 17px 5px rgba(51, 51, 51, 0.08);
        border: solid 1px #d2d2d2;
        background-color: #ffffff;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .modalTitle {
        margin-top: 10px;
        width: 90%;
        height: 32px;
        font-family: "Open Sans";
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #323232;
    }
    .quick-add-modal-popup-content-title {
        margin-top: 50px;
        font-family: "Open Sans";
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: 0.58px;
        color: #797979;
    }
    .modal-view-add-button-margin {
        margin-top: 10px;
        padding: 10px;
    }
    .add-coverage-content {
        padding-left: 2%;
        padding-right: 2%;
    }
    .modal-selected-coverage {
        padding: 30px;
        margin-left: -8px;
        margin-right: -9px;
    }
}
.IMcoveragesTitle {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #323232;
  }
  .IMfieldLabel {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
  }
  .IMButton {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
  }
  
  .IMButtonOutline {
    width: 274px;
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #ffffff;
  }
  
  .IMGreenButtonText {
    width: 274px;
    height: 50px;
    font-family: "Montserrat";
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #ffffff;
  }
  
  .IMGreenButtonTextSelected {
    font-family: "Montserrat";
    color: #2e7d32;
    text-transform: capitalize;
    height: 26px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
  }

  .location-im-coverages-additional-coverages-rce{
   
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #f6f8f8;    
    padding: 20px 30px;
}

.location-im-coverages-additional-coverages-rce-bold {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.58px;
  color: #323232;
}

.location-im-coverages-additional-coverages-rce-vsmall{
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #777777;
}

.location-im-coverages-additional-coverages-rce-small {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #3a3a3a;
}


.selected-location-card-delete-warning-modal{
  margin-right: 50px;
  margin-right: 50px;
  padding-bottom: 20px;
}

.selected-location-card-view-details{
  width: 81px;
  height: 26px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #438830 !important;
  text-decoration: underline !important;
  cursor: pointer;
  display: flex;
}
.business-owners-coverages-additional-coverages-rce {
  height: 118px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px rgba(51, 51, 51, 0.22);
  background-color: #f6f8f8;
  padding: 30px;
}

.business-owners-coverages-additional-coverages-rce-bold {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.58px;
  color: #323232;
  text-transform: uppercase;
}

.business-owners-coverages-additional-coverages-rce-small {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #2e7d32;
}

.business-owners-coverages-additional-coverages-rce-not-added {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: right;
  color: #777777;
}

.business-owners-coverages-additional-coverages-rce-content-container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px rgba(51, 51, 51, 0.22);
  background-color: #ffffff;
}

.business-owners-coverages-additional-coverages-rce-content {
  margin-left: 50px;
  margin-right: 50px;
}

.business-owners-coverages-additional-coverages-rce-content-small-text {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #777777;
  margin-top: 35px;
}

.business-owners-coverages-additional-coverages-rce-coverages {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
}

.business-owners-coverages-additional-coverages-rce-included-coverage-limit {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
  margin-top: 20px;
}

.business-owners-coverages-additional-coverages-rce-included-coverage-limit-value {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #797979;
  margin-top: 8px;
}
.display-flex-class{
    display : flex;
    flex-direction : column;
}

.location-level-coverages-empty-div{
    width: 100%;
    height: 200px;
    border-radius: 5px;
    border: solid 1px #d2d2d2;
    background-color: rgba(245, 245, 245, 0.8);
    background: rgba(245, 245, 245, 0.8);
    display: flex;
    justify-content: center;
    color : #797979;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    align-items: center;
}

.read-only-style{
    height: 145px !important
}



.policy-review-card-label{
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: center;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    color: #323232;
    margin-top: 1rem;
    margin-left: 1rem;

}

.policy-review-card-label-edit{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    text-align: center;
    color: #2e7d32;
    margin-left: 1rem;
    text-decoration: underline;
}
.policy-review-card-label-wrapper{
    display: flex;
    justify-content: left;
    align-items: baseline;
    margin: 1rem;
}

.display-in-card-heading{
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.75;
    color: #797979;
    padding-bottom: 0.5rem;
    margin : 0.5rem ;
}
.bop-review-building-body{
    background-color: rgba(245, 245, 245, 0.8);
}

.display-in-card-no-term{
    font-family: "Open Sans";
    font-size: 16px;
    color: #797979;
   border:0.8px solid rgb(222, 226, 230);
   padding: 0.5rem 1rem 0.5rem 1rem;
   margin-left: 0.2rem;
   margin-bottom: 0.5rem;
   margin-top: 0.7rem;
   border-radius:4px;
   text-transform: uppercase;
}

.policy-review-card-label-small{
    font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #797979;
  margin-top: 1rem;
  margin-left: 1rem;
}
.policy-review-card-label-edit-small{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    text-align: center;
    color: #2e7d32;
    margin-left: 1rem;
    text-decoration: underline;
}
.choice-indorsement-green-heading{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #70a000;
    margin-left: 1rem;
}
.display-in-card-heading-small{
    margin: 0 0 0 0;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}
.display-in-card-small{
    padding: 1rem;
    margin: 1rem;
}

.display-in-card{
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #ffffff;
    padding: 1rem;
    margin: 1.5rem 2rem 0rem 2rem;
    padding-bottom: 1rem;
   
}
.display-in-card-wo-border-bottom{
    border-radius: 5px;
    border: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #ffffff;
      
}
.green-seperator-line{
    border-bottom: 1px solid #70a000;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
}
.color-black{
    color: rgba(0, 0, 0, 0.87);
    margin-left: 1rem;
}
.grey-seperator-line{
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: -4%;
    width: 108%;
}

.location-display-card{

    border: 1px solid #d2d2d2;
}


/* .policy-review-blanket-total{
    background-color:rgba(245, 245, 245, 0.8);
    margin-left: -0.9rem;
    padding: 1rem;
    width: 103.5%;
    
} */
/* .policy-review-main-blanket-wrapper{
    margin-top: 1rem;
    
}
.policy-review-blanket-container{
    border-radius: 5px;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    border: solid 1px rgba(51, 51, 51, 0.22);
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.policy-review-blanket-total-limit-subheading{
    display: flex;
    
}
.policy-review-blanket-total-limit{
    margin-bottom:0.5rem;
    font-weight: 600;
}

.policy-review-blanket-total-limit-subheading-name{
  font-size: small;
  margin-top: 0.2rem;
}
.policy-review-blanket-total-limit-subheading-light{
    font-size: small;
    color:#d2d2d2 ;
    margin-left: 1rem; 
}
.policy-review-blanket-total-limit-subheading-dark{
    font-size: small;  
} */
.blanket-card-label{
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #797979;
  margin-top: 1rem;
}



.blanket-details-flex{
    padding: 1rem;
    border:#d2d2d2 1px solid;
   
}
.dark-buttom-border{
    border-bottom: 1px solid rgba(121, 121, 121, 0.8);
}

.blanket-detail-small-heading{

    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
    margin: 0.3rem;
    padding-bottom: 10px;
}

.blanket-detail-small-heading2{

    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}

.blanket-detail-small-value{
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    margin-top: 0.5rem;
    margin:0.2rem 0rem 0rem 0.3rem;
}
.blanket-detail-big-value{
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);   
    color: rgba(0, 0, 0, 0.87);
  
}
.blanket-detail-medium-value{
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.56;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);   
    color: rgba(0, 0, 0, 0.87);

}

.policy-review-card-location-marker{
    width: 11px;
    height: 16px;
    object-fit: contain;
 margin-right: 0.5rem;
}

.policy-review-footer-custom{
    margin-top: 5rem;
}
.policy-review-business-owner-wrapper{
    margin-left: -2rem;
}
.policy-review-margin-negative-1rem{
 margin-left: -1rem;
}

.policy-review-grey-seperator{
    border:0.3px solid rgba(121, 121, 121, 0.8);
    height: 1px;
    width:100%;
}
.margin-left-negative{
    margin-left:-1rem
}

.margin-bottom-one-rem{
    margin-bottom:1rem
}


/* IM Line Review Styling */

.imline-tier2-styling{
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    color: #323232;
}

.imLine-tier3-styling{
    height: 32px;
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 1.33;
    color: #323232;
    border-left: solid 0.2px #323232;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
}
.containerSticky{
        height: 92vh;
        overflow-y: auto;
        width:115.5%;
        margin-left:-7%;
        margin-top:-5.4%;
        margin-bottom:-7.6rem;
        padding:0rem 2rem 0rem 3rem;
}
.eyeBrowStyling{
   margin-left: -1px;
   margin-top: 50px;
}
.header-below-statement{
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 1.63;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 15px;
}
.from-policy-detail{
    height: 92vh;
    overflow-y: auto;
    width:113.5%;
    margin-bottom:-2.5rem;
    padding:1rem 2rem 0rem 3rem;
    width:100%;
    margin-left:0%;
    margin-top:0%;
    margin-bottom:0rem;
}


@media screen and (max-width: 600px) {
    .containerSticky{
        margin-top:-14%;
}

}
@media (min-width: 768px) and (max-width: 1024px) {
    .containerSticky{
        height: 92vh;
        overflow-y: auto;
        width:500px;
        margin-left:-9%;
        margin-top:-8.4%;
        margin-bottom:-7.6rem;
        padding:0rem 2rem 0rem 3rem;
}
   
    
  }

  





.building-question-main-close{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border:1px solid #d2d2d2;
}

.building-question-main-expanded{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border:1px solid #d2d2d2;
  border-radius: 5px;

}
.location-heading-wrapper-custom{
  width: 30%;
}
.building-open-wrapper-with-dark-bg{
  background-color: rgba(245, 245, 245, 0.8);
}
.building-light-bg{
  position:static;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
 height: 75px;
  border:1px solid #d2d2d2;
  width: 100%;
  margin: 0 !important;
}
.building-heading-custom{
font-family: "Open Sans";
font-size: 18px;
font-weight: bold;
line-height: 1.56;
letter-spacing: 0.58px;
margin-left: 1rem;
color:#797979;
}
.building-back-ground{
  background-color: rgba(245, 245, 245, 0.8);
}.building-question-main-close {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.building-question-main-close{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border:1px solid #d2d2d2;
}

.building-question-main-expanded{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border:1px solid #d2d2d2;
    border-radius: 5px;

  border: 1px solid #d2d2d2;
  border-radius: 5px;
}
.location-heading-wrapper-custom{
    width: 30%;
}
.building-open-wrapper-with-dark-bg {
  background-color: rgba(245, 245, 245, 0.8);
}
.building-light-bg{
    position:static;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
   height: 75px;
    border:1px solid #d2d2d2;
    width: 100%;
    margin: 0 !important;
}
.building-heading-custom{
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  margin-left: 1rem;
  color: #797979;
}



.location-coverages-class-code-search-wrapper {
    padding-left: 13.5%;
    padding-right: 13.5%;
    margin-top: 30px;
    padding-bottom: 40px;
    overflow-x: hidden;
    overflow-y: scroll; 
    height: 80%;
}  


.location-coverages-content-title-bold {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;    
}

.location-coverages-content-title {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #323232;  
}

.location-coverages-header-row {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #323232;    
    padding-top: 5px;    
    padding-bottom: 5px;      
}

.location-coverages-data-row {
    padding-top: 15px;    
    padding-bottom: 15px;    
}

.location-coverages-data-row:hover
 {
    background-color: #f7f8f8;
 }
 
 .location-coverages-code-style {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #797979;    
}

.location-coverages-description-style {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);    
}


.location-coverages-select-link {
    float: right;
    cursor: pointer;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2e7d32;    
}

.location-coverages-pagination-div{
    display: flex;
    margin-top: 30px;
}

.location-coverages-pagination-result-text{
    font-size: 14px;
    line-height: 1.57;
  color: #777777;
  padding-left: 10px;
  padding-top: 1px; 
}

.locationMargin{
    margin-top: 70px;
}

.locationFloatLeft{
    float: left;
}

.locationFloatRight{
    float: right;
}

.my-modal-grange-action-link-place {
    float: right;
    margin-top: 13px;
}

.my-modal-grange-action-link {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2e7d32;
    cursor: pointer;
    padding-bottom: 10px;
}

.location-coverages-class-code-search-wrapper::-webkit-scrollbar {
    width: 6px;
    border-radius: 2.5px;
}

.location-coverages-class-code-search-wrapper::-webkit-scrollbar-thumb {
    width: 6px;
    height: 75px;
    border-radius: 2.5px;
    background-color: #9d9d9d;
}
@media (min-width: 0px) and (max-width: 600px) {
    .location-coverages-select-link {
        float: left !important;
}
}

.location-building-card-container {
    margin-top: 30px;
}

.location-building-card-data-container {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    border: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #f6f8f8;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.location-building-card-data-container-middle {
    border-left: solid 1px rgba(51, 51, 51, 0.22);
    border-right: solid 1px rgba(51, 51, 51, 0.22);
    border-bottom: solid 1px rgba(51, 51, 51, 0.22);
    background-color: #f6f8f8;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.split-period-add-button {
    padding-top: 15px;
}

.location-building-card-data-address {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #323232;    
}

.location-building-card-data-mini-title {
    font-family: "Open Sans";
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #777777; 
}

.location-state-name {
    width: 84px;
    height: 28px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.56;
    font-weight: bold;
    color: #323232;
}

.location-building-card-summary {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: solid 0.5px rgba(51, 51, 51, 0.22);
    border-right: solid 0.5px rgba(51, 51, 51, 0.22);
    border-bottom: solid 0.5px rgba(51, 51, 51, 0.22);
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    background-color: #ffffff;
    padding-top: 15px;   
    padding-left: 30px; 
    padding-right: 30px;
    padding-bottom: 15px;
}

.location-building-card-summary-withMoreCards {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);    
    /* border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; */
    border-left: solid 0.5px rgba(51, 51, 51, 0.22);
    border-right: solid 0.5px rgba(51, 51, 51, 0.22);
    border-bottom: solid 0.5px rgba(51, 51, 51, 0.22);
    /* box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22); */
    background-color: #ffffff;
    padding-top: 15px;   
    padding-left: 30px; 
    padding-right: 30px;
    padding-bottom: 15px;
}

.location-card-summary-border-top{
 /* border-top: solid 0.5px rgba(51, 51, 51, 0.22); */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.location-building-card-add-building-span{
    float: right;
}

.location-building-card-show-link {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    cursor: pointer;
}

.location-building-card-hide-link {
    border-radius: 5px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    cursor: pointer;       
}

.location-building-hr-style {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-left: -30px;
    margin-right: -30px;    
}

.location-building-row-style {
    margin: 1px;
    border-bottom: 1px solid #a1a1a1;
    padding-top: 15px;
    padding-bottom: 15px;   
    padding-left:0px;
    padding-right: 0px; 
}

.location-building-card-edit-btn-column {
    text-align: right;
}

.location-building-card-edit-btn-column-header{
    /* text-align: right; */
    padding-top: 12px;   
    float: right;
    display: inline-flex 
}

.location-building-card-delete-image-at-header-level{
    cursor: pointer;
    margin-left: auto;
    height: 18px;
}

.location-building-card-delete-image {
    cursor: pointer;
    margin-left: auto;
    height: 18px;
    margin-right: -15px;
}

.location-building-card-edit-image-first{
    cursor: pointer;
    margin-left: auto;
    height: 18px;
    /* margin-right: 30px;  */
}

.location-building-card-edit-image {
    cursor: pointer;
    margin-left: auto;
    height: 18px;
    margin-right: 30px;    
}

.header-div-sub-text{
    margin-top: -15px;
    font-size: 13px;
    line-height: 1.63;
    color: rgba(0, 0, 0, 0.87);
}

@media (min-width: 320px) and (max-width: 374px) {
    .location-building-card-edit-btn-column{
        margin-left: -14px !important;
    }

    .location-building-card-container .green-add-button{
        width: 100%
    }

    /* .location-building-card-data-container svg{
        margin-top : -65px;
    } */

    .location-building-card-data-address{
        font-size : 16px;
    }

    .location-building-card-edit-btn-column svg{
        margin-right: 0;
    }

    .location-building-card-delete-btn-column{
        height: 27px;
        margin-left: 15px;
        border-left: 1px solid #35743c;
    }

}

@media (min-width: 375px) and (max-width: 575px) {
  

    .location-building-card-container .green-add-button{
        width: 100%
    }

    /* .location-building-card-data-container svg{
        margin-top : -65px;
    } */

    .location-building-card-data-address{
        font-size : 16px;
    }

    .location-building-card-edit-btn-column svg{
        margin-right: 0;
    }

    .location-building-card-delete-btn-column{
        height: 27px;
        margin-left: 15px;
        border-left: 1px solid #35743c;
    }

  }
  
  .location-building-card-select-a-subline {
      padding-top: 10px;
      padding-bottom: 10px;
  }

  @media (min-width: 601px) {
    .location-building-card-edit-delete-splitter {
        display: none;
       
    }
  }
    
  
@media (min-width: 0px) and (max-width: 600px) {

    .location-building-card-edit-delete-splitter {
        display: inline-block;
        margin-right:5px;
    }

    .location-building-card-edit-image {
        margin-right: 5px;    
    }

    .location-building-card-add-building-span{
        float: none;
        margin-top: 0px;
    }

    .location-building-card-data-container {
        padding-left: 20px;
        padding-right: 20px;
    }    

    .location-building-card-summary {
        padding-left: 20px; 
        padding-right: 20px;
    }    
    .location-building-hr-style {
        margin-left: -20px;
        margin-right: -20px;    
    }    
}
#add-edit-additional-card-header {
    display: flex;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  

  .my-modal {
    width: 780px;
    max-width: 780px;
    background: rgba(0,0,0,.0001) !important;;
  }
  

.add-edit-additional-card-data {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px var(--soft-black-22);
  background-color:white;
}

.add-edit-additional-card-hr {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 0px;  
}

.add-edit-additional-verbiage {
  margin: 20px 30px;
}

.add-edit-additional-card-link {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #2e7d32;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;  
}

.add-edit-additional-card-link2 {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #2e7d32;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;  
}

@media (min-width: 350px) and (max-width: 750px) {
  .add-edit-additional-card-link{
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #2e7d32;
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px; 
  }
  .add-edit-additional-card-row {
    border: solid 1px rgba(51, 51, 51, 0.22);
    height: 60px;
    width: 80%;
    background-color: #e9eeee;
    border: none;
    border-radius: 5px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  .namedInsuredRow {
    width: 50%;
    padding: 0px 30px !important;
    height: auto !important;
  }    
}

#add-edit-additional-card-row-sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#add-edit-additional-card-row-badge {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background-color: #e5ae5f;
}
#add-edit-additional-card-row-lastRow {
    border: solid 1px #d2d2d2;
    background-color: rgba(245, 245, 245, 0.8);
    margin-top: 30px;
    border-radius: 5px;  
}
.add-edit-additional-card-row-bi-lab {
    height: 22px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #323232;
}
.add-edit-additional-card-editbtn{ 
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: 10px;
}

.add-edit-additional-card-row-edit-icon{
    height: 20px;
    width: 20px;
}

.add-edit-additional-card-row-delete-icon{
    height: 20px;
    width: 15px;
    margin-left: 25px;
}
#add-edit-additional-card-row-card {
    padding: 30px;
    margin-top: 15px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    /* margin-right: -45px; */
}
.myAccountAccess-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
}
.label-checkbox-hide {  
  display: none;
}
.add-edit-additional-card-heading {
  padding: 30px 30px 0px 30px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}
.add-edit-additional-center-aligned {
  text-align: center;
}
.namedInsuredRow {
  width: 100%;
  padding: 0px 30px !important;
  height: auto !important;
}
.add-edit-additional-right-card {
  display: flex;
}
#add-edit-additional-card-row-btn {
    height: 50px;
    border-radius: 5px;
    border: solid 2px #2e7d32;
    background-color: #ffffff;
    color: #2e7d32;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
}

.add-edit-additional-card-full-row-holder {
    /* width: calc(100% - 70px); */
    width: 100%;
}

.add-edit-additional-card-full-row {
    width: 100% !important;
    border: solid 1px rgba(51, 51, 51, 0.22);
    height: 60px;
    background-color: #e9eeee;
    border: none;
    border-radius: 5px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.add-edit-additional-card-row {
    border: solid 1px rgba(51, 51, 51, 0.22);
    height: 60px;
    /*width: 60%;*/
    background-color: #e9eeee;
    border: none;
    border-radius: 5px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }

  .add-edit-additional-card-number-badge {
    padding: 10px;
    color: white;
    background-color: rgba(92, 113, 119, 0.8);
    height: 59px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: -1px; 
    padding-top: 17px;     
  }

  .add-edit-additional-card-additional-name {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: var(--soft-black);
    padding: 10px;
    margin-left: 10px; 
    flex: 1;   
  }
  .add-edit-additional-card-pencil {
      float: "right";
  }

  .add-edit-additional-card-deleteIcon {
    margin-left: 15px;
    margin-bottom: 9px
  }

  .cursor-pointer{
    cursor: pointer;
  }

  .modalsubTitle {
    width: 38px;
    height: 22px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #777777;
  }
  
  .hrLine {
    height: 1px;
    background-color: rgba(121, 121, 121, 0.8);
  }

  .hr-20 {
  border-top: solid 1px #d2d2d2 !important;
  border-bottom: solid 1px #d2d2d2 !important;
  background-color: rgba(245, 245, 245, 0.8);
  height: 20px;
  }
  
  .additional-named-footer-right {   
    text-align: right;
    width: 30%;
    margin-right: 25px;
  }

  .additional-named-footer-left {   
    text-align: left;
    width: 70%;
  }

  .additional-named-footer {
    display: inline-flex;
    width: 100%;
  }
.state-specific-information-big-title {
    font-family: "Montserrat";
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    margin-top: 20px;
    color: #333333;
  }
  /* .tabs-align-juriscdiction{
      margin-top:30px;
      margin-bottom: -20px;
  } */
  .state-specific-information-post-big-title-text {
      margin-top: 14px;
      font-family: "Open Sans";
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.63;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.87);    
  }
  
  
  .state-specific-title{
    font-family: "Montserrat";
    font-size : 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color:  var(--soft-black);
    display: inline-block;
    line-height:  1.28;
    padding-top:  50px;
    padding-bottom: 15px;
  }
  
.split-period-card-first-add-border-top{
       border-top: solid 0.5px rgba(51, 51, 51, 0.22);
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
   }
.blanket-building-card-container {
    margin-top: 40px;
}

.blanket-building-card-data-container {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    border: solid 1px #a1a1a1;
    background-color: #f6f8f8;
    padding: 20px;
}

.blanket-building-card-data-address {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #323232;    
}

.blanket-building-card-data-mini-title {
    font-family: "Open Sans";
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #777777; 
}

.blanket-card-delete-btn-column {
    display: flex;
    align-items: center;
    margin-top:30px;    
    cursor: pointer;
    margin-left: 20px;
}

.blanket-building-card-summary {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: solid 0.5px #a1a1a1;
    border-right: solid 0.5px #a1a1a1;
    border-bottom: solid 0.5px #a1a1a1;
    box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
    background-color: #ffffff;
    padding: 15px;   
    padding-left: 10px; 
    padding-right: 30px;
}

.blanket-building-image-spacer {
    margin-left: 12px;
    margin-top: -2px;    
}

.blanket-building-card-show-link {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    cursor: pointer;
}

.blanket-building-card-hide-link {
    border-radius: 5px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2e7d32;
    cursor: pointer;       
}

.blanket-building-hr-style {
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-left: -10px;
    margin-right: -30px;    
}

.blanket-building-row-style {
    margin: 1px;
    border-bottom: 1px solid #a1a1a1;
    padding-top: 15px;
    padding-bottom: 15px;   
    margin-left: -10px;
    margin-right: -29px;  
    padding-left: 10px;   
}

.blanket-building-card-edit-btn-column {
    display: flex;
    align-items: center;    
}

.blanket-building-card-edit-image {
    cursor: pointer;
    margin-left: auto;
    height: 18px;
    margin-right: 15px;    
}

.blanket-header-div-sub-text{
    margin-top: -15px;
    font-size: 13px;
    line-height: 1.63;
    color: rgba(0, 0, 0, 0.87);
}

.blanket-card-add-building-spacer{
    padding-left: 15px
}

.blanket-card-row-title {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}
.blanket-card-row-content {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    color: #323232;    
}
.blanket-card-row-location-name {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    color: #323232;    
}


.blanket-card-edit-image {
    cursor: pointer;
    margin-left: auto;
    height: 18px;
    margin-right: 10px;  
    margin-top: 25px;    
}

@media (min-width: 320px) and (max-width: 374px) {
    .blanket-building-card-edit-btn-column{
        margin-left: -14px !important;
    }

    .blanket-building-card-container .green-add-button{
        width: 100%
    }

    .blanket-building-card-data-container svg{
        margin-top : -65px;
    }

    .blanket-building-card-data-address{
        font-size : 16px;
    }

    .blanket-building-card-edit-btn-column svg{
        margin-right: 0;
    }

    .blanket-building-card-delete-btn-column{
        height: 27px;
        border-left: 1px solid #35743c;
        margin-left: 20px;
    }

}

@media (min-width: 375px) and (max-width: 575px) {
  

    .blanket-building-card-container .green-add-button{
        width: 100%
    }

    .blanket-building-card-data-container svg{
        margin-top : -65px;
    }

    .blanket-building-card-data-address{
        font-size : 16px;
    }

    .blanket-building-card-edit-btn-column svg{
        margin-right: 0;
    }

    .blanket-building-card-delete-btn-column{
        height: 27px;
        margin-left: 15px;
        border-left: 1px solid #35743c;
    }

  }
  
  @media (max-width: 699px) {
    .blanket-building-card-edit-delete-splitter {
        display: block;
        margin-right:15px;
    }
  }

  @media (min-width: 700px) {
    .blanket-building-card-edit-delete-splitter {
        display: none;
       
    }
  }
    
  @media (min-width: 200px) and (max-width: 600px) {
    .blanket-building-card-summary { 
        padding-left: 10px; 
        padding-right: 10px;
    }    
    .blanket-building-hr-style {
        margin-left: 0px;
        margin-right: 0px;    
    }      
  }
.headMaster {
  font-size: 48px;
  line-height: 54px;
  color: #333333;
  font-weight: bold;
  margin-left: 5px;
  margin-bottom: 50px;
  margin-top: 10px;
}

.required {
  text-align: right;
  padding-top: 25px;
  font-size: 14px;
  height: 22px;
  line-height: 1.57;
}

.title-text {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  color: #323232;
  margin-left: 5px;
}

.add-blanket-btn-col {
  text-align: right;
}

.delete-icon {
  width: 16px;
  height: 20px;
}

.add-blanket-button {
  background-color: transparent;
  color: #2e7d32;
  border-color: #2e7d32;
  width: 179px;
  height: 50px;
  border-radius: 5px;
  font-weight: 500;
}

.add-blanket-button:active,
.add-blanket-button:hover,
.add-blanket-button:focus {
  background-color: transparent !important;
  color: #2e7d32 !important;
  border-color: #2e7d32 !important;
  outline: none !important;
  box-shadow: none !important;
}

.blanket-page-horizontalLine {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #a2a2a2;
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 0;
}

.selected-blanket-div {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px rgba(51, 51, 51, 0.22);
}

.selected-blanket-div-header {
  padding: 20px;
  border-bottom: solid 1px rgba(51, 51, 51, 0.22);
  background-color: rgba(51, 51, 51, 0.03);
  height: 120px;
}

.blanket-number-col {
  width: 61px;
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #777777;
}

.total-limit-text {
  height: 28px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #323232;
}

.header-div-sub-text {
  margin-top: -15px;
  font-size: 13px;
  line-height: 1.63;
  color: rgba(0, 0, 0, 0.87);
}

.sub-title {
  color: #797979;
}

.coverages-included {
  padding-left: 20px;
  padding-top: 20px;
  font-size: 13px;
  height: 60px;
  border-bottom: solid 1px #d2d2d2;
}

.blankets-hide-show-btn {
  margin-top: -10px;
  margin-right: 20px;
  width: 82px;
  height: 40px;
  border-radius: 5px;
  background-color: rgba(228, 236, 210, 0.66);
  box-shadow: 0 0 0 0 rgba(228, 236, 210, 0.66);
}

.blankets-hide-show-btn:hover,
.blankets-hide-show-btn:focus,
.blankets-hide-show-btn:active {
  /* background-color: rgba(228, 236, 210, 0.66) !important; */
  outline: none !important;
  box-shadow: none !important;
}

.blankets-hide-show-btn-text {
  width: 39px;
  height: 26px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #2e7d32;
}

.down-arrow-icon {
  width: 11px;
  height: 15px;
  margin-top: -2px;
  margin-left: 6px;
}

.row-1 {
  padding-left: 20px;
  padding-top: 10px;
  font-size: 13px;
  height: 75px;
  border-bottom: solid 1px #d2d2d2;
}

.row-heading {
  height: 22px;
  font-size: 14px;
  line-height: 1.57;
  color: #777777;
}

.row-values {
  margin-top: -15px;
  color: #323232;
}

.last-row {
  border-bottom: solid 1px #929292;
}

.add-building-row {
  padding-left: 35px;
  padding-top: 25px;
}

.display-block {
  display: block;
}

.display-none {
  display: none;
}

.add-blanket-button {
  margin-bottom: 25px;
}

.add-blankets-content {
  overflow: auto;
  height: 100%;   
  /* padding-top: 150px;   */
  padding-bottom: 40px; 
  overflow-x: hidden;
  padding-left: 9%;
  padding-right: 9%;  
}

.add-blankets-padding {
  padding-top: 0px;
  padding-bottom: 10px;
}

.add-blankets-header-spacer-building {
  padding-left: 14%;
}

.add-blankets-header-spacer-buildingarrow {
  margin-left: 45px;
}

.add-blankets-header-spacer-coverage {
  padding-left: 10%;
}

.add-blankets-header-spacer-valuation {
  padding-left: 15%;
}

.add-blankets-header-spacer-valuationarrow{
  margin-left: 0px;
}

.add-blankets-header-spacer-autoincrease {
  margin-left: 7px;
}

.add-blankets-header-spacer-autoincreasearrow{
  margin-left: 9px;
}

.add-blankets-top-section {
  padding-bottom: 20px;
  margin-left: -15px;
}

.add-blankets-footer {
  padding-top: 10px;
  margin-right: -1%;
}
.add-blankets-footer #cancel {
  margin-left: auto;
  margin-right: 0;
}
.add-blankets-footer #saveClose{
  margin-left: 30px;
}

/* .add-blankets-content::-webkit-scrollbar {
  display: none;
} */

/* width */
.add-blankets-content::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.add-blankets-content::-webkit-scrollbar-track {
  background: #f1f1f1;     
}
 
/* Handle */
.add-blankets-content::-webkit-scrollbar-thumb {
  background: #888; 
  -webkit-border-radius: 10px;
  border-radius: 10px;
}


.add-blankets-content-title {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600; 
}

.add-blankets-body-text {
  font-family: "Open Sans";
  width: 75%;
  font-size: 14px;
  margin-bottom: 5px;
  letter-spacing: normal;
  padding-top: 5px;
  color: rgba(0, 0, 0, 0.87);
}

.back-to-blanket {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0;
  font-weight: 500;
  color: #333333;
  margin-top: 15px;
  display: inline-block;
}

.add-blankets-blanket-type{
  padding-bottom: 20px;
}


.back-arrow-button {
  display: inline-block;
}

.back-arrow-button:after {
  margin-right: 7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  font-weight: 500;
  border: solid #333333;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.total-limit{
  text-align: right;
  margin-right: 0 !important;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
}

.blanket-rows .add-blanket-blanket-rows-unavailable{
  padding:20px ;
  margin-bottom: 1%;
}

.add-blankets-row-header{
  padding-bottom: 15px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  color: #323232;  
  /* margin-left: 5px; */
  margin-right: 5px; 
}
.grange-green-action-link{
  margin-top: 10px;
}

.add-blankets-icon-wrapper {
  display: inline-flex;
  padding: 0px;
}

@media (min-width: 0px) and (max-width: 600px) {
  .add-blankets-padding {
      padding-top: 0px;  
      padding-bottom: 0px; 
  }
  .blanket-rows .add-blanket-blanket-rows-unavailable{
    margin-left: 0px;
    margin-right: 0px;
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }  
  .add-blankets-row-header{
    display: none;
  }
  .add-blankets-footer #cancel {
   margin-top: 0;
  }
  .add-blankets-footer #saveClose {
    margin-left: 0px;
   }
   .add-blankets-top-section{
     margin-left: 0;
   }
} 
.add-blanket-coverage-detail-building-bold {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}

.add-blanket-coverage-detail-row-content {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);  
}

.add-blanket-coverage-detail-row-content-limit {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87); 
}
.add-blanket-blanket-row{
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;    
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 20px;
  padding-left: -4px;
}

.add-blanket-blanket-row-remove{
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;    
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 20px;
  padding-left: -4px;
  background-color: #e9eeee;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);  
}

.add-blanket-blanket-row:hover{
  background-color: #e9eeee;
  box-shadow: 0 2px 134px 20px rgba(210, 210, 210, 0.2); 
}

.add-blanket-blanket-rows-unavailable{
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.25);;
  border-radius: 5px;    
  color: rgba(0, 0, 0, 0.50);
  margin-bottom: 20px;
  opacity: 0.5;
  padding-left: -4px;
}

.add-blanket-blanket-rows-unavailable:hover{
  background-color: #e9eeee;
  box-shadow: 0 2px 134px 20px rgba(210, 210, 210, 0.2);  
}

.blanket-add-remove-right {
  text-align: right;
  line-height: 50px;
  margin: auto;  
}

@media (max-width: 575px) {
  .blanket-add-button-col{
    display:flex;
  }

  #blanket-added-button {
   margin-bottom: 5px;
  }

  #blanket-add-button {
   margin-bottom: 5px;
  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .select-Btn {
    width: 96px !important;
}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
 
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 
}
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  #blanket-row {
    height: 450px;
  }

  #blanket-rows-unavailable {
    height: 450px;
  }

  .table-header {
    display: none !important;
  }

  .valuationType {
    margin-left: 15px;
  }

  .addBtn {
    width: 108% !important;
    margin-left: -20px;
  }

  .title {
    color: #797979;
  }

  #title-1 {
    padding-left: 13px;
    margin: 15px 0;
  }
  #title-2 {
    padding-left: 13px;
    margin: 15px 0;
  }
  #title-3 {
    padding-left: 13px;
  }
  #title-4 {
    padding-left: 13px;
    margin-left: -12px;
    margin-bottom: -12px;
  }
  #title-5 {
    padding-left: 13px;
    margin-left: -12px;
    margin-bottom: -12px;
  }

  .row-content {
    margin-top: -10px;
  }

  #unavailable-btn {
    text-align: center;
  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  .mobile-responsive-title {
    display: none !important;
  }
  #blanket-row {
    height: 450px;
  }

  #blanket-rows-unavailable {
    height: 450px;
  }

  .table-header {
    display: none !important;
  }

  .valuationType {
    margin-left: 15px;
  }

  .addBtn {
    width: 108% !important;
    margin-left: -20px;
  }

  .title {
    color: #797979;
  }

  #title-1 {
    padding-left: 13px;
    margin: 15px 0;
  }
  #title-2 {
    padding-left: 13px;
    margin: 15px 0;
  }
  #title-3 {
    padding-left: 13px;
  }
  #title-4 {
    padding-left: 13px;
    margin-left: -12px;
    margin-bottom: -12px;
  }
  #title-5 {
    padding-left: 13px;
    margin-left: -12px;
    margin-bottom: -12px;
  }

  .row-content {
    margin-top: -10px;
  }

  #unavailable-btn {
    text-align: center;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-responsive-title {
    display: none !important;
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  .mobile-responsive-title {
    display: none !important;
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .mobile-responsive-title {
    display: none !important;
  }
}

.edit-blankets-content {
    overflow: auto;
    height: 100%; 
    padding-top: 170px;   
    padding-bottom: 40px;
    padding-left: 9%;
    padding-right: 9%;   
    overflow-x: hidden; 
}

.edit-blankets-content::-webkit-scrollbar {
    display: none;
}

/* width */
.edit-blankets-content::-webkit-scrollbar {
    width: 7px;
  }
  
  /* Track */
  .edit-blankets-content::-webkit-scrollbar-track {
    background: #f1f1f1;     
  }
   
  /* Handle */
  .edit-blankets-content::-webkit-scrollbar-thumb {
    background: #888; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  .limit-cost {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #2e7d32;
  }

  .edit-blankets-footer {
    padding-top: 10px;
    margin-right: -1%;
  }


@media (min-width: 0px) and (max-width: 600px) {
    .edit-blankets-content {
        padding-left: 9%;
        /* padding-right: 9%;     */
    }
}  

.add-locations-content {
    min-height: 30px;
    display:flex;
    flex-direction: column;
}

.add-locations-innerdiv-content {
    padding-left: 13%;
    padding-right: 13%;
    flex-grow: 2;
    overflow-y: auto;
    padding-top: 20px;
    height: 100%;
    padding-bottom: 40px;
    overflow-x: hidden;

}
.add-locations-innerdiv-content-small {
    padding-left: 13%;
    padding-right: 13%;
    flex-grow: 2;
    overflow-y: auto;
    padding-top: 20px;

}
.add-locations-innerdiv-content .modal-save-close-button{
    margin-left: 30px;
}
.add-locations-innerdiv-content #cancel{
  margin-right: 0;
  margin-left: auto;
}

.add-locations-innerdiv-content::-webkit-scrollbar {
    width: 0.5em;
}
.add-locations-innerdiv-content::-webkit-scrollbar-thumb {
      background-color: #9d9d9d;
      outline: 1px solid #9d9d9d;
}


/* .add-locations-content::-webkit-scrollbar {
    width: 0.5em;
}
.add-locations-content::-webkit-scrollbar-thumb {
      background-color: #9d9d9d;
      outline: 1px solid #9d9d9d;
} */

.add-locations-header-below-eyebrow {
    /* float: right; */
    /* display: inline-flex;     */
    display: flex;
    padding: 20px 13% 20px 13%;
}
.add-locations-pointer {
    cursor: pointer;
    margin-left: auto;
    text-decoration: underline;
}
.add-locations-forms-library{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    color: #2e7d32;   
    padding-top: 5px;
    text-decoration: underline;
    margin-right: 20px;
}
.add-locations-forms-library2{
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    color: #2e7d32;   
    text-decoration: underline;
    margin-right: 20px;
}
.add-locations-required-badge{
    display: inline-block;
    margin-left: 10px;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background-color: #e5ae5f;  
    margin-top: 12px;
}
.add-locations-required-text{
    padding-top: 5px;    
}
.add-locations-missing-address {
    text-align: center;
    padding: 30px;    
}
.add-locations-missing-address-text{
    font-size: 20px;
    font-weight: 600;
    padding-top: 20px;
}

.add-locations-content::-webkit-scrollbar-thumb {
    background: #888; 
    -webkit-border-radius: 10px;
    border-radius: 10px;    
}
.add-locations-content-without-top-padding::-webkit-scrollbar-thumb {
    background: #888; 
    -webkit-border-radius: 10px;
    border-radius: 10px;    
}

.add-locations-error-component-normal {
    position: sticky; 
    top:0px;
    margin: 0 auto;
    max-width: 1360px;
    z-index: 1; 
    width:100%;
    max-height: 30vh;
}
/* width */
.add-locations-error-component-normal::-webkit-scrollbar {
    width: 7px;
  }
  
  /* Track */
  .add-locations-error-component-normal::-webkit-scrollbar-track {
    background: #f1f1f1;     
  }
   
  /* Handle */
  .add-locations-error-component-normal::-webkit-scrollbar-thumb {
    background: #888; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
.add-locations-error-component-when-scrolled {
    top: 127px;
    left: 0px; 
    right: 20px; 
    position: relative;    
    z-index: 1;  
}

.add-location-multi-tab {
    /* left: 273px;  */
    /* right: 272px;  */
    /* max-width: 1360px;  */
    /* position: fixed;  */
    /* display:none; */
    /* background-color: rgba(228, 236, 210, 1);  */
    z-index: 3; 
    padding: 0 13%;
    /* padding-left: 9%;    */
    /* top: 155px  */
}

.add-location-multi-tab-error {
    margin-top: -200px; /* 19px  without error component -164px*/ 
    left: 20px; 
    right: 20px; 
    max-width: 1360px; 
    margin: auto;
    position: fixed; 
    background-color: rgba(228, 236, 210, 1); 
    z-index: 1; 
    padding-left: 13%    
}

.add-location-saved-not-now-spacer {
    padding-top: 20px;
    padding-bottom: 20px;
}


@media (min-width: 0px) and (max-width: 600px) {
    .add-locations-content {
    padding-bottom: 0;
    }
    .add-locations-innerdiv-content .modal-save-close-button{
        margin-left: 0;
        margin-top: 0;
    }
    .add-location-multi-tab {
        margin-top: 0px;
        left: 0px; 
        right: 0px; 
        position: fixed; 
        background-color: rgba(228, 236, 210, 1); 
        z-index: 1; 
        padding-left: 7%;   
        padding-right: 7%;    
    }

    /* .add-locations-error-component-normal {
        margin-top: 139px;
    } */
    .add-locations-error-component-when-scrolled {
        top: 135px;
    }   
    .add-locations-header-below-eyebrow {
        float: right;
        display: inline-flex; 
        /* margin-right: 100px;    */
        margin-top: 50px;
        white-space: nowrap;
    } 
    .buliding-Forms {
    margin-right: 60px  !important;
    padding-top: 20px   !important;
   
      
    

    }
    .add-locations-innerdiv-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }
    .add-locations-innerdiv-content .modal-save-close-button{
        margin-top: 25px;
    }
    
}

.location-details-section-header {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
}

.location-details-location-name {
    margin-left: -15px;
}

.location-details-section-header {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;    
}

.location-details-infoPrometrix {
    /* margin-top: 20px; */
    display: flex;
}

.location-details-address-validated {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #797979;  
    float: right;  
}

.location-details-validated-circle {
    float: right;
    background-color: white;
    color: green;    
}

.location-details-center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.location-details-add-a-building {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;    
    padding-top:20px;
    padding-bottom: 20px;
}

.location-details-add-building-text {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    color: #333333;    
}


@media (min-width: 0px) and (max-width: 600px) {
    .location-details-location-name {
        margin-left: 0px;
    }
    .location-details-address-validated {
        float:none !important;
    }

}
.add-item-banner {
    background-color: #e9eeee;
    height: 252px;
    padding-bottom: 50px;
    padding-left: 16.15%;
    padding-right: 16.15%;
}

.add-item-banner-back-link {
    padding-top: 20px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333333;
    cursor: pointer;
}

.add-building-container {
    height: 100%;
    overflow-y: scroll;
}

.add-building-content-container-one {
    padding-left: 13%;
    padding-right: 13%;
    /* margin-top: 180px; */
    /*overflow-x: hidden;*/
    /*overflow-y: scroll;*/
    /* padding-bottom: 70px; */
    padding-top: 20px;
    /* height: 85%; */
    max-height: 70vh;
    min-height: 30px;
}

.add-building-content-container-one::-webkit-scrollbar {
    width: 0.5em;
}

.add-building-content-container-one::-webkit-scrollbar-thumb {
    background-color: #9d9d9d;
    outline: 1px solid #9d9d9d;
}

.add-building-content-container {
    /* margin-top: 171px; */
    overflow-x: hidden;
    /* overflow-y: scroll; */
    /* padding-bottom: 70px;*/ 
    /* padding-top: 10px; */
    height: 85%; 
    min-height: 30px;
    display:flex;
    flex-direction: column;
}
.add-building-content-container .modal-footer-container{
    padding-bottom: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.add-locations-header-below-eyebrow-container{
    display: inline-flex;
    /* white-space: nowrap; */
    float: right;
}
.add-locations-header-below-eyebrow-container .add-locations-header-below-eyebrow{
    /* padding-left: 66%; */
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;

}
.add-building-innerdiv-content {
    padding-left: 13%;
    padding-right: 13%;
}

.add-building-content-container::-webkit-scrollbar {
    width: 0.5em;
}

.add-building-content-container::-webkit-scrollbar-thumb {
    background-color: #9d9d9d;
    outline: 1px solid #9d9d9d;
}

/* *::-webkit-scrollbar {
    width: 0.5em;
}
.add-building-content-container::-webkit-scrollbar-thumb {
      background-color: #9d9d9d;
      outline: 1px solid #9d9d9d;
} */

.add-building-content-title {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.header-below-eyebrow-required-container {
    float: right;
    display: flex;
    flex-display: row;
}
.add-item-banner-address {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #797979;
    float: right;
    margin-top: -25px;
}

.add-item-banner-header {
    font-size: 48px;
    letter-spacing: 0;
    margin-top: 35px;
    font-family: "Montserrat";
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333333;
}

.add-building-building-type {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.45px;
    color: #797979;
}

.add-building-business-segment-label {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
}

.add-building-business-segment-value {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #2e7d32;
    text-decoration: underline;
    cursor: pointer;
}

.add-building-business-segment {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
}

.add-building-business-segment-value {
    color: #2e7d32;
}

.add-building-tab-container {
    margin-top: 48px;
}
.add-building-tab-container #cancel{
    margin-left: auto;
    margin-right: 0;
}
.add-building-tab-container #saveClose{
    margin-left: 30px;
}


.add-locations-innerdiv-content-small::-webkit-scrollbar {
    width: 0.5em;
}

.add-locations-innerdiv-content-small::-webkit-scrollbar-thumb {
    background-color: #9d9d9d;
    outline: 1px solid #9d9d9d;
}


.add-building-pointer {
    cursor: pointer;
}

.add-building-business-segment-classcode-breaker {
    display: none;
}

.add-building-multi-tab {
    /* left: 272px;  */
    /* right: 272px;  */
    max-width: 1360px; 
    /* position: fixed;  */
    display:none;
    background-color: rgba(228, 236, 210, 1); 
    z-index: 1; 
    /* padding-left: 9%; */
    /* top: 100px; */
}


.add-building-multi-tab-error {
    margin-top: -200px; /* 19px  without error component -164px*/ 
    left: 20px; 
    right: 20px; 
    max-width: 1360px; 
    margin: auto;
    position: fixed; 
    background-color: rgba(228, 236, 210, 1); 
    z-index: 1; 
    padding-left: 13%    
}

.add-building-error-component-normal {
    position: sticky; 
    top:0px;
    margin: auto;
    max-width: 1360px;
    z-index: 1; 
    width:100%;
    max-height: 30vh;
}
.next-previous-buttons{
    background-color: #f5f5f5;
}

@media (min-width: 0px) and (max-width: 600px) {
    .add-building-content-container {
        padding-left: 0;
        padding-right: 0;
    }
    .add-building-business-segment-classcode-breaker {
        display: block;
    }
    .add-locations-header-below-eyebrow-container .add-locations-header-below-eyebrow{
        padding-left: none;   
    }
    .add-locations-header-below-eyebrow-container{
        padding-left: none;
        float: left;
    }
    .add-building-tab-container {
        margin-top: 100px;
    }
    .add-building-tab-container #saveClose{
        margin-left: 0px;
        margin-top: 0;
    }
    .add-building-multi-tab {
        margin-top: -223px;
        left: 0px;
        right: 0px;
        position: fixed;
        background-color: rgba(228, 236, 210, 1);
        z-index: 1;
        padding-left: 7%;
        padding-right: 7%;
    }
}

/* .locations-and-buildings-container {
    margin-top: 30px;
    padding-bottom: 40px;
    margin-right: 4%;
} */

.locations-and-buildings-mobile-hr {
    display: none;
}

.locations-and-buildings-primary-location {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
}

.confirmModalHeader {
    font-size: "20px";
    font-weight: "600";
    padding-top: "20px";
}

.locations-and-buildings-information {
    margin-top: 20px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.locations-and-buildings-additional-location {
    margin-top: 80px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
}

.location-and-buildings-edit {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    color: #2e7d32;
    text-decoration: underline;
    margin-left: 7px;
    vertical-align: 2px;
    cursor: pointer;
}

.locations-and-buildings-underwriter-placeholder {
    float: right;
    margin-top: -30px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;
}

.locations-and-buildings-footer-spacer {
    margin-top: 40px;
}

@media (min-width: 0px) and (max-width: 600px) {
    .locations-and-buildings-mobile-hr {
        display: block;
        padding-top: 30px;
        padding-bottom: 20px;
    }
}
.state-specific-information-big-title {
  font-family: "Montserrat";
  font-size: 48px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  margin-top: 20px;
  color: #333333;
}
/* .tabs-align-juriscdiction{
    margin-top:30px;
    margin-bottom: -20px;
} */
.state-specific-information-post-big-title-text {
    margin-top: 14px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);    
}


.state-specific-title{
  font-family: "Montserrat";
  font-size : 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color:  var(--soft-black);
  display: inline-block;
  line-height:  1.28;
  padding-top:  50px;
  padding-bottom: 15px;
}

.no-dropdown {
    overflow-y: auto;
}

.GrangeSelectBoxBottomActionLink {
    max-height: 69px;
}

#producthorizontalLine {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(121, 121, 121, 0.8);
  margin: 20px 0;
  padding: 0;
}
.field-label {
  height: 18px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #323232;
}
.paddingfive{
  padding: 5px;
}
.field-required {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background-color: #e5ae5f;
  display: inline-block;
}

.field-info {
  width: 14px;
  height: 14px;
  border-radius: 10px;
  background-color: #c1c1c1;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
}

.label {
  width: 146px;
  height: 18px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #323232;
}
#img {
  width: 40px;
  margin-top: 15px;
  height: 40px;
  border-radius: 4px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  background-color: 0.22 rgba(51, 51, 51, 0.22);
}
#center {
  display: flex;
  align-items: center;
}

.bi-sublab {
  height: 28px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}
#policy-info-row-head {
  height: 50px;
  display: flex;
  align-items: center;
}
#sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#badge {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background-color: #e5ae5f;
}
#lastRow {
  height: 178px;
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px rgba(51, 51, 51, 0.22);
  background-color: #ffffff;
}
.bi-lab {
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}
#card {
  margin: 20px;
  height: 50px;
  border-radius: 5px;
  /* border:1px solid #2e7d32; */
  display: flex;
  align-items: center;
}
#btn {
  height: 50px;
  border-radius: 5px;
  border: solid 2px #2e7d32;
  background-color: #ffffff;
  color: #2e7d32;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
}

.line {
  width: 1px;
  height: 10px;
  border: solid 1px rgba(121, 121, 121, 0.9);
  margin: 5px;
}
#headline {
  color: #333333;
  height: 54px;
  font-family: Montserrat;
  font-size: 48px;
  font-weight: bold;

  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
}
#top-head :nth-child(1) {
  width: 120px;
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}
#top-head :nth-child(2) {
  width: 94px;
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #323232;
}
#top-head :nth-child(3) {
  width: 34px;
  height: 22px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #777777;
}

.additional-insured-row {
  border: solid 1px rgba(51, 51, 51, 0.22);
  height: 50px;
  width: 90%;
  background-color: rgba(228, 236, 210, 0.33);
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.editbtn {
  margin-left: auto;
  margin-right: 15px;
}

.number-badge {
  padding: 10px;
  color: white;
  background-color: rgba(92, 113, 119, 0.8);
  width: 3%;
  height: 49px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: -1px;
}

.additional-name {
  padding: 10px;
  margin-left: 10px;
  color: #2e7d32;
  font-weight: 600;
}

.edit-icon {
  height: 20px;
  width: 20px;
}

.delete-icon {
  height: 20px;
  width: 15px;
  margin-left: 25px;
}

.policy-info-header-container {
  height: 50px;
  background-color: rgba(211, 211, 211, 0.31);
  width: 100%;
}

.policy-info-headers {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.87);
}

.policyInfoPage .form-control{
  height: 50px;
}

.section-secondary-header-title {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #323232;
  margin-top: 10px;
}

.margin-top-30 {
margin-top: 30px;
}

.margin-top-60 {
margin-top: 60px !important;
}

.insured_bbb {
  margin-top: 20px;
}

@media (max-width: 575px) {
  .px-5 {
    padding-left: 0px !important;
    padding-right : 0px !important;
    margin-right : 5% !important;
  }
}

.policyInfoPage textarea {
  height: auto !important;
}

/* GW2-9567: adding spinner inside Additional Contacts and Additional Named Insured components */
.policy-info-contacts-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 20px;
}


.naics-class-code-search-wrapper {
    padding-left: 13.5%;
    padding-right: 13.5%;
    overflow-y: scroll; 
    height: 80%;
    padding-top: 40px;
}  

/* .naics-class-code-search-wrapper::-webkit-scrollbar {
    display: none;
} */


.naics-content-title-bold {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    color: #323232;    
}

.naics-content-title {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #323232;  
}

.naics-data-row-style:hover {
    /* background-color: #797979; */
}

.naics-header-row {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #323232;    
    padding-top: 5px;    
    padding-bottom: 5px;      
}

.naics-data-row {
    padding-top: 15px;    
    padding-bottom: 15px;    
}

.naics-data-row:hover
 {
    background-color: #f7f8f8;
 }
 
 .naics-code-style {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.58px;
    color: #797979;    
}

.naics-description-style {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.56px;
    color: rgba(0, 0, 0, 0.87);    
}


.naics-select-link {
    float: right;
    cursor: pointer;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2e7d32;    
}

.naics-pagination-div{
    display: flex;
    margin-top: 30px;
}

.naics-pagination-result-text{
    font-size: 14px;
    line-height: 1.57;
  color: #777777;
  padding-left: 10px;
  padding-top: 1px; 
}

.insurance-sub-heading {
    font-size: 18px;
    line-height: 28px;
    color: #393939;
}

.insurance-content {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.87);
}

.insurance-content-continue-reading {
    font-size: 14px;
    line-height: 26px;
    color: #2e7d32 !important;
    text-decoration: underline !important;
    font-weight: bold;
}

.insurance-radio > div > div:first-child {
    display: none !important;
}

.insurance-radio > div {
    padding-top: 10px;
}

.discount-label-input-col {
  display: flex;
}

.header-below {
  margin-top: -10px;
}

.discount-label-checkbox-div {
  height: 18px;
  margin-right: 11px;
  width: 18px;
  border: 1px solid #000000;
  border-radius: 2px;
  cursor: pointer;
}

.discount-label-checkbox-div.disabled {
  background-color: #666464;
  pointer-events: none;
  cursor: default;
}

.discounts-footer {
  margin-bottom: 40px;
}

.section-header-discounts {
  margin-bottom: 30px;
  margin-top: -30px;
}

.flex-discounts {
  height: 75px;
  display: flex;
  align-items: center;
}

.discount-label-checkbox-div-selected {
  height: 18px;
  margin-right: 11px;
  width: 18px;
  border: 1px solid #2e7d32;
  background-color: #2e7d32;
  border-radius: 2px;
  cursor: pointer;
}

.discount-label-checkbox-div-selected.disabled {
  background-color: #666464;
  pointer-events: none;
  cursor: default;
}

.discount-label-input-checkmark {
  font-family: arial;
  color: white;
  margin-top: -14px;
  margin-left: -20px;
  transform: scaleX(-1) rotate(-40deg);
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.discount-label-input-label {
  margin-top: -4px;
  display: flex;
}

.discount-sub-inputs {
  margin: 0 0 20px 0;
  padding-left: 15px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 320px) and (max-width: 765px) {
  .flex-discounts {
    height: 100px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 766px) and (max-width: 3000px) {}

.confirm-update-account-card-wrapper-heading{
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.75;
  color: #797979;
  margin: 1rem;
}
.confirm-update-account-card-wrapper-subheading{
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0.58px;
  color: #323232;
  margin-top: 2rem;
}
.confirm-account-update-changeitem-label{
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.57;
  color: #323232;
  padding:0.5rem;
}
.confirm-account-update-changeitem-box{
    width: 60%;
}
.confirm-account-update-changeitem-value-previous{
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  color: #797979;
  margin-left: 0.5rem;
  display: inline-block;
  word-break: break-all;
}
.confirm-account-update-changeitem-value-updated{
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  color: #323232;
  padding: 0.5rem 0.5rem 0 0.5rem;
  display: inline-block;
  word-break: break-all;
  
}
.confirm-account-update-changeitem-value-updated-next{
 font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  color: #323232; 
  padding-left: 0.5rem;
  display: inline-block;
  word-break: break-all;
}
.confirm-update-account-card-wrapper{
  border-radius: 5px;
  box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
  border: solid 1px rgba(51, 51, 51, 0.22);
  /* background-color: rgba(245, 245, 245, 0.8); */
  margin-top: 1rem;
  margin-left: 20px;
  margin-right: 20px;
}
.confirm-account-update-changeitem-wrapper{
    display: flex;
   align-items: center;
    padding-top: 1rem;

   
}
.confirm-account-update-changeitem-margin{ 
  padding: 1.5rem 1.5rem 1.5rem .5rem;
}


.confirm-update-account-statement{
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  color: #333333;
  padding: 0.5rem 0 1rem 0;
  border-bottom: 1px solid rgba(121, 121, 121, 0.8) ;
  margin-top: 2rem;
}
/* .confirm-update-account-main-wrapper{ */
/* margin-left:10%;
margin-right: 10%; */

/* } */
.confirm-update-account-card-wrapper-small{
margin-right: 2%;
margin-left: 2%;
border-radius: 5px;
box-shadow: 0 3px 1px 0 rgba(51, 51, 51, 0.22);
border: solid 1px rgba(51, 51, 51, 0.22);

}
.confirm-update-account-footer{
  margin-top: 4rem;
  overflow: hidden;
}
.confirm-update-account-quote-section-wrapper{
  margin-top: 2rem;
  padding: 20px;
}
.confirm-update-account-quote-section-subheading{
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.63;
  color: rgba(0, 0, 0, 0.87);
}
.confirm-update-account-quote-section-single-quote-update-policy{
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 1rem 0px 0.5rem 0px;
    width: max-content; 
}

.confirm-update-account-quote-section-single-quote{
  display: flex;
    justify-content: start;
    align-items: center;
    margin: 1rem 0 0.5rem 1rem;
    
}
.confirm-update-account-quote-section-single-quote-QUOTE{
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 1.63;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.87);  
}
.confirm-update-account-quote-section-single-quote-p-name{
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 1.63;
  color: #323232;
}
.confirm-update-account-quote-section-job-no{
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.63;
  color: #323232;
}
.confirm-update-account-quote-section-oval{
  width: 5px;
  height: 5px;
  background-color: #797979;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 10px;
}
.confirm-update-account-quote-section-dark-bg{
  background-color:rgba(245, 245, 245, 0.8);
  
}
.confirm-update-account-policy-section-wrapper{
  padding: 1.5rem; 
  background-color:rgba(245, 245, 245, 0.8);
  border-top:1px solid #d2d2d2;
}
.bold{
  font-weight: bold;
}

.confirm-update-account-success {
  margin-left: 18%;
}

.confirm-update-account-success-policy-change-holder {  
  margin-left: 0 !important;
}


.confirm_edit_screen .loading-message-full-summary-center {
  z-index: 1800 !important;
}

.confirm-update-account-success-policy-change {
  width: 60%;
  padding: 40px;
  border-radius: 5px;
  box-shadow: 0 2px 12px 3px rgb(124 177 189 / 15%);
  background-color: #ffffff;
  margin: 50px auto 40px auto;
}

.btn-holder {
  text-align: center;
}

.success-wrapper .icon {
  display: inline-block;
  width: 46px;
  height: 44px;
  margin: 1px 16px 10px 0;
}

.confirm-update-account-success-policy-change h3 {
  margin-bottom: 15px;
}
body {
  margin: 0;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
}

.display-data{
  display: flex !important;
}

@media only screen and (max-width: 576px){
  /* .d-flex{
    display: block !important;
  } */
  .display-data{
    display: block !important;
  }
  /* .mainContent-0-1-2{
    margin-left: 0px !important;
    margin-right: 0px !important;
  } */
  .container{
    padding-right: 20px;
    padding-left: 20px;
  }
  /* .leftNav-0-1-1 {
    margin-bottom: 0px !important;
  } */
  .myAccountAccess-align-center{
    display: none;
  }
  .grange-yes-no-field{
    width: 50%;
  }
  .add-edit-additional-card-number-badge{
   padding: 15px;
  }
  .add-edit-additional-card-full-row-holder{
    width: 100%;
  }
  .align-items-end{
    margin-left: unset !important;
  }
  .form-control{
    height: calc(1.5em + 0.75rem + 10px);
  }
}