.selector-pointer {
    cursor: pointer;
}

.search_illustrator{
    width: 40%
}

.wid-100 {
    width: 100px;
}

.requestCTAPlacement {
    width: 210px;
}

.no-results-overlay {
    width: 80%;
    margin: 0 auto;
    padding: 10% 0;
    text-align: center;
}

.border-b {
    border-bottom: 1px solid #ccc;
}

#login_coachmark .modal-dialog,
#signup .modal-dialog,
#login .modal-dialog {
    max-width: 1000px;
}

.min-card-height{
    min-height: 330px;
}

.single-slide {
    width: 100% !important;
}

.slick-slide {
    outline: none;
    width: 485px !important;
    position: relative;
    left: -62px;
}

.slick-slide img {
    width: 100%;
    margin: 5px;
}

.slick-dots {
    bottom: 15px !important;
    left: -10px;
}

.coachmark-wrapper {
    flex-direction: row;
    text-align: center !important;
    border-radius: 5px;
    min-height: 65vh;
}

.half-col-1 {
    flex: 1;
    /* padding: 6% 8%; */
    max-width: 50%;
    max-height: 100%;
    place-self: center;
}

.half-col-2 {
    flex: 1;
    color: #fff;
    background-color: #FF6307;
    display: flex;
    justify-content: center;
    place-items: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.cursor-p {
    cursor: pointer;
}

.coachmarkCTA {
    position: absolute;
    bottom: 35px;
    right: 35px;
}

.coachmarkCTA:hover {
    border: 1px solid #fff;
}

.category-tag {
    font-size: 12px;
    border: 1px solid #ff6307e3;
    background-color: #e244021f;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 5px;
    position: relative;
    bottom: 2px;
}

@media (max-width: 800px) {
    .coachmark-wrapper {
        flex-direction: column;
        text-align: center !important;
        border-radius: 5px;
    }
    .coachmarkCTA {
        position: absolute;
        bottom: 20px;
        right: 38%;
    }
    .half-col-1 {
        flex: 1;
        padding-top: 25%;
        max-width: 100%;
        max-height: 75vh;
    }
    .half-col-2 {
        padding: 10px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        padding-bottom: 70px;
    }
    .slick-slide img {
        width: 80%;
    }
    .slick-slide {
        outline: none;
        width: 485px !important;
        position: relative;
        left: 0px !important;
    }
    #login_coachmark .modal-dialog {
        width: 96%;
    }
    #signup .half-col-1 {
        width: 100%;
    }
    #login .modal-x-wrapper,
    #signup .modal-x-wrapper {
        position: absolute;
        top: 5px;
        right: -15px;
    }
}

@media (max-width: 320px) {
    .coachmarkCTA {
        right: 35%;
    }
    .slick-slide {
        width: 320px !important;
    }
    .slick-slide img {
        width: 97%;
    }
}

@media (min-width: 576px) {
    .no-results-overlay {
        width: 30%;
        margin: 0 auto;
        padding: 10% 0;
        text-align: center;
    }
}

@media (min-width: 1440px) {
    .lg-txt-r {
        text-align: right !important;
    }
}

.min-height-full {
    min-height: 100vh;
    position: relative;
}

@media (max-width: 1280px) {
    .p-md-b-5 {
        padding-bottom: 5rem;
    }
    .requestCTAPlacement {
        /* width: 200px; */
        margin-left: 22px !important;
    }
}


/* Chip Styles */

.chips-parent .MuiChip-root {
    margin-right: 5px !important;
    font-weight: 700;
}

.chips-parent .MuiChip-clickableColorPrimary {
    color: #fff;
}

.chips-parent .MuiChip-outlinedPrimary {
    color: #FF6307;
}

.show-on-mobile {
    display: none;
}

@media (max-width: 800px) {
    .chips-parent .MuiChip-root {
        margin-top: 5px;
    }
    .show-on-mobile {
        display: inline-block;
    }
}


/* Search Dropdown Styles */

.multiselect-mobile-wr .dropdown {
    width: 180px;
}

@media (max-width: 576px) {
    .multiselect-mobile-wr .dropdown {
        width: 230px;
    }
}

.multiselect-mobile-wr .dropdown button {
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-left: none;
}

.multiselect-mobile-wr .show>.btn-secondary.dropdown-toggle {
    background-color: #fff;
    color: #000;
    border-color: #BCBCBC;
}

.multiselect-mobile-wr .btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.multiselect-mobile-wr .dropdown-menu {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    border: none;
    border-bottom: 1px solid #bcbcbc;
}

.multiselect-mobile-wr .dropdown-menu button {
    width: 100%;
    border: 1px solid #BCBCBC;
    border-bottom: none;
    padding: 10px;
    outline: none;
}

.multiselect-mobile-wr .dropdown-menu button:last-of-type {
    border-bottom: 1px solid #bcbcbc;
}

.multiselect-mobile-wr .dropdown-menu div {
    width: 100%;
    border: 1px solid #BCBCBC;
    border-bottom: none;
    padding: 6px 0;
    outline: none;
}

.multiselect-mobile-wr .dropdown-li-label {
    position: relative;
    top: 4px;
    left: 5px;
    color: #16151D;
}

.multiselect-mobile-wr .form-check-input {
    width: 18px;
    height: 18px !important;
}

.multiselect-wrapper .input-group input {
    border-color: #ced4da !important;
}


/* Homepage Middlebar Dropdown Styles */

