body#timeline {
    counter-reset: my-sec-counter;
    max-width: 2056px;
    margin: auto;
}

a, a:hover, a:active, a:focus {
    color: #007070;
}
a:hover, a:focus {
    text-decoration: underline;
}
a:focus, a:focus i {
    background-color: rgb(255 255 204 / 20%);
    color: #BF1722 !important;
    border-radius: 5px;
}
a.add-gift:focus {
    background-color: #ffffcc;
}
.gd-logo:focus {
    background-color: #579797;
    border-radius: 15px;
    padding: 0px 15px;
}
.skip-to-content-link {
    left: 10%;
    right: 10%;
    font-size: 16px;
    top: 0;
    padding: 3px;
    position: absolute;
    transform: translateY(-100%);
    border-radius: 0 0 14px 14px;
    transition: transform 0.3s;
    display: inline-block;
    overflow: hidden;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}

.small-pad-right {
    padding-right: 5px;
}
.ng-left-shell {
    padding: 15px 15px 0;
}
.custom-check input[type="checkbox"] {
  display: none;
}
.custom-check input[type="checkbox"]+label {
  cursor: pointer;
}
.dropdown-menu>li>a {
    padding: 9px 20px;
}
.go_button {
    background: #008080;
    color: white;
    border: none;
    padding: 3px 9px;
    border-radius: 3px;
    font-weight: bold;
}
.dropdown_date {
    width: 100px;border: 1px solid #ccc;padding: 2px 4px;border-radius: 3px; text-align: center;
}
.grant_shell {
    display: inline-block;
    margin-top: 5px;font-size: 16px;
    max-width: calc(100% - 210px);
    line-height: 1.4;
}
.gift_shell {
    display: inline-block;
    margin-top: 5px;font-size: 16px;
    max-width: calc(100% - 50px);
}
.add_sub {
    margin: 5px 0 0 !important;
    font-size: 16px !important;
    background: teal !important;
    color: white;
}
.add_sub:hover,.add_sub:focus {
    background: #42a5a1 !important;
    color: white;
}
.add_bens.mpoa_radio label {
    text-align: left;
    padding: 10px;
    font-weight: 300 !important;
    margin: 10px 0 0;
    max-width: 100%;
    font-size: 16px;
    border-color: #ccc;
    border-radius: 5px;
}
.custom-check input[type="checkbox"]+label:before {
  border: 1px solid #878787;
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 5px 24px 0 -40px;
    padding: 5px;
    vertical-align: top;
    width: 24px;
    margin-right: 10px;
    position: absolute;
    content: " ";
}
.custom-check.white-check input[type="checkbox"]+label:before {
  border: 1px solid #fff;
}
.custom-check input[type="checkbox"]:checked+label:before {
  background: #fff;
  color: teal;
  content: "\2713";
  text-align: center;
}
.custom-check input[type="checkbox"]:checked+label:after {
  font-weight: bold;
}

.custom-check input[type="checkbox"]+label:focus:before {
    outline: #ccc auto 5px;
}

.ng-lnav {
    overflow: hidden; background: teal; color: white;
    background-image: linear-gradient(175deg, rgba(46, 114, 112, 0.95) 0%,rgb(36, 143, 140) 100%), url(/static/images/legacy-bg.jpg);
    background-position: center;
}

.lnav-delete {
    margin-bottom: 0;
    margin: 15px 30px;
    text-align: center;
    display: block;
    border: 1px solid white;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    font-weight: bold;
    background: rgba(255,255,255,.1);
}

