/* dashboard */

/* @import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Kalam:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Kalam:wght@300&family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Pirata+One&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Concert+One&display=swap');

@font-face {
    font-family: open-sans;
    src: url(../fonts/OpenSans-Regular.woff2) format('woff2'), url(../fonts/OpenSans-Regular.woff) format('woff');
    font-display: swap;
}


@font-face {
    font-family: opensans-semibold;
    src: url(../fonts/opensans-semibold.woff2) format('woff2'), url(../fonts/opensans-semibold.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: poppins-semiBold;
    src: url(../fonts/Poppins/Poppins-SemiBold.woff2) format('woff2'), url(../fonts/Poppins/Poppins-SemiBold.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: source-sans-pro;
    src: url(../fonts/source-sans-pro/SourceSansPro-Semibold.ttf.woff2) format('woff2'), url(../fonts/source-sans-pro/SourceSansPro-Semibold.otf.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: source-sans-pro-regular;
    src: url(../fonts/source-sans-pro/SourceSansPro-Regular.ttf.woff2) format('woff2'), url(../fonts/source-sans-pro/SourceSansPro-Semibold.otf.woff) format('woff');
    font-display: swap;
}

body {
    color: #000;
    font-size: 13px;
}

.header-bg{
    background-color: #171717;
}
.opensans-semibold {
    font-family: 'opensans-semibold', sans-serif !important;
}

.z-index-1051,
.Modal_Modal {
    z-index: 2051
}

.label,
.label-font-color {
    color: #757575;
    font-size: 13px;
}

.txt {
    font-size: 13px;
    color: #000;
    margin-bottom: 0;
}

/* .PH-light::placeholder,
.placeholder-light::placeholder {
    opacity: .5;
} */

.form-control::placeholder,
.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999 !important;
    font-family: 'open-sans', sans-serif;
}

.grey-txt,
.grey-text,
.txt-grey,
.text-grey {
    color: #848484 !important;
}

.text-red,
.txt-red,
.red-txt,
.red-text {
    color: red !important
}

.font-size-11,
.font-11 {
    font-size: 11px !important;
}

.small-txt,
.font-size-12,
.font-12 {
    font-size: 12px !important;
}

.font-size-13,
.font-13 {
    font-size: 13px !important;
}

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

.text-transform-none {
    text-transform: none !important;
}

