.form-check label {
    display: flex;
}

/* Intro cards CSS */
div#intro-cards {
    max-width: 540px;
    margin: 10px auto;
}

div.card,
div.accordion {
    margin: 10px 0;
}

div.card-body {
    padding: 0.5em 1.5em 1.5em 1.5em;
}

div.card-footer {
    background-color: transparent;
    border-top: none;
    padding-bottom: 2em;
}

.card-body .card-title {
    font-size: 15pt;
}

.card-body .card-text {
    font-size: 10.5pt;
}

h5.card-title {
    padding:.5em 0 .5em 1em;
    border-bottom: solid 1px #f0f0f0;
}

div.profile {
    margin-bottom: 1em;
}

div.build-score span {
    font-weight: bold;
    font-size: 110%;
}

div.skip-section {
    border-top: 1px solid #e9e9f3;
    margin-top: 1em;
}
button.btntipskip {
    color: #c4c4cc;
}


div.suggested-actions {
    font-weight: bold;
    font-size: 90%;
    margin-top: 1em;
}
div#progressbar {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: #ffffff;
    border-radius: 40px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 10px 0;
}
div#percentage-complete {
    position: absolute;
    border-radius: 40px 0 0 40px;
    -width: 5%;
    height: 100%;
    left: 0px;
    top: 0px;

    background: linear-gradient(178deg, #3328AE 19.67%, #2CDECD 100.08%), #84848C;
}

div#smart-resume-edit {
    margin-bottom: 3em;
}

div#suggested-action-list {
    max-height: 300px;
    margin-bottom: 1em;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}
    div#suggested-action-list::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }


ul#suggested-sections {
    list-style: none;
    width: 100%;
    position: relative;
    margin: .5em 0;
    padding: 0;
}
ul#suggested-sections > li {
    margin-bottom: 0.5em;
}

#milestone-image {
    width:250px;
}

#complete-section {
    margin: 0 1em;
}

div.add-award,
div.add-skills,
div.add-version,
div.import-credential,
div.update-preferences,
div.update-profile,
div.update-addressinfo {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    padding: 16px;
    background: rgba(29, 194, 123, 0.03);
    border: 2px dashed rgba(29, 194, 123, 0.3);
    border-radius: 10px;
    font-weight: bold;
    margin-top: 0.5em;
}
div.add-percent {
    border: 2px solid #1dc27b;
    box-sizing: border-box;
    border-radius: 8px;
}

div.profile-content {
    position: relative;
    margin-top: 1em;
}
#btn-canvas-logout {
    position: absolute;
    right:5px;
    top: 5px;
}
#btn-update-recipient {
    position: absolute;
    right:0px;
    top: 0px;
    padding: 5px;
}
    #btn-update-recipient span.material-icons {
        color: #2c2f33;
    }
#btn-update-skills {
    position: absolute;
    right:20px;
    top: 15px;
    padding: 5px;
}
    #btn-update-skills span.material-icons {
        color: #2c2f33;
    }

.profile-name {
    font-size: 120%;
    font-weight: bold;
    padding-right: 15px;
}
    .section3 .profile-name {
        padding-bottom: 1em;
        padding-left: 0;
        border-bottom: 1px solid #c0c0c0;
    }

div.profile-location, 
div.profile-email,
div.profile-phone,
div.profile-interestlevel {
    font-size: 80%;
    display: flex;
    align-items: start;
}
div.profile-location span.material-icons,
div.profile-email span.material-icons,
div.profile-phone span.material-icons,
div.profile-interestlevel span.material-icons {
    font-size: 16px;
    margin-right: .5em;
}

div#useai_wrapper {
    display: inline-block;
}
div#ai-jobtitle button,
div#ai-options button {
    display: inline-block;
}

div.shaded {
    background-color: #f3f3fb;
}

div.iw-text {
    background-color: #f6f6f6;
    padding: .5em;
    margin-bottom: 1em;
}
div.iw-text p {
    margin-top: .5em;
    margin-bottom: .5em;
}

p.claim-text,
p.import-credentials-text {
    background-color: #f6f6f6;
    padding: 1em;
    margin-left: -.5em;
    margin-right: -.5em;
}
p.claim-text {
    margin-top: 1em;
}

#import-wizard p.claim-text {
    background-color: #f6f6f0;
}

div#selectall_wrapper,
div#showhidden_wrapper,
label#showhidden_label {
    /* font-size: 90%!important; */
    font-weight: normal;
}

.selectall {
    margin-left: 0;
}

dl.credential-claim-list {
    font-size: 90%;
}
dl.credential-claim-list dt {
    text-decoration: underline;
    font-weight: normal;
}
dl.credential-claim-list dd {
    margin-left: 1em;
    margin-bottom: .25em;
}

div.reclaim-note {
    margin-top: 1em;
    font-size: 80%;    
}

div.claim-skip {
    margin-top: 1em;
    border-top: 2px solid #f0f0f0;
}