.no-bottom {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
span.dollar, span.search {
    position:absolute;
    left: 12px;
    line-height: 38px;
    font-size: 16px;
    font-weight: normal;
}
.gen-body input:not([type=submit]).us-dollar, .gen-body input:not([type=submit]).search-input {
  padding-left:35px !important;
  text-align:left;
}
.gen-body dd input:not([type=submit]).search-input {
  padding-left:35px !important;
}
.ng-rnav h3 {
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0;
    line-height: 1.5;
}

.mark-complete {
    border: 1px solid white;
    background: transparent;
    border-radius: 5px;
    padding: 4px 15px;
    margin: 15px auto;
    font-size: 14px;
    display: block;
    text-align: center;
}
.mark-complete:hover, .mark-complete:focus {
    background: rgba(255,255,255,.1);
}
.no-li-style {
    list-style: none;
    padding-left: 0;
    font-size: 16px;
}
.not-ready {
    opacity: .5;
}
.blocked, .dim {
    opacity: .5;
}
.blocked {
    cursor: not-allowed;
    pointer-events: none;
}
.edit-icon {
    font-size: 85%;
    margin-right: 3px;
    margin-left: 3px;
}
.list_container { padding-top: 10px;}
.ng-lnav .headers {
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    margin: 0 -30px;
    padding-left: 60px;
    cursor: pointer;
    display: block;
    color: white !important;
    text-decoration: none;
}
.table-questions {
    font-size: 16px;
}
.gen-body .instructions-li a {
    font-size: 16px;
}
.ng-lnav a.headers:focus, .ng-lnav a.headers:hover {
    text-decoration: none;
    color: #fff8af;
}

.active-header {
    background: #218281;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.gen-body{
    padding: 0;
}
.pg-shout {
    width: 100%;
    left: 0;
    margin-top: 15px;
    display: none;
}
.delete-gift {
    margin: 0;
    display: block;
    padding: 6px 30px;
    width: 100%;
    border-radius: 5px;
    text-decoration: none !important;
    text-align: center;
    background: #fff;
    color: #333 !important;
    font-weight: normal;
}
.ng-left-shell .delete-gift:hover, .delete-gift:focus, .delete-gift:active {
    color: #c00 !important;
    font-weight: bold;
}
.ng-left-shell .row {
    overflow: hidden;
}
.pg-shout a {
    color: white;
    text-decoration: underline;
}
.pg-shout h3{

    font-size: 12px;
    font-weight: 500;
}

.gen-body dd select, .gen-body dd input:not([type=submit]), .gen-body dd textarea,
 .modal-content dd select, .modal-content dd input:not([type=submit]), .modal-content dd textarea
 {
    padding: 7px !important;
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 10px;
    box-shadow: none;
    font-weight: 400;
    height: auto;
    max-width: 100%;
}
.ng-left-shell h1{
        font-size: 22px;
    font-weight: 500;
}
.gen-body a, .modal-content a {
    display: inline-block;
    font-weight: normal;
}
.gen-body .modal-content {
    padding: 20px;
}
.gen-body #childModal .modal-content, .gen-body #laChildModal .modal-content {
    padding: 0;
}
.asset-list.white-bg.big-padding .add {
    padding: 40px 10px;
    margin-top: 30px;
    background: white;
    color: teal;
    border: 1px solid teal;
    font-weight: normal;
}
.mid-padding .add{
    padding: 15px !important;
    color: teal !important;
    border: 1px solid teal !important;
    background: white !important;
    margin: 15px 0 0;
}
.asset-list.white-bg.big-padding .add:hover,
 .asset-list.white-bg.big-padding .add:focus,
 .mid-padding a:hover,
 .mid-padding .add:focus,
 .asset-list.white-bg.big-padding .add.active,
   .add:focus i {
    background: teal !important;
    color: white !important;
}

 .asset-list.white-bg.big-padding .add:focus,
 .mid-padding .add:focus,
   .add:focus i {
    background: #ffffcc;
    color: #BF1722;
}
.gen-body .spin-shell{
    margin-right: 15px;
}
.gen-body .remove-alt {
    color: #757575;
    line-height: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 1px 5px 1px 8px;
    margin-top: 8px;
}
.gen-body .remove-alt:focus, .gen-body .remove-alt:hover {
    color: teal;
    border: 1px solid teal;
}
.gen-body .existing-ben .remove_alt {
    margin-top: 2px;
}
.gen-body .custom-person.full-person {
    display: block;
    width: calc(100% - 40px) !important;
    background: #eef5f4;
    padding: 0 15px;
    border-radius: 4px;
    line-height: 40px;
    margin-top: 4px;
    margin-bottom: 3px;
    font-weight: normal;
}
.gen-body .custom-person.full-person.sharedBen {
    display: block;
    width: calc(100% - 150px) !important;
    background: #eef5f4;
    padding: 0 15px;
    border-radius: 4px;
    line-height: 40px;
    margin-top: 4px;
}
.gen-body .custom-person.full-person.altBen {
    background: #f5f5f5;
}

.selection-qs.red-border {
    padding: 1px 10px !important;
    background: transparent !important;
}
.selection-as {
    line-height: 40px;
}
.people-list li.input_fields_wrap:hover {
    background: transparent;
}
.gen-body h2, .modal-content h2 {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
}
.gen-body {
    padding-bottom: 30px;
}
/*.new-gen {
    min-height: calc(100vh - 215px);
}*/
.list_container.newassets .custom-person.full-person {
    width: calc(100% - 145px) !important;
}
.new-gen .proceed {
    border: none;
    font-size: 16px;
}
.small-print {
    font-size: 13px !important;
    padding: 4px 30px !important;
    color: white !important;
    font-weight: normal !important;
    width: auto !important;
    margin: auto;
    display: inline-block !important;
    }
/* Keep small-print stable across interaction states (mobile/default) */

.new-gen.newalts select {
    width: 100%;
}
.new-gen .add-alt {
    color: teal;
}
.edit-user {
    padding-top: 0;
    vertical-align: 2px;
}
.spin-shell {
    top: 5px;
}
.new-gen .custom-person {
    width: calc(100% - 115px);
    cursor: pointer;
}
.new-gen .custom-person.directBen {
    width: calc(100% - 40px) !important;
    padding-top: 3px;
    margin-top: 0;
}

.new-gen .questions .remove-bequest {
    padding-right: 0;
    margin-top: -3px;
    float: right;
}
.new-gen sup {
    font-size: 80%;
}
.new-gen input[type="text"].form-control, .new-gen input[type="email"].form-control, .new-gen input[type="password"].form-control {
    box-shadow: none;
    background: #eef5f4;
    height: 40px;
    margin-bottom: 0;
    border: none;
    color: #333;
}
.added_alt_shell .remove-alt {
    line-height: 30px;
    width: 34px;
}
.new-gen p {

    font-size: 18px;
    line-height: 1.4;
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
   25% { transform: rotate(7deg); }
   50% { transform: rotate(0deg); }
   75% { transform: rotate(-7deg); }
  100% { transform: rotate(0deg); }
}

.wiggle {
  display: inline-block;
  animation: wiggle .25s infinite alternate;
}

.ben-description {
    padding-top: 15px;
    border-top: 1px solid #e9e9e9;
    margin-bottom: 15px;
}

