/* andika-new-basic-regular - latin */
@font-face {
    font-family: 'Andika New Basic';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/andika/andika-new-basic-v2-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/andika/andika-new-basic-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/andika/andika-new-basic-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/andika/andika-new-basic-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/andika/andika-new-basic-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/andika/andika-new-basic-v2-latin-regular.svg#AndikaNewBasic') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/lato/lato-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/lato/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/lato/lato-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/lato/lato-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/lato/lato-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/lato/lato-v20-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root {
    --dark: #0C0C0C;
    --orange: #FE5722;
    --orange-dark: #DD2C00;
    --orange-light: #FFF2ED;
    --orange-med: #F8E5E0;
    --orange-lightest: #F7F2F1;
    --red: #D11F3C;
    --green: #019267;
    --lighter-green: #EBF6F3;
    --green-gray: #E3F0EE;
    --lightest-green: #F1F4FF;
    --pink: #ffd8d8;
    --blue: #2E1DF2;
    --light-blue: #1DA1F2;
    --lighter-blue: #DFE3F5;
    --lightest-blue: #EEF5FA;
    --purple-gray-light: #EDEFF4;
    --purple-gray: #F0EBFA;
    --purple: #9D50FF;
    --lighter-purple: #7C86A9;
    --lightest-purple: #F7F1FF;
    --yellow: #CBD500;
    --pee-yellow: #EED600;
    --lightest-yellow: #FDFBEB;
    --vraad-red: #F5E8E6;
    --vraad-slim-red: #F6F6EB;

    /*--light-gray: #E8EAF0;*/

    --white: #fff;
    --acoustic-yellow: #FFC300;
    --light-gray: #E5E7E9;

    --white-8: rgba(255,255,255,.8);
    --white-7: rgba(255,255,255,.7);
    --white-5: rgba(255,255,255,.5);



    --footer-height: 250px;

    --primary-dark: #000;
    --primary-cta: #824deb;
    --primary-bg: #f4f4f4;
    --primary-gray-scale: #353535;
    --wrapper-color: #f4f4f4;

}







* {
    font-family: Montserrat, sans-serif !important;
}
body, .page-wrapper {
    overflow-X: hidden;
    color: #000;
    padding-bottom: 2rem !important;
    background: var(--primary-bg);
}




.card.noBackground {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

body .card, .card .card-title, .profile-header, .headline_text_separate {
    color: #686868 !important;
}
.sidebar .profile-name {
    color: #bfc3ce;
}
.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23262626' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23262626' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
#navbarForm, .search-form .input-group {
    width: 100%;
}
.hidden {
    display: none;
}
#header.error_header {
    background: #FF3535;
}
#header.error_header * {
    font-size: 5rem;
}

#body {
    width: 100%;
    min-height: 50vh;
    max-height: calc(100vh - 150px);
}



#top-popup-notify {
    display: flex;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 2rem;
    z-index: 9999;
}

#top-popup-notify > .popup-notify-element {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: start;
    padding: 1.25rem;
    margin: 0;
    min-width: 50%;
    min-height: 75px;
    border-radius: 10px;
}

.border-light-blue {border-color: var(--light-blue) !important; }
.border-lighter-blue {border-color: var(--lighter-blue) !important; }
.border-lightest-blue {border-color: var(--lightest-blue) !important; }

#top-popup-notify > .popup-notify-element.success { background: var(--green); color: var(--white) }
#top-popup-notify > .popup-notify-element.error { background: var(--orange-dark); color: var(--white) }
#top-popup-notify > .popup-notify-element.warning { background: var(--acoustic-yellow); color: var(--white) }