dl.hide-hidden dt.vchidden,
dl.hide-hidden dd.vchidden {
    display: none;
}
dd.vchidden {
    opacity: .6;
}

ul.viewaward-list,
ul.award-list {
    list-style: none;
    padding: 0;
}
ul.viewaward-list li.award-detail,
ul.award-list li.award-detail {
    border-bottom: solid 1px #f0f0f0;

    /* These styles added to prevent overly-long, unbroken strings from breaking window sizing */
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}

#autoaddawards_wrapper {
    margin-bottom: 1em;
}

label#autoaddawards_label {
    font-weight: normal;
    font-size: 90%;
}

#action-cards h2>button {
    font-weight: bold;
}
#action-cards .astro {
    width:23px;
    margin-right:10px;
}
#action-cards .purple-eye,
#action-cards .purple-download {
    margin-right: 10px;
    color: #7056d4;
}

#interestlevel_visible_wrapper,
#interestlevel2_visible_wrapper {
    padding-left: 0;
    margin-left: 0;
}
#employervisible_wrapper {
    padding-left: 0;
    margin: 1em 0;
}

#smartresume-versions button {
    color: #1f1f1f;
}
#smartresume-versions button:hover {
    color: #ffffff;
}

.sr-buttons {
    margin: .5em 0;
}
    .sr-buttons .btnsredit,
    .sr-buttons .btnsrshare,
    .sr-buttons .btnsrexport {
        border-radius: 0!important;
        flex: 0 1 auto;
    }
    .sr-buttons .btnsrpdf {
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
        flex: 0 1 auto;
    }
    .sr-buttons .btnsrview {
        text-align: left;
        padding-left: 1em!important;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }

#btnaddversion {
    color: #1f1f1f;
}
    #btnaddversion:hover {
        color: #ffffff;
    }

/* .view-buttons button {
    margin: 6px 0 12px 0;
    padding: 5px 10px;
}
    .view-buttons #btneditview {
        border-radius: 0!important;
    }
    .view-buttons #btnaddversion {
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    } */

#viewidlist_dataliner {
    background-color: #FFFFFF;
    border-radius: 25px 0 0 25px;
    border: solid 1px #3328ae;
}

#share-viewtitle {
    font-weight: bold;
}

#btnpreview,
#btnshare,
#btnsharelinks,
#btndownload {
    color: #1f1f1f;
    font-weight: bold;
}
#btnpreview .material-icons,
#btnshare .material-icons,
#btndownload .material-icons,
.build-score i.fa-info-circle {
    color: #7056d4;
}

#featured-skills .card-body {
    font-size: 85%;
}
    #featured-skills .card-body h5 {
        font-size: 110%;
    }
    #featured-skills .card-body ul {
        padding-left: 1rem;
    }

#recipient-info-data .name {
    font-weight: bold;
}
#recipient-info-data .material-icons {
    color: #7056d4;
}

.award-buttons {
    background-color: rgba(112, 86, 212, 0.07);
    border: 1px solid rgba(112, 86, 212, 0.7);
    box-sizing: border-box;
    border-radius: 14px;
    height: 2em;
}
    .award-buttons button {
        padding: 0.25rem 0.35rem;
    }
    .award-buttons .material-icons {
        margin-top: 0px;
        color: #7056d4;
        font-size: 18px;
    }
    .award-buttons span.award-sort span.material-icons {
        padding-bottom: .25em;
    }
    /* #resume-sections .award-buttons {
        position: absolute;
        top: .25em;
        right: 2.25em;
    } */

#view-preferences {
    margin-bottom: 1em;
}

.view-buttons,
.sr-buttons,
.viewaward-buttons {
    width: 100%;
}

#btn-view-delete {
    color: #ba1d1d;
}

li.hideaward .award-title,
li.hideaward .award-att,
li.hideaward .award-notes {
    opacity: 0.5;
    z-index: -1!important;
}
	li.hideaward .award-buttons {
	    position: relative;
        z-index: 10!important;
	}

/* li.hideaward {
    opacity: 0.5;
} */

/* Set icon to "hand" for sorting handle links */
.ui-sortable-handle {
    cursor: grab;
}

/* Ensure that the autocomplete results are visible */
.ui-autocomplete {
    z-index: 10000!important;
}

#skills-dialog .card-text {
    font-size: 75%;
    font-weight: bold;
}
#add-skill {
    color: #7056d4;
    width: 1em;
}

/* SmartResume merge classes */
#export-dialog div.section1 img,
#import-dialog div.section1 img,
#merge-dialog div.section1 img,
#uploadresume-dialog div.section1 img {
    width: 50%;
    max-width: 250px;
}
#merge-dialog div.section1 {
    text-align: center;
    margin: 10px 0 10px 0;
}

#merge-dialog div.section2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    margin: 10px 20px;
}

#merge-dialog div.section3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    color: #5f5f66;
    margin: 10px 10px;
}

#merge-dialog div.section4 {
    color: #1f1f1f;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    margin: 20px 0;
}

#merge-agreed {
    margin-left: 0;
    float: none;
}