.home-middlebar-dropdown .btn-secondary.dropdown-toggle,
.home-middlebar-dropdown .btn-secondary:active,
.home-middlebar-dropdown .btn-secondary {
    background-color: transparent !important;
    border: none;
    padding: 0px;
}

.home-middlebar-dropdown .dropdown-menu {
    width: 100%;
    top: 10px !important;
    left: 2px !important;
    background-color: #1b1c21;
    border-radius: 0px;
}

.home-middlebar-dropdown .dropdown-menu div button {
    padding: 10px 25px;
    color: #fff;
    outline: none;
}

.home-middlebar-dropdown .dropdown-menu div button:hover {
    background-color: #1b1c21;
    padding: 10px 25px;
    color: #fff;
    outline: none;
}

.home-middlebar-dropdown .custom-positioning {
    position: relative;
    left: -22px !important;
}

.home-middlebar-dropdown .video-custom-positioning {
    position: relative;
    left: -10px !important;
}


/* Document Template Styles */

.document-wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    padding-bottom: 4%;
}

.document-body-wrapper {
    height: 90vh;
    flex: 1;
    margin: 18px 1% 0 2%;
    padding: 0 10px 0 0;
    overflow-y: auto;
}

.document-body-wrapper::-webkit-scrollbar,
.htmlParsedSection::-webkit-scrollbar {
    width: 0px !important;
}

.htmlParsedSection p>img {
    /* width: 80%; */
}

.htmlParsedSection .overflow-visible {
    overflow: auto !important;
}

.doc-title {
    /* margin-bottom: 0px;
    font-size: 20px;
    font-weight: 700; */
    margin-bottom: 10px;
    font-size: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-weight: 700;
}

.doc-search-wrapper {
    padding: 1%;
}

.doc-search-title {
    /* margin-bottom: 10px; */
    font-size: 35px;
    /* padding-bottom: 15px; */
}

.custom-font-20{
    font-size: 20px !important;
}

@media (max-width: 576px) {
    .mobile-index-ham {
        margin: 0 5px;
        position: relative;
        bottom: 8px;
        right: 6px;
    }
    .htmlParsedSection p>img {
        width: 100%;
    }
    .htmlParsedSection p>a>img {
        width: 100%;
    }
    .htmlParsedSection img {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .document-wrapper {
        width: 100%;
        height: 100%;
        padding-bottom: 20%;
    }
}


/* Start of Document Body Content Styles */

.document-body-head {
    width: 100%;
    display: flex;
    padding: 20px 1rem 16px 1rem;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}

.breadcrum-wrapper {
    width: 40%;
    display: flex;
    align-items: center;
}

.breadcrum-wrapper .MuiBreadcrumbs-ol {
    font-size: 14px;
    line-height: 19px;
}

.search-bar-wrapper {
    width: 30%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 5px;
    place-self: center;
}

.search-bar-wrapper .input-group-text {
    background-color: #fff;
}

.search-bar-wrapper:hover,
.search-bar-wrapper:focus-within {
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223, 225, 229, 0);
}

@media (max-width: 576px) {
    .document-body-wrapper {
        margin: 1.1% 1% 0 2%;
        margin-top: 65px;
    }
    .document-body-head {
        width: 100%;
        display: block;
        padding: 20px 3%;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
    }
    .breadcrum-wrapper {
        width: 100%;
        display: flex;
        margin-bottom: 20px;
        align-items: center;
    }
    .search-bar-wrapper {
        display: inline-block;
        width: 80%;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 5px;
        place-self: center;
    }
}


/* Start of sidebar styles */

.doc-sidebar {
    width: 350px;
    height: 95vh;
    margin-top: 16px;
    padding: 10px 2% 5% 4%;
    background-color: #1b1c21;
    color: #fff;
    overflow-y: auto;
}

.doc-sidebar>h6 {
    margin-top: 8%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.doc-menu-ul>h6 {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25px;
    cursor: pointer;
}

.doc-menu-ul {
    margin-bottom: 15px;
    list-style: none;
    padding-left: 0px;
}

.doc-menu-ul h6.active,
.dropdown-links-wrapper>.active {
    color: #FF6307 !important;
}

.dropdown-links-wrapper>.active>span {
    padding: 0px 3px;
}

.doc-menu-ul h6>img {
    width: 8px;
    position: relative;
    bottom: 2px;
    left: 5px;
}

.doc-menu-ul li {
    margin-bottom: 10px;
    padding-left: 25px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
}

@media (min-width: 1440px) {
    .doc-sidebar {
        width: 400px;
    }
}

@media (max-width: 800px) {
    .doc-sidebar {
        width: 100%;
        height: 96vh;
        padding-top: 40px;
    }
    .doc-ham-close {
        position: absolute;
        top: 105px;
        right: 45px;
    }
}

.doc-sidebar::-webkit-scrollbar {
    width: 5px;
}

.doc-sidebar::-webkit-scrollbar-track {
    border-radius: 10px;
}

.doc-sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FF6307;
}

.alert-text {
    color: #FF6307;
}

.text-white-name{
    color: #fff;
}

.uplift-layer{
    z-index: 999;
}


.download-grid{
    display: grid,
    
}

.download-flex-row{
    display: flex
}

.download-flex-content{
    flex: 3;
    word-break: break-all;
}

.download-flex-btn{
    flex: 1;
    align-self: center;
    text-align: center;
}

.download-table-col span:first-of-type{
    padding: 12px 15px 10px 0;
}