.new-gen.newalts select, .new-gen select {
    background: #eef5f4;
    font-size: 16px;
    height: 40px;
    box-shadow: none;
    margin-bottom: 3px !important;
    color: #333;
    border-radius: 4px;
    padding: 4px 8px;
}
.new-gen .custom-charity {
    width: 100%;
    line-height: 40px;
}
.gen-body .new-gen .custom-charity dd input:not([type=submit]) {
    margin-bottom: 0;
}
.lovelist.charitylist li{
    padding: 2px 0;
}
.spaced-label button {
    border: 1px solid teal;
    border-radius: 5px;
    padding: 5px 16px;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    font-size: 16px;
    background: white;
}
.spaced-label input[type="radio"], .spaced-label label {
    display: none;
}
.spaced-label button:focus {
    background-color: #ffffcc !important;
    color: #BF1722 !important;
    border-color:  #BF1722 !important;
    font-weight: bold;
}
.spaced-label input[type="radio"]:checked+label, input[type="radio"]:checked+label.add,
 .spaced-label .active, .spaced-label button:hover, .spaced-label button.active {
    font-weight: bold;
    color: white !important;
    background: teal !important;
}
.gen-body .charitylist .remove-bequest {
    padding: 10px 0 0 0;
}
.remove-bequest:focus, .remove-bequest:hover {
    color: #be4f13;
}
.charitylist span.dollar {
    left: 25px;
}
.new-gen .no-ul-pad ul {
    padding-left: 10px !important;
    padding-top: 5px;
}
.new-gen .add-link {
    margin-top: 5px;
}
.new-gen .panel-collapse a {
    font-size: 75%;
    padding: 8px 15px 8px 85px;
    font-weight: normal;
}
.new-gen .people-list a {
    display: block;
}
.new-gen .panel {
    margin: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.alternates {
    margin: 10px 0;
}
.n_dash {
    background: teal; color: white;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    }
.n_dash2 {
    background: teal; color: white;
    height: 185px;
    line-height: 70px;
    font-size: 28px;
    padding: 0;
}
.n_dash2 h1 {
    font-weight: bold;
    line-height: 50px;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 24px;
    clear: left;
}
.dashDocs.dashDocs2 h2 {
    padding-left: 10px;
    font-size: 20px !important;
    color: #000 !important;
    padding-bottom: 10px;
    font-weight: bold !important;
    margin: 0;
}
.dash-side h2 {
    margin: 0 0 25px;
    font-size: 18px;
    font-weight: bold;
    color: black;
}
.small-main-btn {
    border: none;
    font-size: 14px;
    width: auto !important;
    display: inline;
    background: #666;
    color: white;
    border-radius: 4px;
    padding: 7px 10px;
    text-transform: uppercase;
    font-weight: normal;
}
@media (max-width: 1200px){
    .small-main-btn {
        display: block;
    }
}
.small-main-btn:hover, .small-secondary-btn:hover, .small-main-btn:focus, .small-secondary-btn:focus  {
    background: teal;
    color: white;
    border: none;
    padding: 7px 10px;
}
.small-secondary-btn {
    font-size: 14px;
    display: inline;
    background: transparent;
    color: #666;
    border-radius: 4px;
    padding: 6px 9px;
    text-transform: uppercase;
    font-weight: normal;
    border: 1px solid #999;
    margin-right: 7px;
}
.secondary-btn {
    color: #666 !important;
    border: 1px solid #999 !important;
}
.no-ins {
    background: teal;
    color: white;

}
.yes-ins {
    display: block;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.edit-profile, .edit-profile:focus, .edit-profile:hover {
    color: white !important;
    margin-right: 15px;
    font-weight: normal;
}
.profile-dropdown {
    color: #fff !important;font-weight: normal;border: 1px solid white;border-radius:
    4px;
    padding: 4px 16px 4px 4px;
}
.profile-dropdown:hover, .profile-dropdown:focus{
    opacity: .9;
    color: #fff !important;
}
.gift-link:focus {
    background: white !important;
}
.gift-link {
        display: block;
        padding: 20px 0;
        margin-bottom: 12px;
        font-size: 14px;
        font-weight: normal;
        color: #666;
        cursor: pointer;
}
.gift-link-active {
        padding-bottom: 34px;
        margin-bottom: -1px;
        position: relative;
        box-shadow: none;
        border-radius: 4px 4px 0 0;
        border-bottom: none;
        color: teal;
}
.ins {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid teal;
    margin-bottom: 20px;
}
.ins div, .ins a {
    text-align: center;
    padding: 10px;
    width: 50%;
    float: left;
    font-weight: bold;
}
.dash-side .dark-grey {
    font-size: 15px;
}
.charity-list {
  list-style: none;
}

.charity-list li::before {
  content: "\2022";
  color: teal;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.vertical-nav {
    writing-mode: vertical-lr;
    margin-left: -30px;
    position: absolute;
    margin-top: 15px;
    color: white;
    font-size: 16px;
}
.dropdown-menu {
    font-size: 16px;
}
.gen-back {
    padding-top: 14px;
    text-align: right;
    color: #333;
    padding-right: 15px;
    font-size: 18px;
    font-weight: normal;
    margin-top: 2px;
}
button.gen-back {
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    line-height: inherit;
    padding: 9px 5px;
    margin: 0;
    width: auto;
    height: auto;
}
.progress-aside {
    font-size: 12px;
    padding-top: 1px;
    margin-left: 5px;
}
.ben-links {
    padding:0 5px 0 0;
}
.ben-links label:hover {
    font-weight: bold !important;
    background: transparent !important;
}
.gen-body .add {
    padding: 15px;
}
.gen-body .add-agent {
    line-height: 28px;
    text-align: right;
    display: block;
    float: none;
}
.newalts select {
    width: 100% !important;
}
.new-ben-list .remove-alt {
    padding-top: 5px;

}
.zero-out {
    font-size: 18px;
    margin-top: 7px !important;
    padding-right: 10px !important;
}
.zero-out:hover, .zero-out:focus {
    border: 1px solid transparent !important;
}
.new-ben-list .remove-alt i {
    vertical-align: -5px;
}
.gen-body .ben-list .new-ben-list select {
    width: calc(100% - 40px) !important;
}
.table-questions td {
    border: none !important;
    vertical-align: middle !important;
}
.table-sep {
    border-top: 1px dashed #ddd;
    margin: 20px 0 15px;
    height: 1px;
}
.beneficiary-icon {
    line-height: 45px;
    float: left;
}
.beneficiary_template .gift-head span {
    max-width: calc(100% - 180px);
    overflow: hidden;
    display: block;
    white-space: nowrap;
    float: left;
    border-right: 5px solid white;
}
.gen-body .custom-gift {
    width: calc(100% - 40px) !important;
    margin-left: 10px;
    margin-top: 0;
}
.codicil-cash .gift-head {
    margin-top: 0 !important;
}
a.add-gift {
    padding: 3px 16px 3px 8px;
    background: transparent;
    border-radius: 4px;
    border: 1px solid teal;
    margin-top: 0px;
    font-size: 14px;
    margin-left: 10px;
    line-height: 18px;
    display: inline;
    vertical-align: 2px;
}
a.add-info {
    padding: 4px 16px 4px 8px;
    background: #eee;
    border-radius: 4px;
    margin-top: 20px;
    font-size: 14px;
    margin-left: 15px;
    line-height: 18px;
    vertical-align: 1px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 15px;
}
.gen-body .ben-list select {
    width: calc(100% - 35px);
}
.new-gen .questions .other-benlist.about-list .custom-person {
    width: calc(100% - 35px) !important;
}


.gen-body .gift-description {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.gen-body .inline {
    display: inline-block !important;
}
.gen-body label.gift-head, .gift-head{
    width: 100%;
    font-size: 16px !important;
    color: #615164 !important;
    font-weight: normal !important;
    padding: 5px 5px 0 0;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.1;
}
.gen-body .review-will .gift-head {
    margin-bottom: 0;
}
.gen-body .will-bens {
    overflow: hidden;
    /* font-size: 14px;
    white-space: nowrap;*/
}
.listed-gift {
    vertical-align: 12px !important;
    margin-left: 10px;
    margin-right: 10px;
}
.ncount {
    padding-right: 7px;
    font-weight: normal;
}
.will-head {
    font-size: 22px !important;
    color: #615164 !important;
}
.gen-body .bequests {
    padding-left: 0 !important;
    list-style: none;
}

#distribution .gift-head {
    padding: 0;
}
.assign_ben { display: inline-block;font-size: 14px;padding: 3px 9px;color: #999;border: 1px dashed #666;margin-left: 5px;border-radius: 4px;}
.bequest-settings .custom-person .fullsize {
    padding-top: 3px;
}
#myGifts .modal-dialog, #stockModal .modal-dialog, #myModal .modal-dialog, #codicilModal .modal-dialog, #orgModal .modal-dialog {
    max-width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: 0 auto !important;
    padding: 0;
    background: white;
    overflow: auto;
}
.gen-back.rp, .gen-back {
    padding: 9px 5px !important;
}

/* Override button padding to match link styling */
button.gen-back.rp, button.gen-back {
    padding: 9px 5px !important;
}
.people-list {
    display:block
}
.alt-list .added_shell {
    margin-top: 5px;
}
.green-box {
    background: teal;
    padding: 5px;
    font-size: 14px;
    color: white;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: normal;
}
.gen-body .custom-person.full-person a {
    color: #333;
    display: inline;
}
input::placeholder, textarea::placeholder {
    color: #6e6e6e;
}

.gen-body .will-list, .gen-body .will-list a {
    white-space: normal;

    font-weight: 300;
    font-size: 18px;
    overflow: visible;
    color: #000;
}
.gen-body .will-list a {
    margin-left: 40px;
}
.gen-body .will-list.specific-gifts a {
    margin-left: 0;
    line-height: 1.4;
    margin-bottom: 5px;
}
.gen-body .will-list a.gift-head {
    margin-top: 15px;
    margin-left: 0;
    padding: 5px 0;
}
.gen-body .will-list a strong {
    margin-left: -40px;
    font-size: 14px;
    display: inline-block;
    width: 42px;
    font-weight: normal;
    text-align: center;
}
.bequest-icons li {
    margin-left: 5px;
}
.gen-body .will-list a i {
    margin-left: -35px;
    margin-right: 10px;
}
/*.gen-body .will-list.specific-gifts a i {
    margin-left: -50px;
    margin-right: 5px;
    position: relative;
    bottom: -14px;
}*/
.gen-body .will-list a i.fa-phone-laptop {
    vertical-align: -2px;
}
.gen-body .bequests li:hover, .hover-bg:hover {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(246 251 251) 20%, rgb(235 246 246) 80%, rgba(255,255,255,1) 100%);
}
.note-highlight, .gen-body a.agent-highlight, .codicil-gift, .rmd-estimate {
    border: 1px dashed #ccc;
    padding: 15px 12px 12px;
    font-size: 14px !important;
    position: relative;
    border-radius: 5px;
    display: block;
    margin: 20px 0;
}
.gen-body .will-list a.agent-highlight i {
    margin-left: 0;
}

.three-list > div {
    counter-reset: my-sec-counter;
}

.note-highlight:before, .agent-highlight:before, .codicil-gift:before, .rmd-estimate:before {
    counter-increment: my-sec-counter;
    content: 'Distribution #' counter(my-sec-counter);
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: -12px;
    left: 3px;
    background: white;
    color: #999;
    padding: 0 3px;
    z-index: 100;
}
 .agent-highlight:before {
    content: 'Agent #' counter(my-sec-counter);
 }
 .rmd-estimate:before {
    content: 'RMD Estimate';
 }
.codicil-gift:before {
    content: 'Item Gift';
    line-height: 1.5;
    padding: 0 7px;
}
.codicil-gift.codicil-cash:before {
    content: 'Cash Gift';
}
.ng-rnav p, .ng-rnav li {
    font-size: 16px !important;
}
.ng-rnav {
    overflow: scroll;
}
.gen-body a.note-orange {
    border: 1px solid #e7b79d;
}
.note-orange a {
    color: teal;
}
.note-orange:before {
    color: #bd5823;
}
.address {
    text-transform: capitalize;
    display: block;
    margin: 5px 0;
}


.add_bens input[type="radio"], .add_bens input[type="checkbox"] {
    float: left;
    opacity: 0;
}
.add_bens label, .add_bens a {
    display: block;
    border: 1px solid teal;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    margin: 15px auto;
    cursor: pointer;
    color: #333;
    font-weight: normal;
}
.dashDocs, .dashDocs3 {
    padding: 20px;
}
.dashDocs .icon-adjust {
    margin-top: 5px; margin-right: 10px;
}
.dashDocs ul, ul.dashBequests  {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
.dashBequests {
    font-size: 16px;
}
.dashBequests li {
    border: none !important;
}
.nowrap-name {
    max-width: calc(100% - 110px);
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.dashBequests .progress {
    float: left;
    width: 45px;
    margin-right: 10px;
    height: 10px;
    border-radius: 0;
    margin: 6px 10px 0 0;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}
.no-hover {
    padding-top: 20px !important;
    background: transparent !important;
    padding-left: 15px !important;
    border: none !important;
}
.editPencil {
    margin-right: -5px;
    display: none !important;
}
a:hover .editPencil, a:focus .editPencil { display: block !important;}
.dashBequests li {
    line-height: 1;
    padding-bottom: 10px;
}
.profile-small-head {
    font-size: 12px;
    font-weight: normal;
    color: #615164 !important
}
.dashDocs ul li {
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
}
.dashDocs ul li a {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.dashDocs3 ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}
.steps {
    float: right;
    width: 200px;
}
.steps div {
    width: 33.33%;
    height: 30px;
    background: #eee;
    float: left;
}
.steps .step1 {
    background: #999;
}
.steps .step2 {
    background: #61ADA0;
}
.steps .step3 {
    background: #008080;
}
.dashDocs ul li:hover {
    background: #f8f8f8;
    background: radial-gradient(circle, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
}
.dashDocs ul li:hover .docAction {
    background: teal;
    color: #fff !important;
}
.dashDocs label {
    padding-left: 10px;
    font-size: 16px !important;
    color: #615164 !important;
    padding-bottom: 10px;
}
.add_bens.bigger label, .add_bens.bigger a {
    padding: 15px;
    max-width: 100%;
}
.add_bens.longer label, .add_bens.longer a {
    max-width: 100%;
    font-size: 16px;
}
.add_bens label:hover,.add_bens a:hover, .add_bens label:focus,.add_bens a:focus, .add_bens .selectedC,
.add_bens input[type="radio"]:focus + label, .add_bens input[type="checkbox"]:focus + label {
    background: #d6e8e8;
    border-color: #d6e8e8;
    color: #333;
}
.add_bens input[type="radio"]:checked+label, .add_bens input[type="checkbox"]:checked+label, .add_bens a:hover, .add_bens a:focus {
    font-weight: bold;
    color: white !important;
    background: teal !important;
}

.dash-span {
    position: absolute;
    top: 14px;
    font-size: 16px;
}
.headers .fa-caret-down {
    display: none;
}
.link-hover:hover, .link-hover:focus {
    color:#007878;
    text-decoration: underline;
}
.dashDocs .docAction {
    color: #007878;
    font-size: 15px;
    padding: 12px 5px;
    border-radius: 4px;
    border: 1px solid transparent;
    background: transparent;
    margin-top: 2px;
}

/* .dashDocs .nolink, .dashDocs .nolink:hover {
    background: teal !important;
    color: white !important;
} */
.dashDocs .dark-grey{
    width: 100%;
    margin-top: 3px;
}
.dashDocs .next-step span {
    display: none;
}
.dashDocs .next-step.sub {
    line-height: 30px;
    margin-left: 35px;
    font-size: 12px;
}
.flipper .dashDocs .next-step {
    margin-top: 11px;
}
.markComplete.new-assets-left-tab-complete {
    color: white;
    border-color: teal;
    background-color: teal;
}
.bd-a {
    display: block !important;
    overflow: hidden;
    padding: 5px 0;
}
.bd-a:hover {
    background: radial-gradient(circle, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%) !important;
}
.bd-link {
    display: block;
    margin-top: 5px;
    width: 100%;
    font-size: 15px;
    padding: 8px 5px;
}

.bd-item {
    float: left;
    width: calc(100% - 35px);

}

@media(min-width: 768px){
    .table-shell {
        display: table;
    }
    .tr-row {
        display: table-row;
    }
    .td-column {
        display: table-cell;
    }
    .gen-body .modal-content {
        padding: 65px 80px 80px;
    }
    .bd-link {
        display: inline-block;
        width: 150px;
        margin-top: 0;
    }
    .bd-item {
        float: left;
        width: calc(100% - 185px);
    }
    .negative-top-margin {
        margin-top: -15px;
    }
    .dashDocs .next-step.sub {
        line-height: 25px;
        text-align: right;
        margin-left: 0;
        padding-top: 8px;
        padding-bottom: 17px;
    }
    .dashDocs .next-step {
        float: right;
        width: 180px;
        font-size: 12px;
        font-weight: normal;
    }
    .dashDocs .next-step span {
        display: block;
    }
    .dashDocs .dark-grey{
       float: left;
        width: calc(100% - 190px)
    }
    .pg-shout {
        display: block;
    }
    .new-gen .add-link.tight{
        margin: 15px -100px -11px -95px;
        font-size: 18px;
        padding: 20px 40px;
        background: rgb(243, 241, 212);
        display: block;
    }
    .gen-full {
        height: 100%;
        overflow: hidden;
        display: flex;
        min-height: 100vh;
    }
    .gen-body, #myGifts .modal-dialog .modal-content, #myModal .modal-dialog .modal-content, #stockModal .modal-dialog .modal-content, #orgModal .modal-dialog .modal-content {
        padding: 65px 40px 80px;
        box-shadow: none;
        border: none;
    }
    .gen-body h2, .modal-content h2 {
        margin-top: 0;
        line-height: 1.4;
    }
    .ng-lnav .headers {
        margin: 0 -15px 0 -30px;
    }
    .ng-rnav {
        background: #f5f5f5;
    }
    .ng-left-shell {
        padding: 15px 0;
    }
    .gen-nav-links {
        margin-top: 20px;
    }
    .pg-shout {
        display: block;
        position: absolute;
        bottom: 0;
        font-size: 14px;
        padding: 0 20px 20px 15px;
    }
    .new-gen .custom-person {
        width: calc(100% - 150px) !important;
        padding-left: 0px;
    }
    .new-gen .custom-person.directBen {
        width: calc(100% - 45px) !important;
    }
    .gen-back {
        font-size: 18px;
        padding-top: 14px;
        text-align: right;
        color: #333;
        padding-right: 0;
    }

}

.white-hover a:hover, .white-hover a:focus, .white-hover a:active {
    color: white !important;
}
@media(max-width: 768px){

    .dashDocs .docAction {
        text-align: left;
        padding: 3px 0 10px;
    }
    .profile-dropdown {
        max-width: 130px;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        line-height: 1.4;
        margin-top: 20px;
    }
    .big-pad-modal {
        padding:0px;
    }
    .ng-lnav .headers {display: none;}
    .ng-lnav .active-header{display: block !important;}
    /*.markComplete {display: none;}*/

    .active-header i.fa-caret-down {
        display: block;
        margin-right: 10px;
        margin-top: 4px;
    }
    .ng-rnav {
        margin-bottom: 100px;
    }
      /* ===== Mobile Menu Toggle - Active Header Click Solution ===== */
    /* Adiciona ícone visual ao active-header para indicar funcionalidade de toggle */
    .ng-lnav .active-header .mobile-menu-icon {
        display: inline-block;
        margin-right: 10px;
        margin-top: 4px;
        transition: transform 0.3s ease;
    }

    /* Quando menu expandido (classe adicionada via JS), gira o ícone */
    .ng-lnav.menu-expanded .active-header .mobile-menu-icon {
        transform: rotate(180deg);
    }

    /* Expande container quando menu aberto */
    .ng-lnav.menu-expanded {
        min-height: 100vh;
    }

    /* Melhora visual do cursor no active-header para indicar interatividade */
    .ng-lnav .active-header {
        cursor: pointer;
    }
    /* ===== Fim Mobile Menu Toggle ===== */
}

.gift-link i {
    margin-bottom: 7px;
    font-size: 35px;
}
.gift-link-offset i {
    font-size: 40px;
    margin-bottom: 2px;
}
.gift-link-offset1 i {
    font-size: 37px;
    margin-bottom: 5px;
}
.bottom-submit {
    clear: both;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    background: white;
    box-shadow: 0px 0px 10px #ccc;
}

.bs-left a {
    line-height: 50px;
    text-align: center;
    display: block;
    font-size: 20px !important;
    padding: 10px;
    color: #333 !important;
}
.bs-right a, .bs-right button {
    margin: 0 !important;
    line-height: 50px;
    border-radius: 0 !important;
    font-size: 20px;
    color: white;
    text-align: center;
    display: block;
}
@media(min-width: 990px){
    .big-pad-modal {
        padding:40px 30px;
    }
    .gen-body, #myGifts .modal-dialog .modal-content, #myModal .modal-dialog .modal-content, #stockModal .modal-dialog .modal-content {
        padding: 80px 80px;
        box-shadow: none;
        border: none;
    }
    .gift-link {
            font-size: 16px;
    }
    .gift-link i {
        margin-bottom: 7px;
        font-size: 48px;
    }
    .gift-link-offset i {
        margin-bottom: 2px;
        font-size: 53px;
    }
    .gift-link-offset1 i {
        font-size: 52px;
        margin-bottom: 3px;
    }
}
.gpoa-notes {
    border: 1px solid #ccc;
    padding: 7px;
}

a.charitable-note {
    display: block;
    background: #eee;
    color: #666;
    padding: 5px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 1.4;
}
.ben-description-bp {
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 30px;
}
.add-gift em {
    font-style: normal;
}
.dt-label.splitl {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 5px;
}
.capital {
    text-transform:capitalize;
}
.flip-container {
  perspective: 1000px;
}

.flip-container.hover .flipper {
  transform: rotateY(180deg);
}
.greylink, greylink:focus, greylink:active, .giftToggle a:active, .giftToggle a:focus{
    color: #333;
    text-decoration: none;
    font-weight: normal;
}
.flip-container,
.front-dash,
.back-dash {
  width: 100%;
}
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.front-dash,
.back-dash {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.front-dash {
  z-index: 2;
  transform: rotateY(0deg);
}
.back-dash {
  transform: rotateY(180deg);
}

.nolink div, .nolink:hover span {
    display: block !important;
}

.nolink:hover div, .nolink span {
    display: none !important;
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
 }

 @keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
 }

.right-delete {
    color: #bd5823 !important;
    overflow: visible;
    padding-top: 5px;
    line-height: 40px;
    margin-left: 10px;
}
.the_list {
    position: relative;
    clear: both;

}
.the_list p {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}
.dashed_underline {
    border-bottom: 1px dashed #e9e9e9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.list_container .dashed_underline:last-child {
    border-bottom: none !important;
}

.solid-link,
.solid-link:hover,
.solid-link:focus,
.solid-link:active {
    line-height: 1.4;
    padding: 4px 10px !important;
    border-radius: 4px;
    background: #666;
    color: white !important;
    font-size: 13px;
}
.solid-link:hover, .solid-link:focus {
    background: teal;
    color: white !important;
}
.no-bg-link {
    line-height: 1.4;
    padding: 3px 9px 3px 0;
    font-size: 13px;
    margin-right: 5px;
}

.flex_wrapper {
  display: flex;
  flex-flow: row wrap;
}
.flex_results {
    border: 1px solid #ccc;
    border-radius: 5px;
}
/* We tell all items to be 100% width, via flex-basis */
.flex_wrapper > * {
  padding: 15px;
  line-height: 18px;
  font-size: 16px;
  flex: 1 1 0;
  overflow: hidden;
}
.flex_wrapper.flex_headers div {
    font-weight: normal;
    font-size: 14px;
    color: black;
    line-height: 0;
}
.security_name {
    -webkit-box-flex: 4;
    flex: 3 1 0%;
    padding-top: 17px;
    padding-left: 0;
    overflow: hidden;
    white-space: nowrap;
}
.security_name i {
    margin-right: 4px;
}
.flex_holder {
    flex: 1 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 25px;
    line-height: 25px;
    font-weight: normal;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.number_input {
    margin: 0 !important;
    text-align: center;
    width: 100%;
}
.flex_list {
    border-bottom: 1px solid #e9e9e9;
    padding-left: 10px;
}
.flex_total_amt {
    flex: 1;
    overflow: visible;
    text-align: right;
    font-weight: normal;
}
.flex_total_wrapper {
    background: #f5f5f5;
    border-radius: 5px;
}
.flex_subtotal {
    text-align: right;
    line-height: 40px;
}
.flex_shares {
    text-align: center;
    line-height: 40px;
}
.flex_total {
    flex: 5;
    font-weight: normal;
}
.instruction_block {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: -1px;
    margin-left: 44px;
}
@media (min-width: 1250px){
    .instruction_block {
        margin-bottom: 20px;
        float: right;
        margin-top: 10px;
    }
}
.indented-item {
    margin: 5px 10px 5px 5px;
}
.open-profile {
    margin-right: -2px;
    line-height: 20px;
    margin-top: -20px;
    border-left: #444 40px solid;
    padding: 0;
    min-width: 320px;
}
@media (min-width: 768px) {
    .indented-item {
        margin: 5px 10px 5px 55px;
    }
    .open-profile {
        line-height: 20px;
        margin-top: -20px;
        border-left: #444 40px solid;
        padding: 0;
        min-width: 390px;
    }
    .small-print {
        font-size: 14px !important;
        padding: 4px 50px !important;
    }
}
.light-orange {
    color: rgb(242 209 43) !important;
}
.step {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
}
.step .step-item {
  flex: 1 1 0;
  position: relative;
  text-align: center;
}
.step .step-item:not(:first-child)::before {
  background-color: teal;
  content: "";
  height: 0.125rem;
  left: -50%;
  position: absolute;
  top: 0.4375rem;
  width: 100%;
  z-index: 0;
}
.step .step-item .step-item-link {
  color: #666;
  position: relative;
  display: inline-block;
  padding-top: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  z-index: 1;
}
.step .step-item .step-item-link::before {
  background-color: teal;
  border: 0.125rem solid #fff;
  border-radius: 100%;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
}
.step .step-item .step-item-link.disabled {
  pointer-events: none;
  cursor: default;
}

.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.step .step-item.active a::before {
  background: #fff;
  border: 0.125rem solid teal;
}
.step .step-item.active ~ .step-item .step-item-link {
  color: #d4dae3;
}
.step .step-item.active ~ .step-item .step-item-link::before {
  background: #d4dae3;
}
.step .step-item.active ~ .step-item::before {
  background: #d4dae3;
}
.gen-body .custom-person.full-person.add_someone, .add_someone, .gen-body a.add_someone {
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px dashed teal;
    line-height: 1.42;
    font-weight: 400;
    color: teal;
    font-size: 16px;
    overflow: hidden;
    clear: left;
    display: block;
    text-align: center;
    background: white !important;
}
.gen-body .custom-person.full-person.add_someone:hover, .gen-body .custom-person.full-person.add_someone:focus,
a.add_someone:hover, a.add_someone:focus, .add_someone:hover,
.add_someone:focus, .add_someone:focus i {
    background: teal !important;
    border-color: teal !important;
    color: white !important;
}
.separator-bg {
    border-top: 1px dashed #ddd;
    margin-top: 50px;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    color: #666;

}
.separator-bg h3 {
   margin: -15px auto 30px;
   display: block;
   position: absolute;
   left: 0;
   right: 0;

}
.separator-bg h3 em {
    display: inline-block;
    background: white;
    padding: 0 10px;
    font-size: 2.5rem;
}
.custom-person:hover {
    background: #d7eae7 !important;
}
.custom-person:hover {
    background: #d7eae7 !important;
}
.red-needs {
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 7px;
    border-style: dashed !important;
}
.red-needs .green {
    color: #c00 !important;
}
.primary-ben:hover span.hov, .alt-ben:hover span.hov, .altBen:hover span.hov, #gift_alt:hover span.hov, #alt_people_bens li:hover span.hov {
    display: none;
}
.primary-ben span.hov1, .alt-ben span.hov1, .altBen span.hov1 {
    display: none;
    padding: 2px 0 1px;
    color: teal;
}
.primary-ben:hover span.hov1, .alt-ben:hover span.hov1, .altBen:hover span.hov1, #gift_alt:hover span.hov1, #alt_people_bens li:hover span.hov1 {
    display: inline-block;
}
.alt-ben span.hov1 {
    padding: 0;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
    padding-left: 0;
}
.th-label th, .th-label td {
    font-size: 16px !important;
}
.th-label th {
    font-size: 16px !important;
    color: #615164 !important;
    font-weight: normal !important;
    width: 115px;
    }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #666 !important;
    color: white !important;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    line-height: 20px !important;
}

.btn-popover:focus, .gen-back:focus {
    text-decoration: underline;
}
button.gen-back:focus {
    outline: none;
    text-decoration: underline;
}
button.gen-back:hover {
    text-decoration: underline;
    opacity: 0.8;
}
#cancelModal:focus {
    padding: 11px 32px;
}
.btn-danger {
    background-color: #d92b2b;
    border: 2px solid #d92b2b;
}
.btn-danger:focus, .btn-danger:hover {
    background-color: #c00;
    border: 2px solid #a81919;
    color: white !important;
    text-decoration: underline;
}
.new-gen .proceed {
    border: 2px solid transparent;
}
.new-gen .proceed:focus, .new-gen .proceed:hover {
    border: 2px solid #BF1722;
    background-color: #ffffcc;
    color: #BF1722 !important;
    text-decoration: underline !important;
}
.question-link {
    color: #008080 !important;
}
.question-link:hover, .question-link:focus {
    color: #be4f13 !important;
}
.ul {
    text-decoration: underline;
}
.ul:hover, .ul:focus {
    text-decoration: none;
    border: 1px solid teal;
}
.select2-container--default .select2-selection--single {
    height: 40px !important;
    border: none !important;
    background: #eef5f4 !important;
    line-height: 40px !important;
    padding: 0px 5px !important;
    font-size: 16px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333 !important;
    line-height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
}
.select2-dropdown {
    background-color: #eef5f4 !important;
    border: none !important;
}
.select2-results {
    padding: 0 6px !important;
}
.select2-container {
    display: block !important;
}
.select2-container:focus, .select2-container--focus {
    display: block !important;
    background: #d8efec;
    border: 1px solid teal;
    border-radius: 5px;
}
.support-hero-link {
    display: block;
    position: fixed;
    background-color: rgb(190, 79, 19);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    font-family: proxima-nova, Arial, sans-serif;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    padding: 8px 10px 21px;
    z-index: 100000001;
    bottom: 25px;
    right: -15px;
    transform: rotate(270deg);
}
.support-hero-link:hover, .support-hero-link:focus {
    border: 1px solid #BF1722 !important;
    right: -10px;

}
.giving-button {
    display: inline-block !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    border: 1px solid teal !important;
    color: teal;
    background: transparent;
    padding: 12px 15px;
    text-align: left;
    width: 100%;
    border-radius: 4px;
}
.bootstrap-switch-focused .bootstrap-switch-label {
    background: #ffffcc !important;
    border-color: teal;
}
.bootstrap-switch-focused {
    border-color: teal !important;
}
.externalTOS {
    color: white !important;
    text-decoration: underline;
}
.externalTOS:active,.externalTOS:hover  {
    color: #ffff00 !important;
}
.white-on-teal{
    color: white;
    padding: 20px 10px;
}
.white-on-teal a {
    color: white;
    text-decoration: underline;
}
.white-on-teal a:hover {
    color: yellow;
    text-decoration: underline;
}
.notify-form-wrapper {
    padding: 45px; border: 1px solid #ccc; border-radius: 15px; background: white;
}
.opacity50 {
    opacity: 0.5;
}
.button-tweaks {
    margin: 0 !important;
    line-height: 1.4;
    border: 2px solid teal;
}
#dsEasyButtonCustomContainer button:first-of-type {
    background: teal !important;
}
.question-block textarea {
    min-height: 100px;
}