.ui.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(0,0,0,.85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.ui.divider {
    font-size: 1rem
}

    .ui.divider:not(.vertical):not(.horizontal) {
        border-top: 1px solid rgba(34,36,38,.15);
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

.ui.horizontal.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: '';
    line-height: 1;
    text-align: center
}

    .ui.horizontal.divider:after, .ui.horizontal.divider:before {
        content: '';
        display: table-cell;
        position: relative;
        top: 50%;
        width: 50%;
        background-repeat: no-repeat
    }

    .ui.horizontal.divider:before {
        background-position: right 1em top 50%
    }

    .ui.horizontal.divider:after {
        background-position: left 1em top 50%
    }

    .ui.horizontal.divider:after, .ui.horizontal.divider:before {
        border-bottom: 1.5px solid #bcbdbd !important;
    }

.customBadgeImage {
    max-height: 250px;
}

.marginTop20 {
    margin-top: 20px;
}

.bottomMargin10 {
    margin-bottom: 10px !important;
}

.factor360BadgeTitle {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
}

.factor360BadgeDescription {
    overflow-wrap: break-word;
    font-size: 16px;    
}

.divVerifiyMessage {
    font-size: 18px;
}

.factor360MetaTitle {
    font-size: 18px;
    font-weight: 700;
}

.metaTagWrapperClass {
    margin-left: auto;
    margin-right: auto;
}

.borderTag {
    border: solid #00000042 !important;
    justify-content: center;
    font-size: 14px;
}

.alert-grey {
    color: black;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.coursesWrapperClass {
    font-size: 18px;
}
/* For mobile phones: */

.achievementImageWraper {
    flex: 0 1 100%
}

.achievementTitleWrapper {
    flex: 0 1 100%;
    text-align: center;
}

.achievementMetaClassWrapper {
    flex: 0 1 100%;
    text-align: center;
}

.coursesWrapperClass {
    text-align: left;
}

.blackSolid {
    border: 1px solid #000000 !important;
}

.metaKeyLabelWrapperClass {
    margin: 0 10px;
    margin-bottom: -5px;
}

.verifyButton {
    background-color: #fff !important;
    font-size: 18px !important;
}

.verifierModalClass {
    padding: 0 1rem;
}

.verifierItem {
    font-size: 18px !important;
    align-items: center !important;
}

.verifyIconGreen {
    font-size: 1.5em;
    color: green;
    padding-right: 1.5em;
}

.verifyIconRed {
    font-size: 1.5em;
    color: red;
    padding-right: 1.5em;
}

.pnlCopyButton {
    flex: 0 1 30%;
}

.pnltxtToCopy {
    flex: 0 1 70%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */

}

@media only screen and (min-width: 768px) {
    /* For desktop: */

    .achievementImageWraper {
        flex: 0 1 30%
    }

    .achievementTitleWrapper {
        flex: 0 1 65%;
        margin-left: 5%;
        text-align: left;
    }

    .achievementMetaClassWrapper {
        flex: 0 1 65%;
        margin-left: 5%;
    }

    .divVerifiyMessage {
        font-size: 18px;
        padding-left: 10%;
    }
}


.shareMedia-btn, .shareMedia-button {
    border: none;
    display: inline-block;
    padding: 3px 12px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

    .shareMedia-btn:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
    }

.shareMedia-btn, .shareMedia-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shareMedia-white, .shareMedia-hover-white:hover {
    color: #000 !important;
    background-color: #fff !important
}

.noBorder {
    box-shadow: none !important;
    border: none;
}

.shareIcon {
    font-size: 1.4em !important;
}