.border-light-orange.selected {border-color: var(--orange-dark) !important; }
.border-light-orange {border-color: var(--orange-light) !important; }
.border-orange {border-color: var(--orange) !important; }
.border-dark-orange {border-color: var(--orange-dark) !important; }
.selectable-el {background: var(--white); cursor: pointer; }
.selectable-el.selected {background: var(--pink)}
.selectable-el.lighter.selected:not(#influencer_packages .selectable-el.lighter.selected, .selectable-el.order-viewable-package) {background: var(--orange-light); color: var(--orange);}
#influencer_packages .selectable-el.lighter.selected {background: var(--orange-light);}
#influencer_packages .selectable-el.lighter.selected .packageTitle {color: var(--orange) !important;}

.selectable-el[data-value-type=brand] .img-placeholder {
    background: url("../images/icons/brand_icon_not_clicked.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.selectable-el[data-value-type=brand].selected .img-placeholder {
    background: url("../images/icons/brand_icon_clicked.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.selectable-el[data-value-type=influencer] .img-placeholder {
    background: url("../images/icons/influencer_icon_not_clicked.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.selectable-el[data-value-type=influencer].selected .img-placeholder {
    background: url("../images/icons/influencer_icon_clicked.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.selectable-el[data-value-type=package] .img-placeholder {
    background: url("../images/icons/package.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.selectable-el.order-viewable-package[data-value-type=package] .img-placeholder {
    background: url("../images/icons/order_in_progress.png");
    background-repeat: no-repeat;
    background-size: contain;
}


.sidebar-nav-link {
    /*transition: .3s;*/
}

.sidebar-nav-link[data-value-type=profile] .img-placeholder {
    background: url("../images/icons/creators.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-nav-link.active[data-value-type=profile] .img-placeholder, .sidebar-nav-link[data-value-type=profile]:hover .img-placeholder {
    /*background: url("../images/mainpage/users_cta.png");*/
}
.sidebar-nav-link[data-value-type=market] .img-placeholder {
    background: url("../images/icons/analytics.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-nav-link.active[data-value-type=market] .img-placeholder, .sidebar-nav-link[data-value-type=market]:hover .img-placeholder {
    /*background: url("../images/mainpage/marketplace_orange.png");*/
}
.sidebar-nav-link[data-value-type=orders] .img-placeholder {
    background: url("../images/icons/integrations.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-nav-link.active[data-value-type=orders] .img-placeholder, .sidebar-nav-link[data-value-type=orders]:hover .img-placeholder {
    /*background: url("../images/mainpage/orders_orange.png");*/
}
.sidebar-nav-link[data-value-type=notifications] .img-placeholder {
    background: url("../images/icons/cookies.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-nav-link.active[data-value-type=notifications] .img-placeholder, .sidebar-nav-link[data-value-type=notifications]:hover .img-placeholder {
    /*background: url("../images/mainpage/notifications_orange.png");*/
}
.sidebar-nav-link[data-value-type=wallet] .img-placeholder {
    background: url("../images/icons/campaigns.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-nav-link.active[data-value-type=wallet] .img-placeholder, .sidebar-nav-link[data-value-type=wallet]:hover .img-placeholder {
    /*background: url("../images/mainpage/wallet_orange.png");*/
}
.sidebar-nav-link[data-value-type=settings] .img-placeholder {
    background: url("../images/icons/settings.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-nav-link.active[data-value-type=settings] .img-placeholder, .sidebar-nav-link[data-value-type=settings]:hover .img-placeholder {
    /*background: url("../images/mainpage/settings_orange.png");*/
}
.sidebar-nav-link[data-value-type=users] .img-placeholder {
    background: url("../images/icons/creators.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.sidebar-nav-link.active[data-value-type=users] .img-placeholder, .sidebar-nav-link[data-value-type=users]:hover .img-placeholder {
    /*background: url("../images/icons/users_orange.png");*/
}


a.filepond--credits {
    display: none !important;
}

.bottom-scrolled {
    display: flex;
    flex-direction: column-reverse;
}

.overflow-y-auto { overflow-y: auto !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-x-auto { overflow-x: auto !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.border-dashed {border-style: dashed;}
.border-dotted {border-style: dotted;}
.border-thick {border-width: 2px;}


.box-gray-border-dot {
    border: 1px dashed var(--lighter-purple);
}
.border-orange { border-color: var(--orange); }


.absolute-tl-5--15 {
    position: absolute;
    left: 5px;
    top: -15px;
}
.absolute-br-0-0 {
    position: absolute;
    right: 0;
    bottom: 0;
}
.absolute-tr-0-0 {
    position: absolute;
    right: 0px;
    top: 0px;
}
.absolute-br-5-5 {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.absolute-br-20-5 {
    position: absolute;
    right: 20px;
    bottom: 5px;
}
.absolute-br-20-0 {
    position: absolute;
    right: 20px;
    bottom: 0;
}
.absolute-br-20--5 {
    position: absolute;
    right: 20px;
    bottom: -5px;
}
.absolute-br-10--5 {
    position: absolute;
    right: 10px;
    bottom: -5px;
}
.absolute-br-50--5 {
    position: absolute;
    right: 50px;
    bottom: -5px;
}
.absolute-tr-5-5 {
    position: absolute;
    right: 5px;
    top: 5px;
}
.absolute-tr--20-5 {
    position: absolute;
    right: -10px;
    top: 5px;
}
.absolute-tl-5-5 {
    position: absolute;
    left: 5px;
    top: 5px;
}
.absolute-tl-10-5 {
    position: absolute;
    left: 10px;
    top: 5px;
}
.absolute-tr-10-5 {
    position: absolute;
    right: 10px;
    top: 5px;
}
.absolute-tr-10-10 {
    position: absolute;
    right: 10px;
    top: 10px;
}
.absolute-tr-5-10 {
    position: absolute;
    right: 10px;
    top: 5px;
}

.absolute-tl-50 {
    position: absolute;
    left: 50%;
    top: 50%;
}
.absolute-tl-10p-30p {
    position: absolute;
    left: calc(30%);
    top: calc(10%);
}

.pointer-event-none{ pointer-events: none; }

.no-after::after{
    content: none;
    display: none;
}

.form-element {
    margin: 1rem 0;
}

.flex-row {display: flex;}
.flex-col {display: flex; flex-direction: column;}
.flex-row-center {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.flex-row-between {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.flex-row-around {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.flex-row-start {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.flex-row-end {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}



.flex-col-around {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.flex-col-between {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.flex-col-end {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
.flex-col-start {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.flex-row-center.wrap,.flex-row-between.wrap,.flex-row-around.wrap,.flex-row-start.wrap,.flex-row-end.wrap,
.flex-col-around.wrap,.flex-col-between.wrap,.flex-col-end.wrap,.flex-col-start.wrap {
    flex-wrap: wrap;
}
.flex-align-center { align-items: center; }
.flex-align-start { align-items: start; }
.flex-align-end { align-items: end; }

.bg-lightBlue-a7 {
    background-color: rgba(201,222,255,0.7);
}
.bg-lightBlue-a4 {
    background-color: rgba(201,222,255,0.4);
}

.bg-darkWhite-a10 {
    background-color: rgba(234,234,234,1);
}





footer:not(#user_footer) {
    position: absolute;
    width: 100vw;
    bottom: 0;
    left: 0;
}

#header {
    width: 100%;
    height: 150px;
    background: #1b8dbf;
    box-sizing: border-box;
}
.bg-dark-blueish {
    background: #152242;
}
.header_text_container {
    height: inherit;
    display: flex;
    justify-content: space-around;
    flex-flow: column nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
}
.header_text {
    display: flex;
    justify-content: space-around;
    flex-flow: row nowrap;
    color: #fff;
    font-size: 38px;
    font-weight:600;
}
div.latest_posts_container{

}
div.latest_posts_container img {
    min-width: 100%;
    min-height: 100%;
}

.headline_text_separate {
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
}




.form_container {
    background: #E7F6F5;
    width: 350px;
    margin: 50px auto;
    padding: 20px 50px 50px 50px;
    border-radius: 15px;
}
.form_container .row:not(:last-of-type) {
    margin-top: 30px;
    margin-bottom: 30px;
}
.form_container .row input {
    width: 100%;
    height: 30px;
    border: 1px solid #3d546f;
    padding: 5px 10px;
    border-radius: 5px;
}

.p_inline {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

#search_bar {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #3d546f;
}
.search_bar {
    font-size: 18px;
    color: #75757E;
    margin: 0;
    padding: 10px 30px;
    box-sizing: border-box;
    width: 80%;
    height: 100%;
    outline: none;
    border: none;
}
.search_bar:hover:not(:focus) {
    background: #fafafa;
    cursor: pointer;
}
.search_btn {
    width: calc(20% - 4px);
    height: 100%;
}
.logout_container {
    position: absolute;
    top: 15px;
    right: 15px;
}
.logout_text a{
    font-size: 18px;
    color: #fff;
}
.logout_text a:hover{
    color: #d3d3d3;
    text-decoration: underline;
}

#body_content {
    height: calc(100vh - 220px - 50px);
    width: 96%;
    margin: 20px auto 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.head_row {
    box-sizing: content-box;
    height: calc((100vh - 200px)*0.25);
    padding-bottom: 10px;
    border-bottom: 1px solid #75757E;
}
.img_div {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 5%;
    border-radius: 50%;
    border: 1px solid #3d546f;
    margin: auto;
}

.profile_title_texts {
    box-sizing: border-box;
    width: 100%;
    color: #FF746E;
    overflow: hidden;
}
.profile_title_texts:first-of-type {
    padding: 10px 10px 0 10px;
}
.profile_title_texts:last-of-type {
    padding: 0 10px 0 10px;
}
.font-28 {
    font-size: 28px;
    font-weight: 600;
}
.font-22 {
    font-size: 22px;
    font-weight: 600;
}
.text-wrap { white-space: normal; }
.margin-top-15 {
    margin-top: 15px;
}
.text-black {
    color: #75757E;
}
.no-overflow-text {
    word-wrap: break-word;
    overflow: hidden;
    height: 68px !important;
}
.up-hl-height {
    height: calc(((100vh - 200px)*0.25)*0.45);
    box-sizing: border-box;
}
.low-hl-height {
    height: calc(((100vh - 200px)*0.25)*0.55);
    box-sizing: border-box;
}
p.no-overflow-text {
    line-height: 1.6;
}
.info_bar {
    padding: 10px;
}
.text-redish {
    color: #FF746E;
}
.text-greenish {
    color: #3CBB29;
}
.text-blueish {
    color: #727cf5;
}
.text-bold {
    font-weight: 600;
}
.link-deco:hover {
    text-decoration: underline;
    color: #98989B;
}
.stats_outer:last-of-type {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #75757E;
}
.stats.active {
    border-bottom: 2px solid #FF746E;
}
.stats:hover {
    cursor: pointer;
}
.stats:not(.stats.active):hover{
    border-bottom: 2px solid #FF746E;
    color: #98989B;
}
.charts_container {
    height: calc((100vh - 220px - 50px - 40px) - ((100vh - 200px)*0.25)  - 44px);
}
.charts_container .grid-margin {
    margin: 0;
}

.font-50 { font-size: 50px !important; }
.font-40 { font-size: 40px !important; }
.font-30 { font-size: 30px !important; }
.font-32 { font-size: 32px !important; }
.font-25 { font-size: 25px !important; }
.font-16 { font-size: 16px !important; }
.font-15 { font-size: 15px !important; }
.font-14 { font-size: 14px !important; }
.font-13 { font-size: 13px !important; }
.font-12 {font-size: 12px !important;}
.font-11 {font-size: 11px !important;}
.font-10 {font-size: 10px !important;}
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }

.w-10px { width: 10px; }
.w-20px { width: 20px; }
.w-25px { width: 25px; }
.w-30px { width: 30px; }
.w-50px { width: 50px; }
.w-60px { width: 60px; }
.w-80px { width: 80px; }
.w-100px { width: 100px; }
.w-150px { width: 150px; }
.w-200px { width: 200px; }
.w-250px { width: 250px; }
.w-300px { width: 300px; }
.w-350px { width: 350px; }
.w-400px { width: 400px; }
.h-10px { height: 10px; }
.h-20px { height: 20px; }
.h-25px { height: 25px; }
.h-30px { height: 30px; }
.h-50px { height: 50px; }
.h-60px { height: 60px; }
.h-75px { height: 75px; }
.h-80px { height: 80px; }
.h-100px { height: 100px; }
.h-150px { height: 150px; }
.h-200px { height: 200px; }
.h-250px { height: 250px; }
.h-300px { height: 300px; }
.h-350px { height: 350px; }
.h-400px { height: 400px; }
.h-500px { height: 500px; }
.h-600px { height: 600px; }
.h-700px { height: 700px; }
.mxw-20px { max-width: 20px; } .mnw-20px { min-width: 20px !important; }
.mxw-25px { max-width: 25px; } .mnw-25px { min-width: 25px !important; }
.mxw-40px { max-width: 40px; } .mnw-40px { min-width: 40px; }
.mxw-200px { max-width: 200px; } .mnw-200px { min-width: 200px; }
.mxw-300px { max-width: 300px; } .mnw-300px { min-width: 300px; }
.mxw-400px { max-width: 400px; } .mnw-400px { min-width: 400px; }
.mxw-500px { max-width: 500px; } .mnw-500px { min-width: 500px; }
.mxw-600px { max-width: 600px; } .mnw-600px { min-width: 600px; }
.mxw-150px { max-width: 150px; } .mnw-150px { min-width: 150px; }
.mxw-100px { max-width: 100px; } .mnw-100px { min-width: 100px; }
.mxw-75px { max-width: 75px; } .mnw-75px { min-width: 75px; }
.mxw-50px { max-width: 50px; } .mnw-50px { min-width: 50px; }
.mxw-100 { max-width: 100%; } .mnw-100 { min-width: 100%; }

.mxh-200px { max-height: 200px; } .mnh-200px { min-height: 200px; }
.mxh-250px { max-height: 250px; } .mnh-250px { min-height: 250px; }
.mxh-300px { max-height: 300px; } .mnh-300px { min-height: 300px; }
.mxh-400px { max-height: 400px; } .mnh-400px { min-height: 400px; }
.mxh-450px { max-height: 450px; } .mnh-450px { min-height: 450px; }
.mxh-500px { max-height: 500px; } .mnh-500px { min-height: 500px; }
.mxh-600px { max-height: 600px; } .mnh-600px { min-height: 600px; }
.mxh-700px { max-height: 700px; } .mnh-700px { min-height: 700px; }
.mxh-800px { max-height: 800px; } .mnh-800px { min-height: 800px; }
.mxh-100px { max-height: 100px; } .mnh-100px { min-height: 100px; }
.mxh-75px { max-height: 75px; } .mnh-75px { min-height: 75px; }
.mxh-50px { max-height: 50px; } .mnh-50px { min-height: 50px; }
.mxh-100 { max-height: 100%; } .mnh-100{ min-height: 100%; }

.mxh-100px { max-height: 100px; } .mnh-100px { min-height: 100px; }
.mxh-150px { max-height: 150px; } .mnh-150px { min-height: 150px; }
.mxh-200px { max-height: 200px; } .mnh-200px { min-height: 200px; }
.mxh-300px { max-height: 300px; } .mnh-300px { min-height: 300px; }
.mxh-100px { max-height: 100px; } .mnh-100px { min-height: 100px; }
.mxh-75px { max-height: 75px; } .mnh-75px { min-height: 75px; }
.mxh-50px { max-height: 50px; } .mnh-50px { min-height: 50px; }

.noSelect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.img_container {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    height: calc(100vh - 220px - 50px);
}
.img_container .col-sm-6 {
    height: calc((100vh - 220px - 50px - 40px) / 3);
}
.solo_graph {
    margin: 20px auto;
}
.hide {
    display: none;
}
.no-vis {
    visibility: hidden;
}

.bar_chart {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
}
.bar_chart .bar_filler {
    box-sizing: border-box;
    margin: 0;
    height: 30px;
    float: left;
    padding: 6px 0;
}
.bar_chart .bar_filler {
    background: #1b8dbf;
}
.bar_chart .bar_filler:first-of-type {
    background: #FF746E;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.bar_chart .bar_filler:last-of-type {
    height: inherit;
    background: #75757E;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.side_bar_image_container {
    margin-top: 20px;
    min-height: 150px;
    max-height: 250px;
    text-align: center;
    /*border-bottom: 1px solid #757575;*/
    /*padding-bottom: 5px;*/
}
.side_bar_image_container .profile-name {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
}
.brand_mentions {
    box-sizing: border-box;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
}
.brand_mentions .head {
    font-size: 20px;
    text-align: center;
    word-break: break-all;
}
.brand_mentions .mentions {
    margin-top: 15px;
    text-align: center;
}

.header-links {
    min-height: 115px;
}

#carouselExampleControls {
    width: 100%;
}
.carousel-item {
    padding: 0 15%;
}

.testing {
    display: flex;
    justify-content: space-around;
    flex-flow: column nowrap;
}
.no-pad-hor {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.free_top_50 {
    padding-top: 50px;
    position: relative;
}
.top-right-abs {
    position: absolute;
    top: 10px;
    right: 10px;
}


.tr-5px {top: 5px; right: 5px}
.tr-5rem {top: 5rem; right: 5rem}
.tr-20px {top: 20px; right: 20px}

.abs-center-2rem {
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
}

form th, form td {
    text-align: center;
}

.text-special {
    color: #1B998B;
}
.border-gray {
    border-color: #8c8c8c;
}
.size-50 {
    width: 50%;
    height: 50%;
}
.size-100 {
    width: 100%;
    height: 100%;
}


.circle {
    display: flex;
    border-width: 1px;
    border-style: dashed;
    border-radius: 50%;
    margin: auto;
    width: 300px;
    height: 300px;
}
.calculator_result {
    padding: 16%;
    display: flex;
}

.bg-stripe-awesome {
    background: #fff;
}
.border-radius-50 { border-radius: 50% !important; }
.border-radius-20px { border-radius: 20px !important; }
.border-radius-15px { border-radius: 15px !important; }
.border-radius-10px { border-radius: 10px !important; }
.border-radius-5px {border-radius: 5px !important;}
.border-radius-none { border-radius: 0 !important; }
.border-radius-tl-bl-20px { border-radius: 20px 0 0 20px !important; }
.border-radius-tr-br-20px { border-radius: 0 20px 20px 0 !important; }
.border-radius-tl-tr-20px { border-radius: 20px 20px 0 0 !important; }
.border-radius-tl-tr-10px { border-radius: 10px 10px 0 0 !important; }



.suggestion_container {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    min-width: 100%;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    flex-direction: column;
    z-index: 101
}
.search_suggestion {
    padding: 5px 20px;
    min-width: 100%;
    min-height: 82px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;;
}
.smallSuggestionsBox {
    min-height: 35px;
    min-width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
}
.smallSuggestionsBox p {
    float: left;
    margin-left: 20px;
    font-size: 13px;
    font-family: Andika New Basic;
    font-weight: 300;
    color: var(--dark)
}

.search_suggestion:hover, .smallSuggestionsBox:hover {
    cursor: pointer;
    background: #f0f0f0;
}

.user_suggestion_img {
    float: left;
    margin: 0;
    padding: 0;
}
.user_suggestion_img img {
    max-width: 72px;
    max-height: 72px;
    border-radius: 50%;
}
.user_suggestion_user_text {
    float: left;
    margin-left: 20px;
    font-size: 15px;
    font-family: Andika New Basic;
    font-weight: 300;
}

.flexColCenter{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-around;
}


.prettyTable {
    max-width: 500px;
    overflow-x: auto;
}

/*.table *, table * {
    font-family: Andika New Basic;
}*/


.apps * {
    color: #000 !important;
}
.apps a {
    padding-right: 5px;
    padding-left: 5px;
}


.hashImageRow{
    min-height: 300px;
    width: 100%;
}
.hashImageBox {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}
.hashImageBox img {
    width: 100%;
}

.hashImageBox .statContainer {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: rgba(0,0,0,0.2);
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
}

.hashImageBox .statContainer .statVisual {
    position: relative;
    z-index: 100;
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

form[name=selectFbPagesForm] {
    padding: 10px;
    margin: 15px 0 0 0;
    border: 1px solid transparent;
    border-radius: 5px;
}



.btn-base {
    border-radius: 3px;
    padding: .75rem 1rem;
}

.tiktok-btn {
    background: var(--dark);
    color: var(--white);
    border-radius: 5px !important;
    padding: .75rem .75rem !important;
    font-weight: 600;
}
.facebook-integrate {
    background: #0165E1;
    color: var(--white);
    border-radius: 5px !important;
    padding: .5rem .75rem !important;
    font-weight: 600;
}
.btn-integrate {
    background: var(--white);
    color: var(--dark);
    border-radius: 5px !important;
    padding: 1rem !important;
    font-weight: 600;
}

.btn-white-green-outline {
    background: var(--white);
    color: var(--green);
    border: 1px solid var(--green);
}
.btn-white-orange-outline {
    background: var(--white);
    color: var(--orange);
    border: 1px solid var(--orange);
}
.btn-green-white {
    color: var(--white);
    background: var(--green);
}
.btn-white-green {
    background: var(--white);
    color: var(--green);
}
.btn-white-orange {
    background: var(--white);
    color: var(--orange);
}
.btn-lighter-purple {
    background: var(--lighter-purple);
    color: var(--white);
}
.btn-light-purple {
    background: var(--light-gray);
    color: var(--lighter-purple);
}
.btn-light-blue {
    background: var(--light-blue);
    color: var(--white);
    border-radius: 5px;
}
.btn-lighter-blue {
    background: var(--lighter-blue);
    color: var(--white);
    border-radius: 5px;
}
.btn-blue {
    background: var(--blue);
    color: var(--white);
    border: none;
}
.btn-white-dark-orange {
    background: var(--orange-dark);
    color: var(--white);
}
.btn-white-black-orange-text-hover {
    background: var(--white);
    color: var(--dark);
    border: 1px solid #d5d5d5 !important;
    border-radius: 10px;
}
.btn-white-black-orange-text-hover:hover {
    color: var(--orange);
}
.btn-orange-white {
    background: var(--orange) !important;
    color: var(--white) !important;
}
.btn-orange-dark-white {
    background: var(--orange-dark) !important;
    color: var(--white) !important;
}
.btn-lighter-purple-white {
    background: var(--lighter-purple);
    color: var(--white);
}
.btn-red {
    background: var(--red);
    color: var(--white);
    border-radius: 5px;
}



.btn-prim {
    background: var(--primary-cta);
    color: var(--primary-bg);
    transition: 0.3s;
    border-color: transparent !important;
}
.btn-sec {
    background: var(--primary-dark);
    color: var(--primary-bg);
    transition: 0.3s;
}
.btn-sec-reversed {
    background: var(--primary-bg);
    color: var(--primary-dark);
    transition: 0.3s;
}
.btn-ter {
    background: var(--primary-dark);
    color: var(--primary-bg);
    transition: 0.3s;
    border-color: transparent !important;
    font-weight: bold !important;
}

.btn-prim:hover {
    background: var(--primary-dark);
    color: var(--primary-bg) !important;
}
.btn-sec:hover {
    background: var(--primary-bg);
    color: var(--primary-dark);
}
.btn-sec-reversed:hover {
    background: var(--primary-dark);
    color: var(--primary-bg);
}
.btn-ter:hover {
    background: var(--primary-cta);
    color: var(--primary-bg);
}



.link-prim {
    color: var(--primary-dark) !important;
    transition: 0.3s;
}
.link-prim:hover {
    color: var(--primary-cta) !important;
}





.btn-red:active, .btn-lighter-purple-white:active, .btn-orange-white:active, .btn-orange-dark-white:active, .btn-white-dark-orange:active, .btn-white-orange-outline:active,
.btn-light-blue:active, .btn-light-purple:active, .btn-white-orange:active, .btn-white-green:active, .btn-white-green-outline:active, .tiktok-btn:active,
.btn-green-white:active, .btn-blue:active, .btn-lighter-blue:active, .btn-prim:active, .btn-sec-reversed:active, .facebook-integrate:active,
.btn-integrate:active {

    -moz-box-shadow:    inset 0 0 10px currentColor !important;
    -webkit-box-shadow: inset 0 0 10px currentColor !important;
    box-shadow:         inset 0 0 10px currentColor !important;
}

.bg-hidden-white {
    /*background: rgba(255,255,255, 0.1);*/

    background: repeating-linear-gradient(
            -180deg,
            transparent,
            rgba(255,255,255, 0.1),
            transparent,
            transparent
    );
    border-radius: 25%;
}


.dashboard-date.datepicker.input-group {
    border-color:var(--dark);
    color: var(--dark)
}
.dashboard-date.datepicker.input-group span {
    border: none;
}

.title-box > .title-box-header > .expand-title-box:hover {
    cursor: pointer;
    text-decoration: underline;
}
.title-box > .title-box-content:not(.open-start) { display: none; }
.blog-section-content { padding-left: .5rem; }
.blog-section-content > .title-box {
    margin: .75rem 0;
    background: #f5f5f5;
    padding: .75rem;
    border-radius: 10px;
    position: relative;
}
.blog-section-content > .title-box > .title-box-header { cursor: pointer; position: relative;}
.blog-section-content > .title-box > .title-box-header::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: calc(50% - 5px);
    width: 0;
    height: 0;
    clear: both;
}
.blog-section-content > .title-box > .title-box-header:not(.title-box-header.open)::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid currentColor;
}
.blog-section-content > .title-box > .title-box-header.open::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid currentColor;
}



.editor {
    width: 80%;
    position: absolute;
    z-index: 499;
    top: 3rem;
    left: 10%;
    min-height: 300px;
    max-height: calc(100% - 10rem);
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 2px 3px 10px 0 var(--dark);
    -webkit-box-shadow: 2px 3px 10px 0 var(--dark);
    padding: 20px 5px;
    border-radius: 10px;
    display: none;
}

.editor .close, .screenOverlay .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: #000;
    width: 50px;
    height: 50px;
}

.editor.open { display: block; }
.editor .close, .editor .close i { cursor: pointer; }



.stacked-bar-chart  {
    padding: 5px;
}
.stacked-bar-chart .stacked-data-bar {
    color: #000;
}




.editor {
    width: 80%;
    position: absolute;
    z-index: 499;
    top: 3rem;
    left: 10%;
    min-height: 300px;
    max-height: calc(100% - 10rem);
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 2px 3px 10px 0 var(--dark);
    -webkit-box-shadow: 2px 3px 10px 0 var(--dark);
    padding: 20px 5px;
    border-radius: 10px;
    display: none;
}

.editor .close, .screenOverlay .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: #000;
    width: 50px;
    height: 50px;
}

.editor.open { display: block; }
.editor .close, .editor .close i { cursor: pointer; }
.switchViewBtn {cursor: pointer;}

a.noReaction {color: inherit;}

.lineHeight-1-5 { line-height: 1.5; }
.select2-selection__choice, .select2-selection__choice__remove {
    height: 20px !important;
    background: var(--lighter-purple) !important;
}
.select2-selection__choice__remove *, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 1em !important;
    background: var(--lighter-purple) !important;
}
.select2-selection__choice__remove:hover {
    color: var(--dark) !important;
}

select[disabled] .select2-selection__choice__remove {
    display: none !important;
}

.select2.select2-container.select2-container--default { width: 100% !important; } /* Overwrites the fixed width given by JS */

[data-href] {
    cursor: pointer;
}

.togglePwdVisibilityField {
    padding-right: 40px !important;
}
.togglePwdVisibility[data-current-show=password] { color: var(--primary-cta) !important; }
.togglePwdVisibility[data-current-show=text] { color: var(--primary-dark) !important; }

.imageCtaShadow {
    -moz-box-shadow:    0 0 10px var(--primary-cta) !important;
    -webkit-box-shadow: 0 0 10px var(--primary-cta) !important;
    box-shadow:         0 0 10px var(--primary-cta) !important;
}

.zindex99 {
    z-index: 99;
}


.policy-container {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 3rem;
    background: var(--white);
    border-radius: 10px;
}
.policy-container p, .policy-container h2, .policy-container h1, .policy-container h3 {
    margin: 0 0 16px;
}
.policy-container p {
    font-size: 16px;
    line-height: 28px !important;
}
.policy-container ul li {
    font-size: 16px;
    line-height: 28px !important;
}
.policy-container h2 {
    font-size: 32px;
    line-height: 48px;
}
.policy-container h1 {
    font-size: 40px;
    line-height: 60px;
}
.policy-container h3 {
    font-size: 24px;
    line-height: 36px
}
.policy-container ul {
    margin-top: 0;
    margin-bottom: 1rem;
}




.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.form-switch i {
    position: relative;
    display: inline-block;
    /*margin-right: .5rem;*/
    width: 40px;
    height: 17px;
    background-color: #CECECE;
    border-radius: 20px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}
.form-switch i::before {
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    height: 17px;
    background-color: transparent;
    border-radius: 20px;
    transform: translate3d(0,0, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}
.form-switch i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    transform: translate3d(2px, 2px, 0);
    transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
    width: 13px;
    transform: translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after { transform: translate3d(1px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i {
    background-color: var(--light-blue);
}
.form-switch input:checked + i::before { transform: translate3d(15px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(25px, 2px, 0); }




.circular-progress {
    position: relative;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background: conic-gradient(var(--dark) 3.6deg, var(--light-gray) 0deg);
    display: flex;
    align-items: center;
    justify-content: center;

    /*box-shadow: inset 0 0 1px rgba(0,0,0, 0.7);*/
}
.circular-progress::before {
    content: "";
    position: absolute;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background: var(--light);
}

.circular-progress > .progress-value {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    color: var(--dark);
}


.circular-progress.xl {
    width: 200px;
    height: 200px;
}
.circular-progress.xl::before {
    width: 150px;
    height: 150px;
}
.circular-progress.xl > .progress-value {
    font-size: 30px;
}
.circular-progress.lg {
    width: 150px;
    height: 150px;
}
.circular-progress.lg::before {
    width: 125px;
    height: 125px;
}
.circular-progress.lg > .progress-value {
    font-size: 22px;
}

.circular-progress.md {
    width: 100px;
    height: 100px;
}
.circular-progress.md::before {
    width: 75px;
    height: 75px;
}
.circular-progress.md > .progress-value {
    font-size: 17px;
}

.circular-progress.sm {
    width: 3rem;
    height: 3rem;
}
.circular-progress.sm::before {
    width: 2.5rem;
    height: 2.5rem;
}
.circular-progress.sm > .progress-value {
    font-size: 14px;
}