/* Resume upload classes */
div#uploadresume-body-3 div.section3 p,
div#uploadresume-body-3 label {
    text-align: left;
}
div#uploadresume-body-3 .form-check-input {
    margin-top: 0;
}

dl#uploadresume-claim-list dt {
    background-color: #f6f6f6;
    padding: 5px 5px 0 5px;
    margin-bottom: 5px;
}
dl#uploadresume-claim-list dd {
    margin-left: 55px;
}
    dl#uploadresume-claim-list dd div.credential-selector{
        margin-left: -25px;
    }


/* Export/Import credentials classes */
#export-dialog .export-button,
#import-dialog .import-button {
    border: solid 1px #c4c4cc;
    border-radius: 20px;
    display: inline-block;
    height: 6.5em;
    padding: 1em;
    margin-bottom: .5em;
    margin-left: .2em;
    margin-right: .2em;
    overflow: hidden;
}
#export-dialog .export-button img,
#import-dialog .import-button img {
    max-height: 100%;
    max-width: 100%;
}
    #import-dialog .import-button img.badgr-1 {
        display: block;
        height: 42%;
        margin-bottom: 4%;
    }
    #import-dialog .import-button img.badgr-2 {
        display: block;
        height: 48%;
    }
    #import-dialog .import-button img.accredible-1 {
        max-width: 94%;
    }
    #btn-downloadtcp span.button-text {
        display: inline-block;
        color: var(--bs-link-color);
        font-weight: bold;
        margin-top: 1em;
    }

    #lcw-qrcode {
        margin-bottom: 1em;
    }
    #btn-lcw img.lcw-1 {
        border-radius: 14px;
    }
    #btn-pocket img.pocket-1 {
        margin-top: 1em;
    }
    #btn-pocket {
        width: 250px;
    }
    #btn-wgu img.wgu-1 {
        margin-top: 1.25em;
    }
#import-dialog .import-button div.import-text {
    display: inline-block;
    font-weight: bold;
    margin-left: .25em;
    vertical-align: middle;
}
#export-dialog .export-button span.other,
#import-dialog .import-button span.other {
    float: inline-start;
    /* color: #e4e4ec; */
    color: var(--bs-link-color);
    font-size: 4em;
}
#import-dialog #btn-canvas div.import-text {
    width: 5em;
}
#import-dialog #btn-other div.import-text {
    width: 8em;
}
#import-dialog #btn-lcw div.import-text {
    width: 5em;
}

#import-dialog .select-credential {
    font-weight: bold;
    margin: .5em 0 .5em -1em;
}
    #import-dialog #import-awards h5 {
        border-bottom: 1px solid #c0c0c0;
        text-align: left;
    }
    #import-dialog .select-credential > label {
        font-size: 100%;
    }
#import-dialog li.award-detail {
    text-align: left;
    border-bottom: 1px solid #c0c0c0;
}
#import-dialog li.award-detail div.award-description {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}
#import-dialog li.award-detail div.import-selection {
    font-weight: bold;
    margin: .5em 0;
}
#import-dialog li.award-detail a.certified-award {
    display: inline-block;
    vertical-align: top;
    width: 8%;
}

#import-dialog li.award-detail a.certified-award img {
    width: 100%;
    height: auto;
}

#import-wizard {
    background-color: #fffffc;
}

div.co-brand {
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    padding: 1em 1.5em;
    margin: 10px 0;
    box-shadow: 0px 4px 20px rgba(51, 40, 174, 0.12);
    border-radius: 30px;
    color: #000000;
    font-size: 90%;
}
img.co-brand-logo {
    width: 100%;
    padding: 0;
    margin: 0;
}
div.co-brand-text {
    margin: 1rem 0 0 1rem;
}

.claim-smartresume {
    border-top: 1px solid #dfdfdf;
    padding-top: .5rem;
}
.claim-buttons {
    /* border-top: 1px solid #dfdfdf;
    padding-top: .5rem;
    padding: 10px; */
    padding-bottom: 1em;
}
.claim-smartresume .kd_checkbox > label {
    font-size: 100%;
    font-weight: bold;
}
.claim-confirmation {
    padding: 1rem 0;
    border-top: 1px solid #dfdfdf;
}

#deleteaward_wrapper {
    margin-top: .5em;
}

#deletetype_wrapper label {
    font-weight: normal!important;
}

ul#viewresume-sections {
    list-style: none;
    width: 100%;
    position: relative;
    margin: 0 0 1em 0;
    padding: 0;
}
ul#viewresume-sections h3,
div.skills h3 {
    font-size: 120%;
    color: #4F2ECE;
    border-bottom: 1px solid #c0c0c0;
    margin: .25em 0;
    padding: .5em 0;
    cursor: pointer;
}

ul#viewresume-sections h4 {
    background-color: #f6f6f6;
    font-size: 100%;
}
ul#viewresume-sections > li {
    margin-bottom: 1em;
}
ul#viewresume-sections .content {
    padding: .25em;
}