.font-family-source-sans-pro,
.FF-SSP {
    font-family: 'source-sans-pro', sans-serif;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.text-white {
    color: #ffffff !important;
}

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

.form-group label {
    color: #757575;
    font-size: 13px;
    margin-bottom: .5rem;
}

.error_input,
.error-input {
    border: 1px solid red !important;
    border-radius: 5px;
}

.soft_error_input {
    border: 1px solid blue !important;
}

.subcat {
    border: 1px solid rgb(0 0 0 / 28%);
}

.opacity-25 {
    opacity: 0.4;
}


/* Remove focus outline */

.select2-container *:focus {
    outline: none;
}

.select2-container .select2-search--inline .select2-search__field {
    font-size: 13px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #595959 !important;
    opacity: .5;
}
.iti__country-name,
.iti__flag-box {
    color: #000000 !important;
}

.no-drop {
    cursor: no-drop !important;
}

.sectionvh4 {
    padding-bottom: 10px;
    padding-top: 31vh;
    background: linear-gradient(to bottom, #0a0a0a47 0%, #464646 100%);
}

.sectionvh5 {
    padding-bottom: 10px;
    padding-top: 31vh;
    background: linear-gradient(to bottom, #0a0a0a47 0%, #464646 100%);
}

.section1-wrapper-dashboard {
    width: 96% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.profile-photo-dashboard {
    margin: auto;
}

.expert-profile-img-db {
    width: 160px;
    height: 200px;
    object-fit: cover;
    margin-bottom: 2rem;
    border-radius: 10px;
}

.Expert-id-donating i {
    margin: auto 0;
    font-size: 12px;
    line-height: 1.3;
    text-align: right;
}

.Expert-id-donating {
    margin-top: 1rem;
}

.Expert-id-donating i span {
    display: inline;
}

.default-btn-view-profile {
    text-transform: uppercase;
    font-size: .9rem;
    color: #ffffff !important;
    border: 2px solid #939598;
    padding: 9px 20px;
    line-height: 1;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    border-radius: 2rem;
}

.users-slug-link {
    color: #fff;
    font-family: 'source-sans-pro-regular', sans-serif;
    font-style: italic;
    display: block;
    margin: .5rem 0;
    font-size: .8rem;
}

.slug-viewProfile-m {
    justify-content: space-around;
}

.charitybadgeDB {
    width: 12px;
    height: 20px;
    margin-top: auto;
    margin-left: .5rem;
}

.rate-ratingDB {
    display: flex;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    font-family: 'source-sans-pro-regular', sans-serif;
    font-style: italic;
}

.rate-ratingDB span {
    border-right: 2px solid #797979;
    margin: 0 1rem;
}

.rate-ratingDB div i,
.rate-ratingDB div p {
    font-size: 1rem;
    color: #fff;
}

.section1-wrapper-dashboard-main {
    background-color: #444444;
    overflow: auto;
}
.db-page-top{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.page-heading{
    font-family: 'source-sans-pro', sans-serif;
    font-size: 22px;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 900;
}
.db-page-top .topBtn-withSearch{
    display: flex;
    flex-flow: wrap;
    row-gap: 1rem;
}
.db-page-top .topBtn-withdownload .db-top-docDownload{
    margin-left: 1rem;
}
.db-top-docDownload,
a.db-top-docDownload:hover{
    color: #000;
    /* background: #ffa54d; */
    font-size: 13px;
    line-height: 1;
    /* padding: 4px 10px; */
    font-family: 'source-sans-pro', sans-serif;
    /* border-radius: 5px; */
    cursor: pointer;
}
.topBtn-withdownload .dropdown-menu{
    /* font-size: 14px; */
    padding: 5px 0;
    text-align: center;
    min-width: 7rem;
}
.page-sub-heading,
.label-font-profile{
    font-size: 15px;
    font-weight: 600 !important;
    color: #000;
}

/* dashboard */

/* Self devolpment / Company details */
.profile_question_main_div{
    margin-bottom: 2rem;
}

.self-dev-row{
    margin-bottom: 2rem;
}
.self-dev-row div.sf-col{
    margin-bottom: 1rem;
}

.metric-div{
    display: flex;
    margin-bottom: .5rem;
    justify-content: space-between;
}
.metric-div p{
    margin-right: 1rem;
    white-space: nowrap;
    margin-top: auto;
    margin-bottom: auto;
}
.metric-currency-symbol{
    position: absolute;
    font-size: 1rem;
    /* height: 100%; */
    margin: auto;
    vertical-align: middle;
    padding-top: 6.2px;
    padding-bottom: 6.2px;
    padding-left: 5px;
}
.metric-div input{
    /* width: 7.5rem; */
}
.row.self-dev-row .col-qus{
    margin-bottom: 1rem;
}

.expert-rate-rev {
    font-size: 16px;
    color: #fff;
    font-family: 'source-sans-pro-regular', sans-serif;
    justify-content: space-around;
    display: flex;
}

.expert-rate-rev p {
    font-size: 16px;
    color: #fff;
    font-family: 'source-sans-pro-regular', sans-serif;
}

.fa-star {
    font-size: 16px;
}

.TableStarRatingSize {
    font-size: 11px !important
}

.blue-border-1 {
    border: 1px solid blue !important;
}

.heartss1 {
    position: absolute;
    color: #fff !important;
    top: 25px;
    font-size: 25px;
    right: 45px;
}

.view-btn {
    color: #fff !important;
}

.banner-txt1 {
    font-family: 'poppins-semiBold', sans-serif;
    padding-top: 65px;
    color: #ffffff;
    font-size: 60px;
}

.swiper-container {
    width: 75% !important;
    height: 550px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.swiper-slide {
    background-size: contain!important;
    background-position: center!important;
    background-repeat: no-repeat;
}

.gallery-top {
    height: 80%;
    width: 100%;
}

.gallery-thumbs {
    height: 140px !important;
    box-sizing: border-box;
    padding: 25px 0;
    width: 835px !important;
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
    /* width: 130px !important; */
    border-radius: 10px;
    background-size: cover !important;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.add-study-icon{
    cursor: pointer;
    font-size: 2rem;
    padding: 0 .6rem;
    line-height: 0;
}
.add-study-icon:hover{
    color: #000;
}
/* review slide profile page */

.carousel-inner {
    height: 300px;
}

.carousel-caption {
    color: #fff;
    top: 50%;
}


/* 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;
}

.modal-body {
    position: relative !important;
    width: 100% !important;
    background-color: white;
    border-radius: 30px !important;
}

.modal-content .close {
    color: #000;
    margin-right: -30px !important;
    margin-top: -72px !important;
    background-color: #ffa54d !important;
    font-size: 40px !important;
    border-radius: 30px !important;
    width: 40px !important;
    height: 40px !important;
    opacity: 1 !important;
    line-height: 1;
}

.modal-content {
    border-radius: 30px !important;
    padding: 50px 30px !important;
}

#slots-container {
    height: 200px;
    overflow: auto;
}

.view-btn {
    color: #fff !important;
    font-size: 14px;
    border: 2px solid #ffa54d;
    border-radius: 30px;
    text-align: center;
    display: block;
    font-weight: 500;
    padding: 5px;
    min-width: max-content;
}

#selecteddate-info {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.sd-icon {
    width: 20px;
    height: 20px;
    margin-right: 1.2rem;
}

a .far.fa-address-book.sd-icon.dosen-color {
    font-size: 1.43rem;
}

.widget-profile.pro-widget-content {
    display: none;
}

.dashboard-menu ul li:hover,.active-left {
    box-shadow: inset 0px 0px 15px 20px rgb(179 179 179 / 16%);
}

.dashboard-menu ul {
    margin-top: 2rem;
    font-family: 'opensans-semibold', sans-serif;
    font-size: 16px;
    width: 210px;
    padding-left: 0;
}

.dashboard-menu ul li {
    padding: .5rem 1rem;
}

.width-210 {
    width: 210px !important;
}

.dashboard-menu ul li span {
    vertical-align: middle;
    color: #ffffff;
}

.profile-sidebar {
    max-width: 50px;
}

.oppsp1 {
    margin-left: 12px;
    font-size: 30px;
    display: none;
}

.oppsp {
    margin-left: 9px;
    font-size: 20px;
    display: block;
}

.toggle-dashsidebar-div {
    display: block;
}

.sidebar-spacer {
    min-width: 50px;
}

.sidebar-right {
    flex-grow: 1;
    background-color: #fff;
    padding: 1.5rem .5rem 1.5rem 1rem;;
    box-shadow: -12px 0px 20px 0px rgb(10 10 10 / 28%);
    height: calc(100vh - 74px);
    max-height: calc(100vh - 74px);
    /* min-height: 30rem; */
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Expert Payments */

.main-section-all {
    color: #000
}

.top-heading {
    margin-bottom: .5rem !important;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
}

.cash-outBalace {
    padding: 20px 26px !important;
    height: 100%;
    background-color: #f90;
    border-radius: 30px;
    box-shadow: 0px 6px 10px 1px rgb(255 170 15 / 28%);
}

.cash-outBalace p {
    margin-bottom: 0 !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open-sans', sans-serif;
}

.cash-outBalace div img {
    height: 20px;
    width: 20px;
}

.cash-out-amount-btn {
    display: block;
}

.CashOut-btn {
    margin: auto;
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff !important;
    display: table;
    background-color: #000;
    padding: 14px 26px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.sub-textFont {
    color: black;
    margin-bottom: 1.5rem !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open-sans', sans-serif;
}

.form-control-currency {
    border: 2px solid #939598;
    margin: .5rem 0;
    width: 30%;
}

.ist-code-normal {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.currency-text {
    margin-bottom: 0 !important;
    margin-top: 2rem;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open-sans', sans-serif;
}

.currency-bigtext {
    margin-bottom: 0 !important;
    font-size: 13px;
    color: #757575;
    line-height: 1.5;
    display: inline-block;
    display: -webkit-inline-box;
    font-family: 'open-sans', sans-serif;
}

.payOutAccounts {
    border: 2px solid #f90;
    border-radius: 30px;
    margin: 0 0px 1rem 0px;
    padding: 1.3rem 1rem;
}

textarea {
    resize: none;
}

.payOutAccounts1 {
    border: 2px solid #e8e8e8;
    border-radius: 30px;
    margin: 0 0px 1rem 0px;
    padding: 1.3rem 1rem;
    cursor: pointer;
}

.bank-name {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open-sans', sans-serif;
    margin-bottom: 0;
    color: black;
}

.Routing {
    font-size: 15px;
    color: #757575;
    margin-bottom: 0!important;
}

.account-and-currency p {
    font-size: 15px;
    color: #757575;
    margin-bottom: 0!important;
}

.ac-removes {
    font-size: 15px;
    color: #f90;
    font-family: 'source-sans-pro', sans-serif;
    margin: auto;
    font-weight: 900;
}

.remove-payout {
    cursor: pointer !important
}

.add-account-two {
    margin: 0 0rem 2rem 0;
    display: flex;
}

.add-account-two a,
.add-account-two a:hover {
    font-size: 15px;
    color: #757575 !important;
    font-family: 'source-sans-pro', sans-serif;
    font-weight: 900;
    margin-right: 2rem;
    cursor: pointer;
}

.CHARITY-Text {
    margin-bottom: 0 !important;
    font-size: 13px;
    margin-left: 25px;
    color: #757575;
    line-height: 1.8;
    font-family: 'open-sans', sans-serif;
}


/* tooltip */

.tooltip-size {
    font-size: 10px !important;
}

.tooltip-ask-icon {
    cursor: pointer;
    padding: 1px 5px !important;
    background: #e4e4e4;
    color: #000;
    margin-left: 5px;
    border-radius: 27px;
    font-family: ' source-sans-pro' !important;
    font-size: 11px;
}


/* tooltip body design */

.tooltip.show {
    opacity: 1;
}

.tooltip .tooltip-inner {
    text-align: left !important;
    color: #000 !important;
    background-color: #fff !important;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 5px 5px;
}

.tooltip .tooltip-arrow {
    display: none !important;
}


/* The container */

.container1 {
    display: block;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container11 {
    display: block;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.d-checkbox-my {
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.container1 input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.container11 input {
    position: absolute;
    opacity: 0;
    top: 4px;
    left: 2px;
    z-index: 1;
    cursor: pointer;
}

.d-checkbox-my input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}


/* Create a custom radio button */

.checkmark1 {
    position: absolute;
    top: 2;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #757575;
}

.checkmark11 {
    position: absolute;
    top: 2;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #757575;
}

.checkmark12 {
    top: 3px !important;
}

.d-checkbox-my1 {
    display: inline-grid;
    text-align: center;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #757575;
    margin-bottom: 0 !important;
}


/* On mouse-over, add a grey background color */

.container1:hover input~.checkmark1 {
    background-color: #fff;
}

.container11:hover input~.checkmark11 {
    background-color: #fff;
}

.d-checkbox-my:hover input~.d-checkbox-my1 {
    background-color: #fff;
}


/* When the radio button is checked, add a blue background */

.container1 input:checked~.checkmark1 {
    background-color: #f90;
    border: 1px solid #f90
}

.container11 input:checked~.checkmark11 {
    background-color: #f90;
    border: 1px solid #f90
}

.d-checkbox-my input:checked~.d-checkbox-my1 {
    background-color: #f90;
    border: 1px solid #f90
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark1:after {
    content: "";
    position: absolute;
    display: none;
}

.checkmark11:after {
    content: "";
    position: absolute;
    display: none;
}

.d-checkbox-my1:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container1 input:checked~.checkmark1:after {
    display: block;
}

.container11 input:checked~.checkmark11:after {
    display: block;
}

.d-checkbox-my input:checked~.d-checkbox-my1:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.container1 .checkmark1:after {
    border-radius: 50%;
    background: white;
}

.container11 .checkmark11:after {
    border-radius: 50%;
    background: white;
}

.d-checkbox-my .d-checkbox-my1:after {
    border-radius: 50%;
    background: white;
}


/* dashboard */

.ml-4mobile {
    text-align: center;
}

.box0-d,
.box2-d,
.box4-d,
.box6-d,
.box8-d,
.box10-d {
    padding-right: .5rem;
}

.box1-d,
.box3-d,
.box5-d,
.box7-d,
.box9-d {
    padding-left: .5rem;
}

.dash-main {
    padding: 15px 15px !important;
    height: 100px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 15px;
    box-shadow: 0px 6px 10px 1px rgb(152 152 152 / 51%)
}

.dash-main1 {
    padding: 15px 15px !important;
    height: 100px;
    background-color: #f90;
    margin-bottom: 20px;
    border-radius: 15px;
    box-shadow: 0px 6px 10px 1px rgb(255 170 15 / 28%);
}

.sets-p-img {
    display: flex;
    justify-content: space-between;
}

.icon-dash-3 {
    width: 25px;
    height: 25px;
}

.icon-dash-4 {
    width: 20px;
    height: 25px;
}

.icon-dash-rating {
    width: 30px;
    height: 25px;
}

.icon-dash-g {
    width: 25px;
    height: 21px;
}

.icon-dash-5 {
    width: 28px;
    height: 28px;
}

.icon-dash-6 {
    width: 25px;
    height: 25px;
}

.icon-dash-7 {
    width: 20px;
    height: 25px;
}

.icon-dash-8 {
    width: 20px;
    height: 20px;
}
.icon-dash-videoCalling{
    width: 25px;
    height: 25px;
}
.cal-nan {
    display: none;
}

.mobile-view-set21 {
    display: none;
}

.btn-6 {
    font-size: 12px;
    margin: 0 12px;
}

.btn-6:hover,
.btn-6-active,
.btn-6-active:hover{
    color: #000;
    margin: 0 12px;
    font-weight: 700;
    border-bottom: 1px solid;
}

.active_date {
    color: #000000 !important;
    font-weight: 700;
}

.pl-on-mobile {
    padding-left: 1rem;
}

.price-font {
    font-family: 'poppins-semiBold', sans-serif;
    font-size: 2.5rem;
    font-weight: 900;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.price-font1 {
    font-family: 'poppins-semiBold', sans-serif;
    color: #000;
    font-size: 2.5rem;
    font-weight: 900;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.padd-m-4 {
    margin-top: 1.5rem;
}

.dashboard-font {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

.dashboard-font1 {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 12px;
    color: #656464;
    text-transform: uppercase;
    font-weight: 600;
}

.top-heading span a {
    font-size: 15px;
    color: #ffa54d !important;
    text-transform: capitalize;
}

.lmn {
    color: #ffa54d !important;
}

.content {
    overflow: overlay;
}

.activea {
    color: #ffa54d;
    border-bottom: 3px solid #ffa54d;
}

.activea a {
    color: #ffa54d;
}

.mod {
    position: absolute;
    top: 100%;
    left: -50px !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 1.5rem;
}

.dots-ttt .dropdown-menu.show {
    border-radius: 1.5rem;
    padding: .5rem 0;
    background-color: #fff;
}

a.dropdown-item{
    cursor: pointer;
}
.dots-ttt .dropdown-menu.show .dropdown-item:focus,
.dots-ttt .dropdown-menu.show .dropdown-item:hover,
.dots-ttt .dropdown-menu.show .dropdown-item.active,
.dots-ttt .dropdown-menu.show .dropdown-item:active {
    border-radius: 1.5rem;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active  {
    color: #000 !important;
    background-color: #e7e7e7 !important;
}
.modal-dialog {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.modal-content-call-px {
    border-radius: 30px !important;
    padding: 50px 50px 40px 50px !important;
}

.label-font-promote {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    font-family: 'open-sans', sans-serif;
    font-weight: 600 !important;
}

.label-font-promote-s {
    color: #000;
    font-size: 12px;
    margin-bottom: 0 !important;
    font-family: 'open-sans', sans-serif;
    font-weight: 600 !important;
}
.count-number{
    color: #000;
    margin-bottom: 0!important;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: normal;
    font-family: 'source-sans-pro', sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.flex-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.modal-name-font {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
}

.modal-name-font-small {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 22px;
    color: #000;
    font-weight: 900;
}

.modal-name-font-small1 {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 13px;
    color: #7c7c7c;
    font-weight: 900;
}

.comment-content {
    font-size: 15px;
    font-weight: 400;
    color: #595959;
}

.comment-content1 {
    font-size: 14px;
    font-weight: 600;
    color: #595959;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.text-com {
    font-size: 40px;
    font-weight: 900;
    color: #000;
}
.text-com1 {
    margin-top: auto;
    margin-bottom: auto !important;
    font-size: 30px;
    font-weight: 900;
    color: #000;
}
.text-com1 .fas.fa-star.ratingStar{
    font-size: 30px;
}
.mod-img-set {
    float: right;
    width: 75px;
    height: 90px;
    object-fit: cover;
    border-radius: 5px;
}

.comment-content span {
    font-size: 15px;
    font-weight: 600;
    color: #656464;
}

.level-set-co {
    margin: 12px 0;
    border-radius: 30px;
    padding: 18px;
    min-height: 4rem;
    width: 100%;
    background-color: #a2a2a269;
}

.level-set-co p {
    font-size: 13px;
    color: #000;
    white-space: pre-line;
}



.p-mod-size2 {
    height: 150px;
    font-size: 13px;
    color: #000;
    overflow: auto;
}

.no-call-modal {
    margin: auto;
    padding: 80px 15px;
    background-color: #e7e7e9;
    border-radius: 30px;
}

.no-call-modal p {
    color: #454545;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.default-btn-sec1 {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #212121 !important;
    border: 3px solid #939598;
    padding: 10px 50px;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.act-sets:hover,
.act-sets:active {
    background: #e0e0e0;
    border-radius: 56px;
    cursor: pointer;
}

img#uploaded_image {
    max-width: 100%;
    max-height: 150px;
    border-radius: 10px;
    height: 100%;
}

.table-user-dp-size {
    width: 53px;
    object-fit: fill;
}

.tp-text{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tp-name {
    font-weight: 600;
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tp-amount {
    font-weight: 600;
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tp-dates {
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tp-Purpose-call {
    font-size: 13px;
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tp-ratings {
    color: #212121;
}

.dots-ttt a i.fas.fa-dot-circle,
.dots-ttt a i.fas.fa-dot-circle:hover {
    color: #ffa54d;
}

.dots-ttt {
    color: #ffa54d;
    font-size: 8px;
    text-align: left;
}

.dots-ttt a {
    display: flex;
}

.dots-ttt1 {
    color: #ffa54d;
    font-size: 9px;
    text-align: left;
}

.normal-color.my-auto.fa.fa-fw.fa-sort {
    margin-left: 1px;
    font-size: 12px;
}

.mobile-d-flex{
    display: flex;
}

.go-to-call {
    z-index: 1;
    cursor: pointer;
    color: #595959;
    text-transform: uppercase;
    font-size: 11px;
    border: 3px solid #b3b3b3;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    padding: 2px 8px;
    min-width: max-content;
}

.go-to-call.active {
    color: #ffa54d !important;
    border: 3px solid #ffa54d !important;
}

.go-to-call-2 {
    z-index: 1;
    cursor: pointer;
    color: #ffa54d !important;
    text-transform: uppercase;
    font-size: 13px;
    border: 3px solid #ffa54d;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    padding: 2px 10px;
    min-width: max-content;
}

.for-table-stars {
    font: normal normal normal 12px/1 FontAwesome !important;
}

.no-reting-star-color {
    color: #d0d0d0 !important;
}

.review-stersForModal {
    font: normal normal normal 32px/1 FontAwesome !important;
}

.star-btnss {
    text-align: left;
}

.Previous-Next {
    margin-top: 1rem;
    padding: 0px .5rem;
}

.Previous-Next a {
    padding: 0px 0px 0px 5px;
    font-size: 15px;
    font-family: 'source-sans-pro', sans-serif;
    color: #696868 !important;
    text-transform: capitalize;
    font-weight: 900;
    opacity: .5;
}

.Previous-Next a.no-more {
    opacity: .5;
}

.See-all-calls a {
    padding: 0px 0px 0px 5px;
    font-weight: 900;
    font-size: 15px;
    font-family: 'source-sans-pro', sans-serif;
    color: #696868 !important;
    font-weight: 900;
    cursor: pointer;
    opacity: .5;
}

section .review-sections {
    margin-bottom: 3rem;
}
.review-page-dp{
    width: 53px;
}
.review-sections p {
    color: #000;
    margin-bottom: 0;
}

.reviewsfan-name {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open-sans', sans-serif;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.reviewsfan-Day {
    font-size: 13px;
    font-style: italic;
    font-family: 'open-sans', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Show_on_Profile p {
    color: #000;
    font-size: 13px;
    font-family: 'open-sans', sans-serif;
}

.Show_on_Profile-mobile{
    text-align: right !important;
}

.Show_on_Profile-no-mobile{
    display: none;
}

/* promotion */

.promotion-copy-txt {
    color: #626060;
    font-size: 13px;
    font-family: 'opensans-semibold', sans-serif;
}

.promotion-copy-txt a {
    color: #ffa54d !important;
}

.learn-how-40 {
    margin-top: 1.5rem !important;
}

.DOWNLOAD-ASSETS {
    margin-top: 25px !important;
}

/* modal */

.modal-pomo img {
    margin-bottom: 1rem;
}

.modal-pomo img.sound {
    width: 2rem;
    height: 3.2rem;
}

.modal-pomo img.content {
    width: 3rem;
    height: 2.7rem;
}

.modal-pomo img.newsletter {
    width: 3rem;
    height: 3rem;
}

.modal-pomo h4,.modal-pomo h1 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
}

.modal-pomo p {
    margin-top: 18px;
    margin-bottom: 1.5rem;
    font-size: 15px;
    font-weight: 400;
    color: #595959;
}

.form-control-PomoModal {
    border-color: #000 !important;
    border-width: 1px !important;
    border-radius: 1rem !important;
}

.send-message {
    font-size: 16px;
    font-weight: 500;
    color: #ffa54d;
    background: #fff;
    border: 3px solid #ffa54d !important;
    padding: 12px 38px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

/* End modal */

.promote-you {
    color: #fff;
    padding: 25px 30px;
    height: 25rem;
    margin-top: 1rem;
    text-align: left;
    border-radius: 30px;
    box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
}

.promote-you div img {
    margin-bottom: 20px;
    width: 45px;
}

.promote-you div img.link {
    margin-bottom: 15px;
}

.promote-you div img.sound {
    margin-bottom: 17px;
    width: 30px;
}

.promote-you div img.special {
    margin-bottom: 21px;
    width: 55px;
}

.promote-you div h4 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
}

.mod-h4-font {
    font-weight: 600;
    color: #000;
    font-size: 20px;
    text-transform: capitalize;
}

.promote-you div p {
    margin-top: 18px;
    font-size: 15px;
    font-weight: 400;
    color: #595959;
}

.promote-you div a {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    color: #ffa54d;
    cursor: pointer;
}

.promote-you div a:hover {
    color: #ffa54d;
}

.sect-set-01 {
    text-align: -webkit-center;
}

.reviewsReviews {
    font-size: 13px;
    font-family: 'open-sans', sans-serif;
    margin-top: 1rem;
}

.soon-btn {
    margin-top: 35px !important;
    color: #fff !important;
    font-size: 12px !important;
    background-color: #ffa54d;
    border: 2px solid #ffa54d;
    border-radius: 10px;
    text-align: center;
    font-weight: 600 !important;
    padding: 5px 10px;
    min-width: max-content;
}

.edit-profile {
    color: #15a0e2 !important;
    font-size: 14px !important;
    border: 3px solid #15a0e2;
    text-transform: uppercase;
    border-radius: 25px;
    text-align: center;
    font-weight: 600 !important;
    padding: 7px 20px;
    min-width: max-content;
}

.heading-font {
    font-size: 20px;
    font-weight: 600 !important;
}


.mx-mdl {
    margin: 0 2rem;
}

.hiddenFileInput>input {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.hiddenFileInput {
    position: absolute;
    display: inline-flex;
    overflow: hidden;
    cursor: pointer;
}

.mod-sbox {
    padding: 25px 30px;
    height: 130px;
    margin-bottom: 1rem;
    text-align: left;
    border-radius: 30px;
    box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
}

.mod-sbox1 {
    padding: 25px 30px;
    height: 300px;
    margin-bottom: 0;
    text-align: left;
    border-radius: 30px;
    box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
}

.mod-img-set-p {
    width: 115px;
    height: 110px;
}

.ModBodyss i {
    color: #000;
    position: absolute;
    bottom: -15px;
    right: 50px;
    font-size: 23px;
}

.yourname {
    color: #000;
    font-size: 14px;
}

.On_Social_Bios {
    max-width: 500px !important;
    border-radius: 30px !important;
    padding: 50px !important;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 17px !important;
}

ol li {
    padding-bottom: 15px;
    padding-left: 15px;
}

.pl-nopp {
    display: flex;
    justify-content: center;
}

input.input-filled {
    background: #fff;
    border: 1px solid #e1e1e1;
}

/* disabled & readonly field color */
.select2-container--disabled span.selection span.select2-selection.select2-selection--multiple,
input.accountAccessField:disabled,
.form-control:disabled,
.form-control[readonly],
.nice-select.disabled{
    background-color: #eee !important;
    color: #333 !important;
}

.form-control {
    color: #333;
    font-size: 13px;
    height: 38px;
    padding: 6px 15px;
    border-radius: 5px;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.slug-font {
    padding-right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #757575;
    margin-top: auto;
    margin-bottom: auto;
}

.nice-select {
    line-height: 25px !important;
    line-height: 25px !important;
    height: 38px !important;
    float: none !important;
}

.nice-select .list {
    width: 100%;
    max-height: 15rem !important;
    overflow-y: auto !important;
}

.upload_image_wrap {
    height: 145px;
    width: 108px;
    font-size: 49px;
    text-align: center;
    color: #999;
    border: 1px solid #ced4da;
    border-radius: 10px;
    background-color: #a7a3a3b0;
    cursor: pointer;
    position: relative;
}

.upload_image_wrap img.add-circle {
    position: absolute;
    top: -3%;
    right: -8%;
}

.Gallery-Images p {
    font-size: 14px;
    margin-top: 5px;
    color: #6c757d!important;
}

.upload_image_wrap12-img {
    height: 70px;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat !important;
}

.gallery-img-icon {
    width: 19%;
    position: absolute;
    right: -5px;
    top: -5px;
}

.upload_image_wrap12 {
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    font-size: 49px;
    text-align: center;
    color: #999;
    border-radius: 5px;
    background-color: #fbfbfb;
    cursor: pointer;
    position: relative;
}

#myVideo12 {
    width: 100%;
    height: 148px;
    object-fit: contain;
    background-size: initial;
}

#sample_video {
    width: 90%;
    height: 10rem;
}

.upload_image_wrap-video {
    height: 150px;
    width: 100%;
    font-size: 49px;
    text-align: center;
    color: #999;
    border: 1px solid #ced4da;
    border-radius: 5px;
    background-color: #a7a3a3b0;
    cursor: pointer;
    position: relative;
}

.upload_image_wrap-video img.add-circle {
    position: absolute;
    top: -3%;
    right: -3%;
    width: 7%;
}

.ChangePassword {
    cursor: pointer;
    font-size: 15px;
    font-weight: 600 !important;
    color: #ffa54d;
}

.submit_btn {
    z-index: 1;
    cursor: pointer;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px !important;
    border: 2px solid #ffa54d;
    border-radius: 30px;
    background-color: #ffa54d;
    text-align: center;
    font-family: 'opensans-semibold', sans-serif;
    padding: 15px 40px;
}

 ::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.minutes {
    color: #757575;
    font-size: 13px;
    font-family: 'open-sans', sans-serif;
    margin-left: 2rem;
    margin-top: -2px;
    display: block;
}

.minutes1 {
    color: #757575;
    font-size: 13px;
    font-family: 'open-sans', sans-serif;
    margin-left: 1.5rem;
    display: block;
    margin-bottom: 0 !important;
    cursor: pointer;
}

.your_per_minute_rate {
    color: #5f5f5f;
    font-size: 13px;
    font-family: 'opensans-semibold', sans-serif;
    margin-top: -2px;
    display: block;
}

.input-group-textx {
    margin-right: .15rem;
    /* padding-right: 0px; */
    background-color: #fff;
    height: 2.3rem;
    border-radius: 5px;
    /* border-right: 0;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem; */
}

.input-group-textxy {
    /* border-left: 0 !important;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem; */
    border-color: #ced4da !important;
    width: 4.5rem !important;
    /* padding: 0; */
    height: 2.3rem;
}

.Availability-days {
    color: #656464;
    font-family: 'opensans-semibold', sans-serif;
    font-size: 14px;
}

.Availability-days-to-form {
    padding-right: 0;
    padding-right: 0;
    justify-content: center;
}

.form-to-txt {
    color: #656464;
    margin: 0 1rem;
}

.to_form {
    max-width: 3rem;
    height: 2.3rem;
    padding: 0;
    text-align: center;
}

.added-time {
    color: #656464;
}

.added-time span {
    color: #ffa54d !important;
    font-family: 'opensans-semibold', sans-serif;
    margin-left: .5rem;
}

.added-time-b {
    border-right: 2px solid #757575;
    margin: 0 .5rem;
}

.form-control:focus {
    border-color: #949494;
}

.b-1{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #7b7b7b;
}

.modal-dialog11 {
    max-width: 675px !important;
    margin: 1.75rem auto;
}

.modal-content_pb {
    padding: 50px 30px 25px 30px !important;
}

.tp-note {
    font-size: 14px;
    color: #212121;
}

.tp-note-bank {
    font-size: 13px;
    color: #212121;
}

.cancelSubmit,
.share_email_btn,
.RemoveMemberSubmit,.reviewSubmit {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    background: #ffa54d;
    border: 3px solid #ffa54d !important;
    padding: 12px 25px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}
.payment_save_modal {
    font-size: 16px;
    font-weight: 500;
    color: #ffa54d;
    background: #fff;
    border: 3px solid #ffa54d !important;
    padding: 12px 40px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.addMore {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
}

.share_email_btnSkip,
.reviewSubmitSkip,
.Remove-member-confirm {
    font-size: 16px;
    font-weight: 500;
    color: #595959 !important;
    background: #fff;
    border: 3px solid #595959;
    padding: 12px 25px;
    line-height: normal;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.SampleVideoSize{
    width: 100%;
    height: auto;
}

.btn-gray,
.btn-orange{
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
}
.btn-gray,
.btn-gray:hover{
    color: #000000;
    background-color: #aba8a8;
    border: none;
}

.btn-orange,
.btn-orange:hover{
    color: #000;
    background-color: #ffa54d;
    border: none;
}
.btn-gray.back,
.btn-orange.back,
.btn-gray.submit,
.btn-orange.submit{
    border-radius: 3rem;
    font-size: 1rem;
    width: 6.5rem;
    padding: 0.95rem 0;
}
button.addMore{
    font-size: 1rem;
    padding: .3rem 1.5rem;
    border-radius: .5rem;
}
.btn-orange.lg-txt,
.btn-gray.lg-txt{
    border-radius: 3rem;
    font-size: 1rem;
    padding: 0.95rem 1rem;
}
.btn-orange.see-all{
    font-size: 1rem;
    padding: .3rem 1rem;
    border-radius: .5rem;
}
.btn-orange.lg-Apply{
    width: 100%;
    padding: .5rem;
    border-radius: 1rem;
}
.btn-orange.export{
    font-size: 1rem;
    border-radius: 2rem;
    padding: 0.95rem 2rem;
}

#heading,
.modal-heading-lg {
    color: #000;
    font-family: 'source-sans-pro', sans-serif;
    font-weight: normal;
    font-size: 25px;
}

#heading span,
.modal-heading-lg span {
    color: #000 !important;
}

.top-heading-modal,
.modal-heading {
    color: #000;
    font-size: 15px;
    margin-bottom: 1rem;
    text-align: center;
    font-family: 'source-sans-pro', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
}

.top-heading-modal1 {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
}

.mod-img-set-modal {
    width: 65px;
    height: 80px;
    border-radius: 5px;
}

.tp-name-modal {
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.here,.here:hover {
    color: #000000 !important;
    font-weight: 700;
    cursor: pointer;
    background: transparent !important;
}

.main-clr {
    color: #ffa54d;
}

.dash-icon-all {
    display: none;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: #ffffff !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

.promotionTextBox {
    display: flex;
    height: 14rem;
    flex-direction: column;
}

.ModBodyss {
    text-align: center;
}

.profile-photo-dashboard_display1 {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

.rating-stars {
    text-align: center;
}

.top-heading-modalRate {
    margin: 1rem auto;
    text-align: center;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
}

.mousehand {
    cursor: pointer;
}

.crop-save-btn {
    background-color: #fff;
    border-radius: 25px;
    border: 3px solid #000000 !important;
    color: #000000;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    padding: 7px 35px;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}

.crop-btn-po {
    margin-top: 1rem;
    text-align: right !important;
}

.ListAdvisorCaller {
    text-align: center;
    margin-top: 1.5rem;
}

.AdvisorLists,
.CallerList {
    text-transform: uppercase;
    font-weight: 500;
    color: #ffa54d !important;
    border: 3px solid #ffa54d !important;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    text-align: center;
    background-color: #fff !important;
    border-radius: 40px;
}

.AdvisorLists {
    padding: 12px 15px;
    font-size: 14px;
}

.CallerList {
    padding: 12px 18px;
    font-size: 14px;
    margin-left: .5rem;
}

.tab-call-heading {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
}

.tab-call-heading span {
    font-size: 15px;
    color: #ffa54d;
    text-transform: capitalize;
}

.MoreSkillBtn {
    font-size: 16px;
    font-weight: 500;
    color: #ffa54d !important;
    background: #fff;
    border: 3px solid #ffa54d;
    padding: 12px 41px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.rejoincall,
.rejoincall:hover {
    font-size: 16px;
    font-weight: 500;
    color: #595959;
    background: #fff;
    border: 3px solid #595959;
    padding: 12px 20px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.endcall,
.endcall:hover {
    font-size: 16px;
    font-weight: 500;
    color: #ffa54d;
    background: #fff;
    border: 3px solid #ffa54d;
    padding: 12px 20px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.referralMainFonts {
    font-size: 14px;
    color: #6c757d;
}

.referralMainFonts a span {
    color: #ffa54d;
}

.m-off {
    display: none;
}

.P_notification1 {
    background-color: #ffa54d !important;
    color: #000 !important;
    line-height: normal;
    border-radius: 2rem;
    width: 1.35rem;
    height: 1.35rem;
    padding: .2rem;
    text-align: center;
    position: absolute;
    font-size: 12px;
    right: 1rem;
    margin-top: 1rem;
}

.act-sets div {
    cursor: pointer !important;
    padding-top: .5rem;
}

.act-sets.cancelled div p {
    opacity: .5;
}

.d-md-none a {
    font-size: 20px;
}

label p.video-quality {
    color: #757575;
    font-size: 13px;
    text-align: center;
}

.audio-video-quality {
    margin-top: 2px;
}

.audio-video-quality li i {
    font-size: 19px!important;
}

.pre-call-note-edit {
    color: #848484 !important;
    cursor: pointer;
}

.pre-aboutcall {
    width: 100%;
}

.topics_did_you_cover span {
    background-color: #e4e4e4;
    border: 1px solid #ced4da;
    color: #444444 !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 5px;
    font-size: 12px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.post-call-note {
    overflow-y: auto;
    max-height: 8rem;
    color: #000;
}

.post-call-note p {
    font-size: 13px;
    color: #000;
    /* white-space: pre-line; */
}

.post-call-note p i {
    font-size: 11px !important;
}

.line-height-normal {
    line-height: normal !important;
}

.LibaryText-place {
    margin: .7rem auto 0;
}

/* video call blade */
.call-window{
    height: 100vh;
}
.iframe-msg {
    width: 100%;
    overflow: hidden;
    /* min-height: 400px; */
    max-height: calc(100vh - 85px)!important;
    height: calc(100vh - 85px) !important;
}

.Download-import-format{
    color: #000;
    text-align: right;
}
.Download-import-format a{
    cursor: pointer;
    font-weight: 600;
}
.Download-import-format a:hover{
    color: #ffa54d;
}
.importMembersCustomFileName{
    color: #000;
    font-weight: 600;
    font-size: 14px;
}

.headerLogo{
    display: none;
}

.small-headerLogo{
    height: 34px;
}

.go-to-call-append {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    background-color: transparent;
    color: #ffa54d !important;
    text-transform: uppercase;
    font-size: 12px;
    border: 2px solid #ffa54d;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    padding: 5px 8px;
    min-width: max-content;
    line-height: 1;
    left: calc(100% - 15.5rem);
}

.socialsShare_card{
    text-align: center;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 1rem;
    border: 1px solid;
    border-radius: 5px;
    padding: 1rem;

    
    
}

.socialsShareBackground{
    background: -webkit-linear-gradient(#faffb9, #3a230a)
    /* background: linear-gradient(180deg, rgba(31, 31, 31, 1) 36%, rgba(68, 68, 68, 1) 97%); */
}

.socialsShare_card > p{
    margin-bottom: 0.5rem;
    font-family: cursive;
    font-size: 1.2rem;
}

.socialsShare_card > h1{
    color: #143e7a;
    text-transform: uppercase;
    /* font-family: 'Black Ops One', cursive; */
    font-weight: 100;
    font-family: 'Concert One', cursive;
    /* font-family: 'Bebas Neue', sans-serif;
    font-size: 2rem; */
}

.socialsShare_card > h2{
    color: #72530f
}

@media (min-width: 576px) {
    .headerLogo{
        display: block;
    }
    .small-headerLogo{
        display: none;
    }
    .go-to-call-append {
        left: calc(100% - 16rem);
    }

    .row.self-dev-row .sf-col-1{
        width:50%;
    }
}

@media only screen and (max-width: 767px) {
    .width-mobile-50 {
        width: 50% !important;
    }
    .dots-ttt a {
        padding-top: 0.5rem;
        padding-bottom: .5rem;
    }
    .Mobile-Off {
        display: none !important;
    }
    .promote-you {
        max-width: 18rem !important;
    }
    .promote-you div p {
        font-size: 14px !important;
    }
    hr.ListEndLine {
        margin: 0.5rem !important;
    }
    .m-list-d-none {
        display: none;
    }
    .calls-header-filter {
        display: none !important;
    }
    .GOto-call-btn {
        position: absolute;
        right: 10px;
        top: 70px;
    }
    .GOto-call-btn .go-to-call-2 {
        font-size: 12px !important;
        padding: 1px 8px !important;
    }
    .wc-sectionvh1 {
        padding-top: 3.5rem;
        height: 10rem !important;
    }
    .wc-sectionvh {
        padding-top: 3.5rem;
        height: 7rem;
    }
    .Show_on_Profile_top {
        margin-top: auto;
        margin-bottom: auto;
        padding-right: 0;
    }
    .modal-body {
        padding: 1rem 0rem;
    }
    .container {
        margin-bottom: 25px !important;
    }

    .add-account-two a,
    .add-account-two a:hover {
        margin-right: 1rem;
    }
    /* dashboard */
    .sectionvh4 {
        height: 30rem !important;
        padding-bottom: 10px;
        padding-top: 12vh;
    }
    .sectionvh5 {
        height: 27rem !important;
        padding-bottom: 10px;
        padding-top: 12vh;
    }
    .section1-wrapper-dashboard {
        width: 100%;
    }
    .title-profile-x {
        display: block;
        color: #9c9c9c;
        font-size: 20px;
    }
    /* dashboard */

    .landing-page-profile {
        margin-top: 1rem;
    }
    .banner-txt1 {
        padding-top: 0;
        font-size: 35px;
    }
    .sectionvh2 {
        height: 35vh !important;
        padding-top: 14vh;
        background-color: rgb(0 0 0 / 78%);
    }
    .swiper-container {
        width: 95% !important;
        height: 300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .gallery-thumbs {
        display: none;
    }
    .gallery-thumbs .swiper-slide {
        height: 20%;
        opacity: 0.4;
        width: 130px;
        border-radius: 10px;
        background-size: cover !important;
    }
    .carousel-inner {
        height: 600px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 50% !important;
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 0px !important;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 0px !important;
    }
    .landing-page-profile {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .wc-m-off {
        display: none;
    }
}

@media (max-width: 991px) {
    .noti-fy-left {
        display: none;
    }
    .sidebar-right.msg-total {
        padding: 0 !important;
        overflow: hidden !important;
    }
}

@media only screen and (min-width: 768px) {
    .sidebar-right {
        padding: 2rem 1.5rem;
    }

    .act-sets div {
        padding-top: 0rem;
    }
    .mobile-d-flex{
        display: block !important;
    }

    .row.self-dev-row .col-qus{
        width:60%;
        margin-top: auto;
        margin-bottom: auto;
    }
    .row.self-dev-row .sf-col-1{
        width:40%;
    }

    /* table */
    .callsTable {
        display: flex;
        flex-wrap: wrap;
    }

    .callsTable .ct-n{
        width: 15%;
        flex: 0 0 auto;
        margin: auto 0;
        padding-right: .75rem;
    }
    .callsTable .ct-d{
        width: 15%;
        flex: 0 0 auto;
        margin: auto 0;
        padding-right: .75rem;
    }
    .callsTable .ct-p{
        width: 15%;
        flex: 0 0 auto;
        margin: auto 0;
        padding-right: .75rem;
    }
    .callsTable .ct-t{
        width: 20%;
        flex: 0 0 auto;
        margin: auto 0;
        padding-right: .75rem;
    }
    .callsTable .ct-bt{
        width: 15%;
        flex: 0 0 auto;
        margin: auto 0;
        padding-right: .75rem;
    }
    .callsTable .ct-dt{
        width: 5%;
        flex: 0 0 auto;
        margin: auto 0;
        padding-right: .75rem;
    }

    .Show_on_Profile p {
        margin-left: 2rem;
        margin-top: -3px;
    }

    .Show_on_Profile-mobile{
        display: none !important;
    }

    .Show_on_Profile-no-mobile{
        display: block !important;
    }

    .LibaryText-place {
        width: 90%;
    }
    /* tooltip body design */
    .tooltip .tooltip-inner {
        max-width: 350px !important;
    }
    .modal-matches-info-box h2,
    .modal-matches-info-box p {
        margin-top: auto;
    }
    .modal-matches-info-box {
        margin: 2rem .5rem;
    }
    .ViewArticle-media audio {
        width: 90% !important;
    }
    i.far.fa-play-circle.ViewArticle-play {
        font-size: 3rem !important;
    }
    .ViewArticle-play-time {
        font-size: 15px !important;
    }
    .ViewArticle-media iframe {
        max-width: 420px !important;
        max-height: 235px !important;
    }
    .row.artical-box {
        padding: 1rem 1rem;
        margin: 1rem 0 0 !important;
    }
    .col-Export {
        text-align: center;
        margin-top: 0rem !important;
    }
    .dots-ttt a {
        justify-content: center !important;
    }
    .MatchModalHead {
        display: flex;
        justify-content: space-between;
    }
    .MatchModalHead .img-name {
        width: 40%;
        justify-content: left !important;
    }
    .EngagementEnddetails {
        padding: 25px 2.5rem !important;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .details {
        width: 48%;
        margin-bottom: 0rem;
    }
    label p.video-quality {
        text-align: left
    }
    .Only-Mobile {
        display: none !important;
    }
    hr.ListEndLine {
        display: none !important;
    }
    .go-to-call-append {
        border: 3px solid #ffa54d;
        font-weight: 600;
    }

    .calls-header-filter div p {
        font-size: 12px;
        color: #212121;
        font-family: 'opensans-semibold', sans-serif;
    }
    .calls-header-filter div p.list-title {
        margin-bottom: 0.5rem !important;
        color: #000 !important;
        font-size: 15px !important;
        font-family: 'source-sans-pro' !important;
        text-align: center;
    }
    .calls-header-filter div a {
        cursor: pointer;
    }
    .overflow-md-hidden {
        overflow: hidden !important;
    }
    .wc-d-on {
        display: none !important;
    }
    .wc-sectionvh {
        padding-top: 4rem;
        height: 7.5rem;
    }
    .Show_on_Profile_top {
        display: flex;
        justify-content: flex-end;
    }
    .m-on {
        display: none;
    }
    .m-off {
        display: inline !important;
    }
    .referralMainFonts {
        margin-top: 1rem;
        margin-bottom: .5rem !important;
    }
    .Gallery-Images p {
        margin-top: 22px;
    }
    .P_notification1 {
        right: 2.5rem;
        margin-top: 0;
    }
    .share a {
        text-align: center;
        margin: 1rem 2rem !important;
    }
    .appleCal img,
    .googleCal img,
    .outlookCal img {
        width: 3rem;
        height: 3rem;
    }
    .appleCal,
    .googleCal,
    .outlookCal {
        text-align: center;
        margin-bottom: 0;
    }
    .Search_P_F {
        justify-content: flex-end !important;
    }
    .Search_P {
        width: 85%;
    }
    .pricetoggle {
        margin-top: 0rem !important;
        margin-left: 0rem;
    }
    /* member search */
    .dropright .dropdown-menu.Filterss {
        margin-top: 55px;
        margin-left: -10rem !important;
    }
    .dropright .dropdown-menu.Topics {
        margin-top: 55px;
        margin-left: -5rem !important;
    }
    .dropright .dropdown-menu.Topics1 {
        margin-top: 55px;
        margin-left: -10rem !important;
    }
    .dropdown-menu.Exportdatass {
        left: 0 !important;
        margin-top: 0.5rem !important;
        margin-left: -5rem !important;
    }
    .dropright .dropdown-menu.Cat-mod-off2 {
        margin-top: 55px;
        margin-left: -12rem !important;
    }
    /* End member search */
    .ExpertDetailsModal_BTN1 {
        font-size: 16px;
        padding: 15px 25px;
    }
    .ExpertDetailsModal_BTN2 {
        font-size: 16px;
        padding: 15px 20px;
    }
    .CallextraCalletc {
        padding-left: 0;
        padding-right: 0;
    }
    .Pcall-top {
        text-align: right;
        padding-right: 3rem;
    }
    .AdvisorLists {
        padding: 15px 27px;
        font-size: 16px;
    }
    .CallerList {
        padding: 15px 32px;
        font-size: 16px;
    }
    .slug-viewProfile-m {
        text-align: left;
    }
    .users-slug-link {
        padding-left: .6rem;
        display: inline;
        margin: 0 0;
    }
    .dashboard-f-btns {
        justify-content: space-evenly;
    }
    .box0-d,
    .box2-d,
    .box4-d {
        padding-right: 15px;
    }
    .box1-d,
    .box3-d,
    .box5-d {
        padding-left: 15px;
    }
    .crop-btn-po {
        margin-top: auto;
    }
    .top-heading-modalRate {
        margin: auto 0;
        text-align: left;
    }
    .plst {
        text-align: center;
    }
    .rating-stars {
        text-align: left;
    }
    .Previous-Next {
        margin-top: 0;
    }
    .mod-img-set-p {
        width: 115px;
        height: 90px;
    }
    .expert-profile-img-db {
        width: 200px;
        height: 260px;
        margin-bottom: 0rem;
    }
    .Expert-id-donating {
        margin-top: 0;
        display: flex;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-right: 50px;
    }
    .Expert-id-donating i span {
        display: block;
    }
    .profile-photo-dashboard_display {
        display: none;
    }
    .profile-photo-dashboard_display1 {
        display: block;
    }
    .profile-photo-dashboard {
        text-align: right;
        position: absolute;
        right: 0;
        bottom: -90px;
    }
    .mod-sbox {
        padding: 25px 30px;
        height: 130px;
        margin-bottom: 0;
        text-align: left;
        border-radius: 30px;
        box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
    }
    .mod-sbox1 {
        padding: 25px 30px;
        height: 165px;
        margin-bottom: 0;
        text-align: left;
        border-radius: 30px;
        box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
    }
    .ModBodyss {
        text-align: left;
    }
    .currency-text {
        margin-top: 0rem;
    }
    .learn-how-40 {
        margin-top: 1.5rem !important;
    }
    .update-5-img-2 {
        display: flex;
        justify-content: space-around;
    }
    #myVideo12 {
        height: 203px;
    }
    #sample_video {
        width: 80%;
        height: 12.5rem;
    }
    .upload_image_wrap-video {
        height: 205px;
        width: 400px;
    }
    .ml-4mobile {
        text-align: right;
    }
    .top-heading {
        margin-bottom: 1.5rem !important;
        font-size: 22px;
        font-weight: 900;
    }
    .dots-ttt {
        text-align: center;
    }
    .dots-ttt1 {
        text-align: center;
    }
    .star-btnss {
        text-align: center;
    }
    .padd-m-4 {
        margin-top: 0rem;
    }
    .dash-main {
        padding: 20px 27px !important;
        height: 120px;
        background-color: #fff;
        margin-bottom: 30px;
        border-radius: 30px;
        box-shadow: 0px 6px 10px 1px rgb(152 152 152 / 51%)
    }
    .dash-main1 {
        padding: 20px 26px !important;
        height: 120px;
        background-color: #f90;
        margin-bottom: 30px;
        border-radius: 30px;
        box-shadow: 0px 6px 10px 1px rgb(255 170 15 / 28%);
    }
    .dashboard-font1 {
        font-size: 13px;
    }
    .price-font,
    .price-font1 {
        font-size: 3rem;
    }
    .dash-icon-all {
        display: block;
    }
    .form-control-currency {
        width: 20%;
    }
    .pl3 {
        padding-left: 1rem !important;
    }
    .upload-5-img-div {
        display: flex;
    }
    .headshotTIPS {
        margin-left: 35px;
        margin-top: auto;
        padding: 10px;
    }
    .Gallery-Images {
        margin-top: 22px;
        color: #6c757d!important;
    }
}

@media (min-width: 992px) {
    .sidebar-right {
        padding: 2rem 2rem;
    }
    .row.self-dev-row .col-qus{
        width:50%;
    }
    .row.self-dev-row .sf-col-1{
        width:33.33%;
    }

    .self-dev-row div.sf-col{
        margin-top: auto;
        margin-bottom: auto;
    }
    .page-heading.memberPage,
    .topBtn-withSearch .memberPage{
        margin-top: auto;
        margin-bottom: auto;
    }
    .db-page-top .topBtn-withSearch{
        display: flex;
        width: 80%;
        justify-content: end;
    }
    .db-page-top .topBtn-withSearch .top-search{
        width: 50%;
    }
    .sidebar-right.msg-total {
        padding: 0.5rem 0.5rem 0 0.5rem !important;
        overflow: hidden;
    }

    .mobile-open-off {
        display: none !important;
    }
    .price-font1,
    .price-font {
        font-size: 2rem;
    }
    /* .Video-preview-save-btn {
        margin-top: -1.15rem !important;
    } */
    .dotts-msg {
        display: none !important;
    }
    /* member search */
    .ListAdvisorCaller {
        text-align: left;
    }
    textarea.form-control {
        overflow-x: hidden;
    }
    .Call_length_Rate09 {
        display: flex;
    }
    .raj-b {
        border-right: 2px solid #5f5f5f;
        margin-right: 2rem;
    }
    .sidebar-spacer {
        display: block !important;
    }
    .widget-profile.pro-widget-content {
        display: block !important;
    }

    .dashboard-menu ul li span {
        display: inline-block !important;
    }
    .profile-sidebar {
        max-width: 210px;
    }
    .toggle-dashsidebar-div {
        display: none;
    }
    .dashboard-menu ul li {
        width: 100%;
        padding: .5rem 2rem;
    }
    .sidebar-spacer {
        min-width: 210px;
    }
}

@media (min-width: 1200px) {
    .row.self-dev-row .col-qus{
        width:30%;
    }
    .row.self-dev-row .sf-col-1{
        width:20%;
    }

    .cash-out-amount-btn {
        display: flex;
        justify-content: space-between;
    }
    .CashOut-btn {
        margin: inherit;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 16px;
        padding: 12px 25px;
    }
    .price-font1,
    .price-font {
        font-size: 2.7rem;
    }
}

@media (min-width: 1400px) {
    .sidebar-right {
        padding: 2rem 3rem;
    }
    .db-page-top .topBtn-withSearch{
        width: 70%;
    }
    .db-page-top .topBtn-withSearch .top-search{
        width: 50%;
    }
}

/* I-pad pro landscape mode */

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .section1-wrapper {
        height: 62%;
    }
    .sectionvh2 {
        padding-top: 13vh !important;
    }
    .sectionvh4 {
        padding-top: 22vh;
    }
}

input[type="file" i] {
    cursor: pointer !important;
}

.MoreSkill {
    font-family: 'opensans-semibold', sans-serif;
    color: #f90;
    font-size: 13px;
    text-align: right;
    margin-bottom: 0 !important;
    cursor: pointer;
}

.form-controlMSearch,
.form-controlMSearch:focus {
    border-radius: 2rem!important;
    border: 1px solid #e1e1e1 !important;
    border-right: 0 !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.MbtnSearch {
    padding: 0 .5rem;
    border: 1px solid #e1e1e1 !important;
    background: #fff;
    border-left: 0 !important;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    font-size: 18px;
}

.MbtnSearch .fa-search {
    color: #ffa54d !important;
}

.Pcall-top p {
    font-size: 15px;
    color: #ffa54d;
    font-family: 'source-sans-pro', sans-serif;
    font-weight: 900;
    cursor: pointer;
}
.inv-call-dynamic-field{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.iconeSetingM {
    font-size: 20px;
    color: #ffa54d;
    cursor: pointer;
    margin: auto;
    border-top: none;
}

.waiting-p {
    font-size: 15px;
    font-weight: 700;
    color: black;
    font-family: 'open-sans', sans-serif;
}

.createANewmenber {
    font-size: 15px;
    color: #ffa54d;
    font-family: 'source-sans-pro', sans-serif;
    font-weight: 900;
    cursor: pointer;
}

.createANewmenber div.dropdown-menu {
    padding: 5px;
    border-radius: 22px;
}

.ExpertDetailsModal_BTN {
    display: flex;
    justify-content: center;
}

.ExpertDetailsModal_BTN1 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #46c11d !important;
    border: 3px solid #46c11d;
    padding: 15px 25px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.ExpertDetailsModal_BTN2 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #ffa54d !important;
    border: 3px solid #ffa54d;
    padding: 15px 20px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}


/* Member page search */

a.ExportHeadText{
    color: #000;
    font-size: 14px;
    font-family: 'source-sans-pro', sans-serif;
}

.M-Search div.dropright {
    cursor: pointer;
}

.M-Search div.Exportfonts {
    cursor: pointer;
}

.ExportfontsDropdown1 i,
.ExportfontsDropdown2 i,
.ExportfontsDropdown3 i {
    color: #939598;
}

.collapse#ExportData,
.collapse#REFERRAL,
.collapse#CompanyInfo,
.collapse#passwordCollapse1,
.collapse#M_REFERRAL {
    transition: all 0.4s ease-out;
}

.M-Search {
    margin-top: 0rem;
    justify-content: space-evenly;
}

.M-Search div {
    text-align: center;
}

.Cat-mod {
    border-radius: 30px;
    padding: 30px !important;
    font-size: 1rem;
    color: #212529;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
}

.Mmod {
    border-radius: 30px;
    font-size: 1rem;
    color: #212529;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
}

.dropright .dropdown-menu.Filterss {
    margin-top: 55px;
    margin-left: 4.125rem;
}

.dropdown-menu.Exportdatass {
    left: -5% !important;
}

.dropright .dropdown-menu.Cat-mod-off2 {
    margin-top: 55px;
    margin-left: 3rem;
}

.sub-heads-cat p {
    margin-bottom: .5rem;
    color: #000;
    font-size: 15px;
    font-family: 'source-sans-pro', sans-serif;
}

.dotts-msg {
    position: absolute;
    left: 2rem;
    font-size: 10px;
    color: #f90;
}

.slot_time_ondemand {
    opacity: .5;
}

.rate-new-css {
    width: 6rem !important;
    height: 2.3rem;
}

.pricetoggle {
    margin-top: 1rem;
    margin-left: 0rem;
}

.Search_P_F {
    justify-content: center;
}

.filters-text a {
    font-size: 15px;
    color: #ffa54d;
    font-family: 'source-sans-pro', sans-serif;
    font-weight: 900;
    cursor: pointer;
    margin-bottom: 0 !important;
    margin-top: .5rem;
    float: right
}

.dateRangeTop {
    justify-content: space-between;
    display: flex;
}
.Choose_your_date_range{
    text-align: center;
}
.Choose_your_date_range label,
.Choose_your_date_range p {
    font-size: 14px;
    color: #656464;
}

.dateRangeTop label {
    font-size: 13px;
    color: #656464;
    cursor: pointer;
}

.appleCal,
.googleCal,
.outlookCal {
    text-align: center;
    margin-bottom: .5rem;
}

.appleCal img,
.googleCal img,
.outlookCal img {
    width: 2rem;
    height: 2rem;
}

.outlookCal p,
.googleCal p,
.appleCal p {
    font-size: 13px;
    color: #000;
    margin-bottom: 0;
    margin-top: .5rem;
}

#promotion_img label {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    color: #ffa54d;
    cursor: pointer;
}

.RemoveThis {
    font-size: 14px;
    font-weight: 500;
    color: #7c7c7c !important;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    display: none
}

.share a i {
    font-size: 2.1rem;
}

.share a p {
    text-align: center;
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 5px;
}

.share a {
    text-align: center;
    margin: 1rem 1rem;
}

.share a.DosenShare img {
    width: 2rem;
    height: 2rem;
}

.share a.FBShare i {
    color: #4267B2;
}

.share a.TwitterShare i {
    color: #1DA1F2;
}

.share a.InstaShare i {
    color: #cd486b;
}

.share a.WhatsappShare i {
    color: #4FCE5D;
}

.share a.LinkedinShare i {
    color: #0077b5;
}

.share a.EmailShare i {
    color: #EA4335;
}

.share a.CopyShare i {
    color: #000000;
}

.upgrade-btn {
    display: flex;
    justify-content: space-around;
}

.upgrade-btn a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.upgrade-btn a.back {
    color: #7c7c7c;
    border: 3px solid #7c7c7c;
    padding: 13px 35px;
}

.upgrade-btn a.yes {
    color: #ffa54d;
    border: 3px solid #ffa54d;
    padding: 13px 40px;
}

.info-txt {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 900;
    line-height: 1;
    margin-bottom: .5rem;
}

.info-txt1 {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 14px !important;
    color: #595959 !important;
    font-weight: 900;
    line-height: 1 !important;
}

.info-txt1-bio {
    white-space: pre-line;
    max-height: 5.1rem;
    overflow: auto;
}

.fs-title-d {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
    font-weight: normal;
    font-family: 'source-sans-pro', sans-serif;
    text-align: left;
}

.thumbnailimg-off {
    display: none;
}

.label-my {
    color: #757575;
    font-size: 13px;
}

.headshotTIPS ul {
    list-style-type: disc;
    padding-left: 1rem;
    margin-top: 10px;
    line-height: 2;
}

.video-tips-align {
    list-style-type: disc;
    padding-left: 1rem;
    margin-top: 10px;
    line-height: 2;
}

.width-6 {
    width: 6rem !important;
}

button:focus {
    outline: 0 !important;
}

.cr-slider {
    border: 0 !important;
}
.sidebar {
    position: absolute;
}

.profile-sidebar {
    height: calc(100vh - 74px) !important;
    border-radius: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

.profile-sidebar1 {
    max-width: 210px !important;
    height: calc(100vh - 74px) !important;
    background: #444444 !important;
    z-index: 998 !important;
    position: relative !important;
    box-shadow: 20px 0px 20px 0px rgb(10 10 10 / 28%);
    transition: .30s;
}

.mobiles-open,
.mobiles-off {
    font-size: 1.2rem;
    color: #ffa54d;
}

.modal-body-bg {
    background-color: #c3c3c3;
    border-radius: 10px;
    /* padding: 3rem 3rem 2rem 3rem; */
    padding: 0;
}

.modal-body-bg .modal-content {
    background-color: #c3c3c3;
    border: none;
}

.modal-body-bg p {
    font-size: 13px;
    color: #000;
    line-height: normal;
}

.modal-body-bg label b {
    font-size: 14px;
    font-family: 'opensans-semibold', sans-serif;
    color: #212121;
}

.reset-pass-btn {
    color: #fff;
    text-transform: uppercase;
    padding: 15px 50px;
    background-color: #000;
    border-radius: 40px;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.modal-sm-my {
    max-width: 400px;
}

.modal-pomo #copy_code {
    color: #8b8b8b;
    font-size: 13px;
    line-height: revert;
    font-family: monospace;
}

.Profile-Link-exml p {
    color: #000;
    font-size: 12px;
}

.exml-body div {
    background: #e7e7e7;
    border: 2px solid #dbdbdb;
    padding: 10px;
    color: #626060;
    font-size: 12px;
    font-family: 'opensans-semibold', sans-serif;
    overflow-y: auto;
}

.p-copy {
    position: absolute;
    right: 5px;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.text-transform-capitalize {
    text-transform: capitalize;
}

img.nav-dp{
    height: 2.5rem;
    width: 2.5rem;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 20%!important;
}

.wc-profile-photo img {
    height: 2.5rem;
    width: 2.5rem;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%!important;
}

.wc-profile-name p {
    color: #fff;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 1rem;
}

.wc-profile-name p span.wc-name {
    color: #fff;
    font-family: 'opensans-semibold', sans-serif;
    font-size: 16px;
}

.wc-profile-name p span.wc-wc {
    font-family: 'source-sans-pro-regular', sans-serif;
    font-style: italic;
    font-size: .8rem;
    color: #a9a8a8 !important;
}

.color-dosen,
.dosen-color,
.text-dosen {
    color: #ffa54d !important
}

.color-green,
.green-color {
    color: #12b90f !important
}

.color-21,
.normal-color {
    color: #212121 !important;
}

.dosen-color-light-gray {
    color: #595959;
}

.out-head-name{
    font-size: 1rem;
    color: #000;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

.out-head-role{
    font-weight: 600;
    line-height: normal;
    opacity: .5;
    text-transform: capitalize;
    font-size: .9rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

textarea.bulk-message-text {
    min-height: 50px;
    max-height: 100px;
}

.allMemberSection{
    min-height: 50px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.bulk-members-select-group{
    display: flex;
    justify-content: center;
}

.bulk-members-select-group span{
    margin-top: auto;
    margin-bottom: auto;
}

.bulk-members-select-group i{
    margin-left: 5px;
    margin-top: 6.65px;
    margin-bottom: auto;
}

/* Check box style */
input.input-new-styles-checkbox {
    display: none;
}
.new-styles-checkbox {
    cursor: pointer;
    text-indent: 35px;
    overflow: visible;
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}
.new-styles-checkbox:before {
    background: #ffffff;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 100%;
}
.new-styles-checkbox:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #f90;
    top: 2px;
    left: 0;
    border: 0;
    border-radius: 100%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input.input-new-styles-checkbox:checked + .new-styles-checkbox:after {
    opacity: 1;
}

/* Row DP size */
.Library-list-dp,
.member-list-dp {
    height: 2.3rem !important;
    width: 2.3rem !important;
    min-height: 2.3rem !important;
    min-width: 2.3rem !important;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%!important;
}
.contactMember-list-dp{
    height: 35px;
    margin-right: 5px;
    object-fit: cover;
    width: 35px;
    border-radius: 50%!important;
}

/* Modal DP  */

.card-dp {
    height: 2.2rem !important;
    width: 2.2rem !important;
    min-width: 2.2rem !important;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%!important;
}

.shareProfile,
.shareProfile:hover {
    color: #fff;
}

.tp-name .fa-sort {
    color: #212121 !important;
}

.SavedWithcheck {
    color: #117b0f;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 13px;
    display: none;
}

.SavingWithSpinner {
    color: #000;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 13px;
    display: none;
}

.referralMainFonts-inside {
    font-size: 13px;
    color: #757575;
    font-family: 'open-sans', sans-serif;
    margin-bottom: 0 !important;
}

.select2-field-size {
    max-height: 32px;
}

.select2-field-size option {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 36px !important;
}

.details {
    min-height: 10rem;
    border: 1px solid #e8e8e8;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    justify-content: space-between;
}

.details #callerDetails,
.details #advisorDetails,
.details .callerDetails,
.details .advisorDetails {
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.details .img-name {
    display: flex;
}

.details p {
    font-size: 13px;
    color: #000;
    margin-bottom: 0;
}

.details p.company-bio {
    font-weight: 600;
    font-size: 13px;
    padding: .5rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.img-name-rating{
    display: flex;
    justify-content: space-between;
}

.img-name-rating .img-name{
    width: 85%;
}

.matchCard-ratingIcon{
    font-size: 12px !important;
    font-weight: 600;
    display: inline-flex;
    margin-left: .25rem;
}

.matchCard-ratingIcon i.fa-star{
    font-size: 12px !important;
    padding-right: .15rem;
}

.text-last-dot-dot,
.text-last-3dot {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.details p.fan-company-name {
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: .5rem 0;
}

.w-90 {
    width: 90% !important;
}

.w-80 {
    width: 80% !important;
}

.details .cat-box span {
    background-color: #e4e4e4;
    border: 1px solid #ced4da;
    color: #444444 !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 5px;
    font-size: 11px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    margin-right: 3px;
}

.details .img-name p {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: .5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.match-btn {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 20px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.btn {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 20px;
    line-height: 1;
    position: relative;
    font-family: 'source-sans-pro', sans-serif;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.btn-1 {
    color: #ffa54d !important;
    border: 3px solid #ffa54d !important;
    background: #fff !important;
    padding-left: 2.3rem;
    padding-right: 2.3rem;
}

.btn-11 {
    color: #ffa54d !important;
    border: 3px solid #ffa54d !important;
    background: #fff !important;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn-2 {
    color: #fff !important;
    border: 3px solid #ffa54d;
    background: #ffa54d !important;
}

.btn-3 {
    color: #848484 !important;
    border: 3px solid #848484 !important;
    background: #fff !important;
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

.btn-33 {
    color: #848484 !important;
    border: 3px solid #848484 !important;
    background: #fff !important;
    padding-left: 2.3rem;
    padding-right: 2.3rem;
}

.btn-333 {
    color: #848484 !important;
    border: 3px solid #848484 !important;
    background: #fff !important;
    padding-left: 1rem;
    padding-right: 1rem;
}

.MatchModalHead .img-name {
    display: flex;
    justify-content: center;
}

.MatchModalHead .img-name p {
    margin-bottom: auto;
    margin-top: auto;
    margin-left: 8px;
    font-family: 'source-sans-pro', sans-serif;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.MatchModalHead .middle-font p{
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.MatchModalHead .middle-font p{
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.middle-font p,
.middle-font {
    text-align: center;
    font-size: 13px;
    color: #595959;
    font-weight: 600;
}

.middle-font span {
    font-size: 13px;
    font-weight: 600;
    color: #656464 !important;
}

.matches-nice {
    font-size: 12px !important;
    padding-left: .8rem !important;
    height: 32px !important;
    line-height: inherit !important;
}

.form-control-matches {
    height: 32px !important;
}
ul.KeyMilestones-order{
    list-style: decimal;
}

.KeyMilestones-show,
.Prev-KeyMilestones-show {
    font-size: 13px;
    color: #000;
    margin-bottom: 0 !important;
    /* padding-left: 15px; */
}

.KeyMilestones-show i,
.Prev-KeyMilestones-show i {
    font-size: 11px;
}

.KeyMilestones-editing,
#addMoreMilestone,
.Prev-KeyMilestones-editing,
#Prev-addMoreMilestone {
    display: none;
}

.matchesModalHead {
    color: #ffa54d;
    font-family: 'poppins-semiBold', sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    margin-bottom: 0;
}

.advisorfeedback-note textarea,
.callerfeedback-note textarea {
    display: none;
}

.link-txt {
    color: #595959;
    font-size: 11px;
    margin-bottom: 0!important;
    line-height: normal;
}

.line-height-normal {
    line-height: normal !important;
}

.EngagementEnddetails {
    box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
    border-radius: 30px;
    padding: 25px 1.5rem;
}

.EngagementEnddetails h4 {
    color: #000;
    font-size: 14px;
    font-family: 'poppins-semiBold', sans-serif;
}

.topics_did_you_cover1 span {
    background-color: #e4e4e4;
    border: 1px solid #ced4da;
    color: #595959 !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 5px;
    font-size: 11px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    margin-right: 3px;
}

.EngagementEnddetails ol li {
    padding-bottom: 5px;
    color: #000 !important;
}

.EngagementEnddetails .txt {
    white-space: break-spaces;
}

.like-rating {
    display: flex;
    color: #212121;
    font-size: 13px;
    justify-content: space-around;
}

.like-rating p {
    color: #212121;
    font-size: 13px;
    text-align: center;
    margin-bottom: 0;
}

.like-rating div {
    text-align: center;
}


/* Library */

.Library-view-dp {
    height: 4rem !important;
    width: 4rem !important;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%!important;
}

.Library-bold-txt {
    font-size: 13px;
    color: #212121;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.Library-normal-txt {
    font-size: 13px;
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.Library-cat-style {
    cursor: pointer;
}

.Library-cat-style span {
    background-color: #e4e4e4;
    border: 1px solid #ced4da;
    color: #595959 !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 5px;
    font-size: 11px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    margin-right: 3px;
}

.Library-normal-txt.dosen-color i.fas,
.Library-normal-txt.dosen-color i.far {
    font-size: 18px !important;
}

.Library-header {
    color: #212121;
    font-size: 15px;
    font-weight: 600;
}

i.fas.fa-dot-circle {
    cursor: pointer;
}

i.likely {
    font-size: 12px;
    color: #595959;
}


/* View profile modal  */

.modal-matches-profile {
    display: flex;
    font-family: 'source-sans-pro', sans-serif;
    color: #595959;
}

.modal-matches-profile img {
    height: 6rem !important;
    width: 6rem !important;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50% !important;
    margin-top: auto;
    margin-bottom: auto;
}

.modal-matches-profile .name {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 20px;
    line-height: normal;
}

.modal-matches-profile a.fab.fa-linkedin,
.modal-matches-profile i.fab.fa-linkedin,
.viewinfoModal-linkedin i {
    margin: auto;
    margin-left: 1rem;
    background: #848484;
    color: #fff !important;
    padding: 2px 3px;
    border-radius: 3px;
    cursor: pointer;
}

.modal-matches-profile p {
    margin-bottom: 0;
    font-size: 13px;
}

.modal-matches-profile p.time-zone {
    font-size: 11px;
    font-family: 'open-sans', sans-serif;
}

.title-co {
    margin-bottom: 0;
    font-size: 13px;
    font-family: 'source-sans-pro', sans-serif;
    color: #595959;
}

.co-info,
.co-info p {
    color: #595959;
    font-size: 13px;
}

.co-info p {
    white-space: pre-line;
}

.co-info .co-name {
    color: #595959;
    font-size: 20px;
    font-family: 'source-sans-pro', sans-serif;
    margin-bottom: 0;
}

.co-info .co-type {
    color: #595959;
    font-size: 12px;
    margin-bottom: .5rem;
}

.modal-matches-info-box {
    box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 65%);
    border-radius: 2rem;
    padding: 1rem .5rem;
    color: #000 !important;
    margin-top: 2rem !important;
    margin: 2rem 0;
}

.modal-matches-info-box div {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.modal-matches-info-box h2,
.modal-matches-info-box p {
    font-size: 11px;
    margin-bottom: .5rem;
    font-weight: 600;
    color: #000 !important;
}

.modal-matches-info-box div h3.number,
.modal-matches-info-box div p.number {
    color: #000;
    margin-bottom: 0!important;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: normal;
    font-family: 'source-sans-pro', sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.VD-Modal-btn-Section{
    display: flex;
    justify-content: space-around;
}

/* view modal end */

.container-rating {
    display: block;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-rating input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark-rating {
    display: inline-block;
    top: 2;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #757575;
}

.container-rating:hover input~.checkmark-rating {
    background-color: #fff;
}

.container-rating input:checked~.checkmark-rating {
    background-color: #f90;
    border: 1px solid #f90
}

.checkmark-rating:after {
    content: "";
    position: absolute;
    display: none;
}

.container-rating input:checked~.checkmark-.container-rating {
    display: block;
}

.container-rating .checkmark-rating:after {
    border-radius: 50%;
    background: white;
}

#EngagmentGoal-note-pre-call p {
    white-space: pre-line;
}

.white-space-pre-line {
    white-space: pre-line;
}

.member-filter-modal {
    width: 220px;
}

.col-Export {
    text-align: center;
    margin-top: 1.5rem;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}


/* Web share css */

.web-social-share-myClass {
    --web-social-share-height: 140px;
    --web-social-share-target-width: 6rem;
    --web-social-share-backdrop-opacity: 0.5;
    display: none;
}

.web-social-share-myClass.hydrated i.fab.fa-facebook {
    color: #3b5998;
    font-size: 1.6rem;
}

.web-social-share-myClass.hydrated i.fab.fa-twitter {
    color: #00aced;
    font-size: 1.6rem;
}

.web-social-share-myClass.hydrated i.fab.fa-whatsapp-square {
    color: #25d366;
    font-size: 1.6rem;
}

.web-social-share-myClass.hydrated i.fab.fa-linkedin {
    color: #0077b5;
    font-size: 1.6rem;
}

.web-social-share-myClass.hydrated i.fas.fa-envelope {
    color: #ff8ea3;
    font-size: 1.6rem;
}

.web-social-share-myClass.hydrated i.far.fa-copy {
    color: #000;
    font-size: 1.6rem;
}

.Create-match-btn {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px 18px;
    color: #000;
    color: #6f6f6f !important;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    cursor: pointer;
}

.scroll-v1-300px {
    height: 300px;
    max-height: 300px;
    overflow-y: auto;
    min-height: 200px;
    min-width: 250px;
}

a.dosen-color.my-auto.fa.fa-fw.fa-sort,
a.normal-color.my-auto.fa.fa-fw.fa-sort {
    cursor: pointer;
}

.ViewArticle-Section i.fas.fa-check-circle {
    font-size: 6rem;
    margin: 1rem auto;
    color: #43a047;
    display: block;
}

.row.artical-box {
    box-shadow: 0px 4px 15px 2px rgb(146 146 146 / 42%);
    border-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding: 1rem 1rem;
    margin: 1rem .5rem 0;
    cursor: pointer;
}

#after-MediaType-choose-url,
#after-MediaType-choose-text,
#after-MediaType-choose-text-picture,
#review-after-MediaType-choose-url,
#review-after-MediaType-choose-text,
#after-MediaType-choose-doc-file,
#after-MediaType-doc-link,
#review-after-MediaType-choose-text-picture,
#after-MediaType-share-link {
    display: none;
}

.Contact-btn {
    background: transparent;
    border: 2px solid #ffa54d !important;
    color: #ffa54d !important;
    font-size: 12px;
    border-radius: 1rem;
    padding: .1rem .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

i.far.fa-play-circle.ViewArticle-play {
    font-size: 1rem;
    color: #848484
}

.ViewArticle-bold-txt {
    font-size: 16px;
    color: #212121;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ViewArticle-play-time {
    font-size: 12px;
    color: #595959;
    margin-left: 5px;
}

.white-space-pre-line {
    white-space: pre-line !important;
}

.ViewArticle-viewCount {
    color: #595959;
    display: flex;
    font-size: 13px;
}

.ViewArticle-viewCount p {
    color: #595959;
    font-size: 13px;
    margin-left: .5rem;
}

.ViewArticle-media iframe {
    max-width: 100%;
    max-height: 200px;
}

.ViewArticle-media img {
    max-width: 100%;
    max-height: 200px;
}

.Popular-articles h3,
.Popular-articles h2 {
    color: #212121;
    font-family: 'open-sans', sans-serif;
    font-size: 18px;
    font-weight: 200;
}

.Popular-articles p {
    color: #212121;
    font-size: 13px;
    margin-bottom: 0;
}

.Popular-articles a,
.Popular-articles a:hover {
    color: #ffa54d;
    display: block;
    cursor: pointer;
}

.ViewArticle-media audio {
    width: 100%;
}

.photoUpload-btnFormodal {
    cursor: pointer;
    display: block;
    padding: .5rem;
    padding-left: 18px;
    padding-right: 30px;
    color: #000 !important;
    background-color: #ffa54d;
    border-radius: 5px;
    text-align: center;
    width: 10rem;
    box-shadow: inset 0px 0px 15px 2px #e48324;
}


/* webkit scrollbar */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}