/*

FONTS -
    font-family: 'Raleway', sans-serif;
    font-family: 'Montserrat', sans-serif;
*/

/*----------- Media Wall ------------------- */

body.hashtag-feed #main-header, body.hashtag-feed .red-banner, .campaign-task-option-label {
    display: none;
}

.wc-mw-parent {
    display: flex;
    flex-wrap: wrap;
    /*min-height: 100vh;*/
    padding: 1em;
    padding-bottom: 2em;
    background-color: #fff;
    max-width: 897px;
    margin: auto;
}

.wc-mw-parent a {
    display: inline-block;
    position: relative;
    padding: .6em;
    width: 100%;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
    -webkit-animation-name: cardAnim;
    animation-name: cardAnim;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.wc-mw-post-wrapper {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #dddfea;
}

.wc-mwp-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: auto;
    width: 100%;
    aspect-ratio: 9/10;
}

.wc-mwp-feat-img {
    width: 100%;
    object-fit: cover;
    z-index: 2;
    height: 100%;
}

.wc-mwp-top:hover .wc-mwp-hover-info {
    opacity: 1;
}

.wc-mwp-hover-info {
    align-items: center;
    background: rgba(0,0,0,0.5);
    display: flex;
    flex-direction: row;
    font-family: 'open sans', Sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition: all 250ms;
    width: 100%;
    z-index: 3;
}

.wc-mwp-hover-info div i {
    margin-right: 10px;
}

.wc-mwp-hover-info .wc-mwp-likes {
    margin-right: 25px;
}

.wc-mwp-hover-info div {
    color: #ffffff;
    text-transform: none;
}

.wc-mwp-bottom {
    align-items: center;
    padding: .75em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #8086ae;
    -webkit-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}

.wc-mwp-user-img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.wc-mwp-bottom-center {

}

.wc-mwp-insta-logo {
    width: 25px;
}

.wc-mwp-handle {
    font-family: 'open sans', Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #44496b;
}

.wc-mwp-time {
    font-family: 'open sans', sans-serif;
    margin: .35em 0;
    font-size: .8em;
    font-weight: 500;
    color: #8086ae;
}

.wc-mw-parent a:hover {
    background-color: #edeef4;
}

@media only screen and (min-width: 450px) {
    .wc-mw-parent a {
        width: 50%;
    }
}

@media only screen and (min-width: 775px) {
    .wc-mw-parent a {
        width: 33%;
    }
}

/*----------- Misc Additions ---------------*/

.sql-query {
    display: none;
}

.user-collab-switch {
    z-index: 100;
}

.ReactModal__Overlay[style] {
    z-index: 100 !important;
}

.visible-none {
    visibility: hidden;
}

.bp-checkbox {
    padding: 5px 0;
}

.tracker-hashtag .select2-container {
    width: 100% !important;
}

form .select2-container {
    max-width: 100%;
}

.variant-banner {
    border-radius: 8px;
    margin: 0 auto;
    width: fit-content;
}

.variant-banner.red-banner {
    padding: 10px 10px 0 10px;
}

.variant-banner.edit-page {
    margin-top: 25px;
}

.tracker-hashtag.option-group.form-group {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.entry-has-no-links {
    display: none;
}

.rejection-reason-row-action-form-wrapper .reject-reason span.select2 {
    width: 100% !important;
}

.cursor-pointer {
    cursor: pointer;
}

p.report {
    padding-bottom: 2px;
    line-height: 1.1em;
}

.checklist {
    position: relative;
}

.analytics-checklist .checklist:after {
    content: url('../images/x-solid.svg');
    position: absolute;
    right: 0;
    top: 4px;
    height: 10px;
    width: 10px;
}

.analytics-checklist .checklist.checked:after {
    content: url('../images/check-solid.svg');
    height: 15px;
    width: 15px;
}

.post-analytics.btn.disabled, .get-analytics.btn.disabled {
    color: black;
}

.dropdown-item-checked::before {
    position: absolute;
    content: '✓';
    font-weight: 600;
    right: 10px;
}

a.dropdown-item {
    color: #313233;
    display: block;
    font-family: "Raleway", sans-serif;
    padding: 4px;
}

.column-vis-wrapper {
    display: inline-block;
}
.column-vis-wrapper img {
    width: 10px;
}

.my-all-wrapper .user-collab-switch:first-of-type .btn-primary {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.my-all-wrapper .user-collab-switch:last-of-type .btn-primary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.my-all-wrapper {
    display: flex;
    position: absolute;
    top: 45px;
    right: 25px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

/* Brand Portal Admin Timeline Tasks */
.tasks-wrapper .card {
    height: fit-content;
}

.tasks-wrapper .card>div.collapsable:not(.delete-btn):not(.checkbox):not(.checkbox-group):not(.radio-group):not(.hide-question):not(.dual-btn-wrapper):not(.delete-control):not(.option-group):not(.hidden):not(.clear-btn):not(.full-width-field),
.tasks-wrapper .card div.collapsable,
.tasks-wrapper .card div.collapsable.bp-checkbox {
    display: none;
}

.tasks-wrapper .card div:not(.bp-checkbox) label,
.tasks-wrapper .card div:not(.bp-checkbox) input,
.tasks-wrapper .card div .select2{
    display: block;
    width: 100%;
}

.collapse-control {
    cursor: pointer;
    height: auto;
    position: absolute;
    right: 60px;
    top: -12px;
    width: 20px;
}

.collapse-form {
    transform: rotate(0deg);
}

.collapse-form.collapsed {
    transform: rotate(180deg);
}

.tasks-wrapper .card .slide-control {
    float: right;
    margin-top: 0px !important;
    margin-right: 75px;
}

/* Dropdown Button */

.nav-dropdown {
    display: inherit;
    position: relative;
}

.dropbtn {
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    color: #48BAA8;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    right: -120px;
    padding: 10px 0;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
}

/* Nested Dropdowns with sub menus */
.dropdown-content .dropdown-content {
    right: -100%;
    top: 0;
}

.datatable-views {
    margin-bottom: 12px;
}

.btn.gray-square {
    background-color: #f8f8f8;
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    color: #333333;
    display: inline-block;
    font-weight: 600;
    padding: 12px 15px;
    position: relative;
}

.view-btn {
    margin-right: 20px;
}

.delete-x {
    background-color: #ffffff;
    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    letter-spacing: 0;
    margin: auto;
    right: 0;
    top: 0;
    transform: translate(6px, -6px);
    position: absolute;
    width: 16px;
}

form#view-form {
    display: inline-block;
    margin-left: 15px;
}

/* Dropdown Submenu Btn Arrow */
.dropdown-content span.dropbtn:after {
    content: '▶';
    position: absolute;
    right: 15px;
}

/* Links inside the dropdown */
.dropdown-content a,
.dropdown-content span.dropbtn /* For Sub-Menus*/ {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover,
.dropdown-content span.dropbtn:hover /* For Sub-Menus*/ {
    background-color: #48BAA8
}

/* Remove color hover change for sub menus */
.dropdown-content span.dropbtn:hover,
.dropdown-content span.dropbtn:focus {
    color: inherit;
}

    /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.nav-dropdown-menu.show {display:block;}

/*---------------- Campaign Timeline -------------- */
.campaign-timeline {
    display: flex;
}

.campaign-timeline .checkbox {
    border: 1px solid #DBDBDB;
    display: flex;
    margin-right: 15px;
    /*background-color: #48BAA840;*/
    border-radius: 15px;
    position: relative;
    padding: 3px 8px 1px;
}

.choice-wrapper {
    padding: 6px;
}

.campaign-timeline .checkbox>label.control-label {
    color: #48BAA8;
    left: 24%;
    position: absolute;
    transform: translate(-10%, -170%);
    width: fit-content;
}

.timeline-wrapper .field-input {
    cursor: pointer;
}

.campaign-timeline .control-label {
    padding: 0;
}

.brand-portal-fields {
    display: flex;
    flex-direction: column;
    width: 425px;
}

.bp-checkbox {
    padding: 10px 0 5px;
}

/* ----------- GENERAL STYLES --------------------- */
body, p, h1, h2, h3, h4, span {
    margin: 0;
}
* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    text-transform: uppercase;
}

p {
    padding-bottom: 10px;
}

h1 {
    font-size: 24px;
}

button {
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
}

p strong, li strong {
    font-weight: bold;
}

.no-bullet li {
    padding: 3px 0;
}

.card .dual-btn-wrapper {
    display: flex;
    flex-direction: row;
    margin: 10px 0;
}

.btn {
    padding-top: 5px;
}

.btn-red {
    background-color: #EA2A2A;
}

.btn-container {
    margin: 10px 0;
}

.left-btn {
    margin-right: 10px;
}

.btn {
    margin-bottom: 5px;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-center {
    justify-content: center;
}

.align-item-baseline {
    align-items: baseline;
}

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

.multi-btn {
    margin: -2.5px -2.5px;
}

.main-container .margin-bottom-0 {
    margin-bottom: 0;
}

.multi-btn .btn {
    margin: 2.5px;
}

#hidden {
    display: block;
}

.modal.ui-block-container {
    max-height: 95vh;
}

.clear {
    clear: both;
}

.no-bullet li {
    list-style-type: none;
}

.container-fluid.body-wrapper, .wrapper {
    padding: 0 75px 75px;
}

.mint-green {
    color: #48BAA8;
}

.green {
    color: #009780;
}

.gray {
    color: #868686;
}

.red {
    color: #EA2A2A;
}

.padding-top-8 {
    padding-top: 8px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.raleway {
    font-family: 'Raleway', sans-serif;
}

.raleway-10 {
    font-size: 10px;
}

.uppercase {
    text-transform: uppercase;
}

.li-padding li {
    padding-bottom: 10px;
}

.hidden {
    display: none;
}

.admin-controls.inline-link .hidden {
    display: none;
}

.col-1-3 .tabs {
    display: block;
}

.col-1-3 .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.col-1-3 .ui-state-active, 
#modal_custom_form .ui-state-active,
.col-1-3 .ui-widget-content .ui-state-active,
#modal_custom_form .ui-widget-content .ui-state-active,
.col-1-3 .ui-widget-header .ui-state-active,
#modal_custom_form .ui-widget-header .ui-state-active,
.col-1-3 a.ui-button:active,
#modal_custom_form a.ui-button:active,
.col-1-3 .ui-button:active,
#modal_custom_form .ui-button:active,
.col-1-3 .ui-button.ui-state-active:hover,
#modal_custom_form .ui-button.ui-state-active:hover {
    background-color: #009780;
    border-color: #009780;
}

#bulk_tagging_wrapper_modal form > div {
    margin-bottom: 15px;
}

#bulk_tagging_wrapper_modal span.select2-selection.select2-selection--single,
#bulk_tagging_wrapper_modal span.select2.select2-container.select2-container--default {
    min-width: 300px;
}

#bulk_tagging_wrapper_modal form div:first-of-type label {
    padding-left: 0;
}

.col-1-3 .ui-widget-content, .col-1-3 .ui-widget.ui-widget-content {
    border: 0;
}

.col-1-3 .ui-widget-header {
    border: 0;
    background-color: transparent;
}

.col-1-3 .ui-tabs .ui-tabs-nav {
    padding-left: 15px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-right-25 {
    margin-right: 25px;
}

.padding-top-25 {
    padding-top: 25px;
}

.line-height-17 {
    line-height: 17px;
}

.top-error-message, .main-container .error, .text-danger {
    background-color: #EA2A2A;
    border-radius: 4px;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    padding: 6px 10px;
    font-weight: bold;
    width: fit-content;
}

.alert-success {
    background-color: #009780;
    border-radius: 4px;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    padding: 6px 10px;
    font-weight: bold;
    width: fit-content;
}

.top-error-message,
.alert-success {
    margin-bottom: 10px;
}

.montserrat-14 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
}

.raleway-14 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.raleway-med-italic-14 {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
}

.col-1-3 {
    width: 32.5%;
}

.col-2-3 {
    width: 65.5%;
}

.col-1-6 {
    width: 16.2%;
}

.col-3-4 {
    width: 74.5%;
}

.col-1-4 {
    width: 24.5%;
}

.col-1-2 {
    width: 48%;
}

.space-between {
    justify-content: space-between;
}

.lower-case {
    text-transform: lowercase;
}

.no-transform {
    text-transform: none;
}

.row-padding {
    padding-bottom: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.main-container .row-margin {
    margin-bottom: 62px;
}

.padding-0 {
    padding: 0;
}

.green-hr {
    background-color: #48BAA8;
    border: 0;
    height: 9px;
    margin-bottom: 25px;
}

.hide-from-user, .card .radio-group.hide-from-user {
    display: none;
    visibility: hidden;
}

.gap-padding {
    padding-bottom: 20px;
}

.extra-bottom {
    padding-bottom: 150px;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.help-block {
    font-family: raleway, sans-serif;
    font-size: 14px;
    padding: 5px;
    width: fit-content;
}

.help-block.btn-subtext {
    padding: 0;
    text-align: center;
    font-size: 11px;
    text-transform: none;
    width: 100%;
}

.copy-on-click {
    position: relative;
    padding: 4px 13px;
    background-color: #f7f7f7;
    border: 1px solid #e3e2e7;
    border-radius: 4px;
    cursor: pointer;
}

.copy-on-click.copied:after {
    content: 'copied';
    position: absolute;
    right: 0;
    top: 50%;
    color: #009780;
    transform: translate(110%, -50%);
}

.notification-tokens {
    text-transform: none;
    font-weight: normal;
}

.notification-token {
    text-transform: none;
    font-weight: bold;
}

.notification-token span {
    text-transform: none;
    font-weight: normal;
}

.red-banner a {
    color: #fff;
    font-weight: 900;
}

.red-banner p {
    color: #ffffff;
    font-size: 16px;
}

.red-banner {
    background-color: #EA2A2A;
    text-align: center;
    padding: 10px 0 0;
}

.red-banner.local-banner {
    background-color: #808080;
}

.dataTables_scrollHead[style] {
    overflow: visible !important;
}

.SegmentationFilter .inner-wrap, .SegmentationFilter .panes {
    overflow: visible !important;
}

.dupe-submit {
    display: block;
    margin-top: 5px;
}

.toggle.hidden {
    margin-left: 10px;
}

.dupe-products {
    margin-right: 5px;
    margin-top: 5px;
}

#dupe-form .btn {
    margin-bottom: 0;
}

/* ------------------ TINY MCE ----------------------- */
.card .tox-tinymce {
    border: 1px solid #E3E2E7;
}

.card .tox .tox-edit-area__iframe {
    border-bottom: 1px solid #e3e2e7;
}

.card .tox .tox-statusbar {
    display: none;
}

.card .tox .tox-statusbar {
    border-top: 1px solid #E3E2E7;
}

.card .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #E3E2E7;
}

/* -------------------  NAV / HEADER  ------------------- */
#main-header {
    align-items: center;
    background-color: #FCFCFC;
    border-bottom: 1px solid #DBDBDB;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
}

.main-container {
    position: relative;
    padding: 0 25px;
    width: 100%;
}

.inline-link li {
    display: inline;
}

.menu-container ul {
    margin: 0;
}

.menu-container a,
.menu-container .dropdown-content span.dropbtn /* sub menus */ {
    padding: 6px 13px;
}

.menu-container .active a {
    color: #48BAA8;
}

.menu-container ul {
    margin: 0;
}

.menu-container .active a {
    color: #48BAA8;
}

.logo-container img {
    width: 125px;
}

.admin-controls ul {
    align-items: center;
    display: flex;
    margin: 0;
}

.admin-controls img {
    width: 23px;
}

.admin-controls a,
#jobs_indicator_mount {
    display: inline-block;
    padding: 0 14px;
}

.admin-controls li:last-of-type a,
#jobs_indicator_mount {
    padding-right: 0;
}

.back-row {
    border-bottom: 1px solid #E3E2E7;
    margin: 0 -25px 50px -25px;
    padding: 0 25px;
}

/*--------------------- LOGIN -------------------------- */
.card .card-body .btn {
    margin-top: 0;
}

.login-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 50px auto;
    width: 35%;
}

.form-group.row {
    margin-top: 10px;
}

.login-card .form-control {
    width: 100%;
}

.form-check {
    display: flex;
    align-items: center;
}

.form-check label {
    margin-left: 5px;
}

/* -------------------  DATA TABLES  ------------------- */

.copy-on-click.sql-query {
    border: 0;
    line-height: 22px;
}

.copy-on-click.sql-query.copied:after {
    content: 'COPIED';
    position: absolute;
    right: 100px;
    top: 30px;
    color: #009780;
    transform: translate(50%, 0%);
}

td .cell-inner {
    position: relative;
}

td .cell-inner > * {
    position: relative;
    z-index: 1;
}

td .cell-inner.keeper > .cell-inner-highlight,
td .cell-inner.campaign_developer > .cell-inner-highlight,
td .cell-inner.campaign_developer_asst > .cell-inner-highlight
{
    top: -14px;
    bottom: -14px;
}

td .cell-inner > .cell-inner-highlight {
    position: absolute;
    top: -8px;
    right: -10px;
    bottom: -8px;
    left: -10px;
    z-index: 0;
}

td .cell-inner > .cell-inner-highlight.cell-inner-highlight-green {
    background-color: #caf3ec;
}

td .cell-inner > .cell-inner-highlight.cell-inner-highlight-yellow {
    background-color: #fff7cf;
}

td .cell-inner > .cell-inner-highlight.cell-inner-highlight-orange {
    background-color: #ffe1bc;
}

td .cell-inner > .cell-inner-highlight.cell-inner-highlight-red {
    background-color: #ffe0e0;
}

tr.disabled td, .post-analytics.disabled, .get-analytics.btn.disabled {
    background-color: #f1f1f1;
    color: #c2c2c2;
}

tr.disabled, .post-analytics.disabled, .get-analytics.btn.disabled {
    pointer-events: none;
}

.table.dataTable tr.disabled td a {
    color: #c2c2c2;
    cursor: default;
    pointer-events: none;
}

tr.disabled .cell-inner a.btn {
    background-color: rgba(200,200,200,.6);
}

tr.disabled .cell-inner .notification:after {
    background-color: rgba(241, 241, 241, .6);
    content: "";
    height: 131%;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 131%;
    z-index: 10;
}

.top-action-buttons {
    position: absolute;
    top: -17px;
    right: 25px;
    height: 76px;
    display: flex;
    align-items: center;
}

.top-action-buttons button {
    margin-left: 13px;
}

.ui-segment-tabs {
    padding-top: 52px;
    overflow-x: auto;
}

.ui-segment-tabs-hrule {
    margin-left: -25px;
    margin-right: -25px;
}

.ui-segment-tabs .tab a,
.ui-segment-tabs .tab span {
    height: 39px;
}

.data-table-flash-message {
    padding: 10px 0 20px 0;
}

.data-table-flash-message em {
    font-style: italic;
    color: #47baa8;
}

.data-table-forms {
    margin-bottom: 13px;
    /*padding-right: 155px;*/
    padding-right: 20px;
}

.data-table-forms button,
.data-table-forms .btn {
    margin-left: 13px;
    margin-right: 13px;
}

.data-table-forms .text-input {
    width: 100px;
    height: 48px;
    padding: 0px 0 0 23px;
    border: 1px solid #E3E2E7;
    box-sizing: border-box;
    border-radius: 4px;
    color: #313233;
}

#segmentation_filter_mount {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}

#segmentation_filter_mount:empty {
    display: none;
}

#segmentation_filter_form {
    display: inline-block;
    margin-right: 13px;
}

#open_segmentation_filter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #E3E2E7;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
}

#open_segmentation_filter svg {
    width: 16px;
}

#open_segmentation_filter.active:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #48BAA8;
    right: -4px;
    top: -4px;
    border-radius: 50%;
}

#search_form {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 13px;
}

#search_form input[type=text] {
    width: 285px;
}

#search_form button {
    position: absolute;
    border: none;
    -webkit-appearance: none;
    background: none;
    width: 48px;
    height: 48px;
    right: 0;
    top: 1px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#limit_form {
    display: inline-block;
    position: relative;
    top: -2px;
}

#limit_form label {
    margin-right: 20px;
}

#clear_all_query_values_form {
    display: inline-block;
    position: relative;
    top: -2px;
}

.bulk-select,
.row-control {
    max-width: fit-content;
}

#bulk_actions {
    display: inline-block;
    position: relative;
    top: -2px;
    padding-left: 25px;
    margin-left: 10px;
    border-left: 1px solid #E3E2E7;
}

#bulk_actions .react-select-container {
    min-width: 250px;
    display: inline-block;
}

input[name="bulk_actions_select[]"],
input[name="bulk_actions_select_all"] {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #E3E2E7;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
    top: 5px;
    outline-width: 0;
    cursor: pointer;
}

input[name="bulk_actions_select_all"] {
    background-color: #fff;
    border: 1px solid #E3E2E7;
    position: relative;
    top: 3px;
}

input[name="bulk_actions_select[]"]:checked,
input[name="bulk_actions_select_all"]:checked {
    background-color: #47baa8;
    border-color: #009780;
}

table.dataTable thead th,
table.dataTable thead td {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #313233;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #313233;

    padding: 20px 0;
    vertical-align: middle;
    background-color: #48BAA8;
    border: #009780;
    white-space: nowrap;
    color: #fff;
    border-right: 1px solid #009780;
}

table.dataTable thead th {
    padding: 20px;
}

table.dataTable thead th.row-control,
table.dataTable thead td.row-control,
table.dataTable thead th.row-control[style],
table.dataTable thead td.row-control[style] {
    width: 141px !important;
    max-width: 141px !important;
}

table.dataTable thead th.bulk-select,
table.dataTable thead td.bulk-select,
table.dataTable thead th.bulk-select[style],
table.dataTable thead td.bulk-select[style] {
    width: 57px !important;
    max-width: 57px !important;
    padding: 20px 1px;
}

table.dataTable thead th:last-of-type,
table.dataTable thead td:last-of-type {
    border-right: none;
}

.data-table td {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;

    border-left: 1px solid #E3E2E7;
    border-bottom: 1px solid #E3E2E7;
    text-align: center;
    padding: 17px 20px;
    vertical-align: middle;
    white-space: nowrap;
}

.data-table td:last-of-type {
    border-right: 1px solid #E3E2E7;
}

.data-table .row-actions-col {
    display: none;
}


.data-table td.before-row-actions-col {
    border-right: 1px solid #E3E2E7;
}

.data-table .data-table-row-action {
    margin-right: 13px;
}

.data-table .data-table-row-action:last-of-type {
    margin-right: 0;
}

.dataTables_length {
    position: absolute;
    top: -56px;
    right: 0;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
    position: relative;
    background-image: none;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
}

table.dataTable thead .sorting:before {
    background-image: url(../images/sort_both.png);
    opacity: 0.5;
}

table.dataTable thead .sorting:hover:before {
    opacity: 1;
}

table.dataTable thead .sorting_desc:before {
    background-image: url(../images/sort_desc.png);
}

table.dataTable thead .sorting_asc:before {
    background-image: url(../images/sort_asc.png);
}

th.custom_notif_status.sorting:before {
    display: none;
}

.dataTables_wrapper {
    max-width: 100%;
    overflow-y: hidden; /* Important for preventing secondary scroll bar */
    padding-bottom: 250px; /* Padding to make room for context menu on user data tables without adding secondary scrollbar */
}

.main-container {
    overflow-x: auto;
}

  /* Use these (above 2) instead of this (below) for scroll */

.dataTables_wrapper .dataTables_scroll {
     overflow-x: scroll; /* Removed because it was adding second y scrollbar as well TODO uncommented out and appeared to work as expected. REVISIT */
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}

.table.data-table {
    width: 100%;
}

.dataTables_length,
.dataTables_length select {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #313233;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #313233;
}

.dataTables_length select {
    -webkit-appearance: none;
    border: 1px solid #E3E2E7;
    padding: 9px 3px 9px 13px;
    border-radius: 4px;
    background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;

    padding: 0;
    background: none;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #48BAA8 !important;
    text-decoration: underline !important;
    padding: 0;
    background: none;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff;

    padding: 5px 27px;
    border-radius: 4px;
    margin-left: 16px;
    cursor: pointer;
    border: 1px solid #E3E2E7;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background-color: #E3E2E7;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-right: 16px;
}

.dataTables_info {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;

    padding: 0;
}

.table.dataTable.no-footer {
    border-bottom: none;
}

.dataTables_wrapper .dataTables_processing {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;
    text-transform: uppercase;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 13px;
    z-index: 100;
}


/* Data Table Column Types */

/* Control Column - Fixes column alignment issues */
table.dataTable th.row-control,
table.dataTable th.row-control > div,
table.dataTable td.row-control {
    width: 140px !important;
    max-width: 140px !important;
}

/* Bulk Select Column - Fixes column alignment issues */
table.dataTable th.bulk-select, 
table.dataTable th.bulk-select > div, 
table.dataTable td.bulk-select, 
table.dataTable td.bulk-select > div {
    width: 56px !important;
    max-width: 56px !important;
}

.dataTable td a {
    text-transform: none;
    color: #48baa8;
}

.dataTable td .num_strikes a.profile-link {
    color: #EA2A2A;
}

.dataTable td .notification, .dataTable td .notification-enabled {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: rgba(0,0,0,0); 
    border: 0;
    border-radius: 50%; 
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
    position: relative;
    top: 5px;
    outline-width: 0; 
    cursor: pointer;
}

.dataTable td .notification .notif-icon {
    content: url(../images/notif-unsent.svg);
    pointer-events: none;
    height: 100%;
    width: 100%;
}

.dataTable td:hover .notification,
.dataTable td:hover .notification-enabled {
    z-index: 1;
}

.dataTable td .notification,
.dataTable td .notification-enabled{
    z-index: 0;
}

.dataTable td .notification.both-enabled {
    /*background-color: #1d643b;*/
    /*border-color: #1d543d;*/
}

.dataTable td .notification.only-push {
    /*background: linear-gradient( -45deg, #1d643b 49%, #B7B7B7 49% );*/
    /*border-color: #1d543d;*/
}

.dataTable td .notification.only-email {
    /*background: linear-gradient( -45deg, #B7B7B7 49%, #1d643b 49% );*/
    /*border-color: #1d543d;*/
}

.notification-corner {
    height: 20px;
    position: absolute;
    right: -25px;
    top: -17px;
    width: 20px;
}

.not-enabled:after {
    content: url('../images/notif-no-notifications.svg');
}

.both-enabled:after {
    content: '';
}

.only-push:after {
    content: url('../images/notif-sms-notifications.svg');
}

.only-email:after {
    content: url('../images/notif-email-notifications.svg');
}

.notification-channel-popup {
    border-top: 1px solid #f7f7f8;
    font-weight: 800;
    padding: 10px 10px 5px 10px;
}

.notification-channel-popup.not-enabled:after,
.notification-channel-popup.both-enabled:after,
.notification-channel-popup.only-push:after,
.notification-channel-popup.only-email:after {
    content: none;
}

.notification-channel-popup.not-enabled:before,
.notification-channel-popup.both-enabled:before,
.notification-channel-popup.only-push:before,
.notification-channel-popup.only-email:before {
    height: 20px;
    margin-right: 10px;
    width: 20px;
    vertical-align: middle;
}

.notification-channel-popup.not-enabled:before {
    content: url('../images/notif-no-notifications-large.svg');
}

.notification-channel-popup.both-enabled:before {
    content: '';
    height: 0;
    margin-right: 0;
    width: 0;
}

.notification-channel-popup.only-push:before {
    content: url('../images/notif-sms-notifications-large.svg');
}

.notification-channel-popup.only-email:before {
    content: url('../images/notif-email-notifications-large.svg');
}

.dataTable td .notification.queued .notif-icon {
    /*background-color: #FFDF2E;*/
    /*border-color: #CEB009;*/
    content: url("../images/notif-queued.svg");
}

.dataTable td .notification.sent .notif-icon {
    /*background-color: #48baa8;*/
    /*border-color: #48bab8;*/
    content: url("../images/notif-sent.svg");
}

.dataTable td .notification.failed .notif-icon {
    /*background-color: #EA2A2A;*/
    /*border-color: #9F1818;*/
    content: url("../images/notif-red-alert.svg");
}
.dataTable td .notification .sub-icon {
    display: none;
}

.dataTable td .notification.partial-failed .sub-icon {
    bottom: -3px;
    content: url(../images/notif-yellow-alert.svg);
    display: block;
    position: absolute;
    right: -3px;
}

.dataTable td .notification.read .notif-icon {
    /*background-color: #47baa8;*/
    /*border-color: #009780;*/
    content: url("../images/notif-read.svg");
}

.dataTable td .notification.notifs-not-enabled .notif-icon {
    /*background: linear-gradient( -45deg, #B7B7B7 49%, #1d643b 49% );*/
    /*border-color: #1d543d;*/
    content: url("../images/notif-not-sent.svg");
}

/*.dataTable td .notification.read:after {*/
/*    content: url(../images/eye-green.svg);*/
/*    position: absolute;*/
/*    right: -22px;*/
/*    bottom: -22px;*/
/*    width: 15px;*/
/*}*/

/*.dataTable td .notification.queued:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    transform: translate(-50%, -50%);*/
/*    background-color: #fff;*/
/*    border: 1px solid #CEB009;*/
/*    border-radius: 50%;*/
/*}*/

.dataTable td .notification .timestamps {
    cursor: default !important;
    display: none !important;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(calc(-100% + 48px), 40px);
    background-color: white;
    border: 1px solid #E3E2E7;
    border-radius: 8px;
    padding: 5px 0;
    z-index: 10;
    box-shadow: 0px 8px 12px rgb(0 0 0 / 29%);
    width: 300px;
    word-break: break-all;
    white-space: break-spaces;
}

.dataTable td .notification .timestamps.selected {
    display: block !important;
}

.dataTable td .notification .timestamps .ts-single {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 10px;
}

.dataTable td .notification .timestamps .ts-single:last-of-type {
    padding-bottom: 10px;
}

.dataTable td .notification .timestamps .ts-single.failed-at {
    cursor: pointer;
}

.dataTable td .notification .timestamps .ts-single.failed-at:hover {
    background: rgba(255, 217, 59,0.25);
}

.dataTable td .notification .timestamps .ts-single.selected {
    background: rgba(255, 217, 59,0.25);
}

.dataTable td .notification .timestamps .label {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: inline-block !important;
    font-weight: 800;
}

.dataTable td .notification .timestamps .indicator-dot {
    border-radius: 50%;
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: inline-block !important;
    height: 8px;
    margin-right: 8px;
    margin-top: 6px;
    min-width: 8px;
    width: 8px;
}

.dataTable td .notification .timestamps .notif-info {
    background: #f7f7f8;
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: none !important;
    padding: 10px;
    position: relative;
}

.dataTable td .notification .timestamps .notif-info.selected {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: block !important;
}

.dataTable td .notification .timestamps .notif-info .info-close {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: block !important;
    content: url(../images/apex-x-black.svg);
    cursor: pointer;
    height: 30px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.dataTable td .notification .timestamps .notif-info .notif-info-error {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: none !important;
}

.dataTable td .notification .timestamps .notif-info .notif-info-error.selected {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: block !important;
}

.dataTable td .notification .timestamps .notif-info .notif-error-icon {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: inline-block !important;
    content: url("../images/notif-error-icon.svg");
    margin-right: 8px;
    height: 16px;
    width: 16px;
}

.dataTable td .notification .timestamps .notif-info .notif-error-icon-mail {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: inline-block !important;
    content: url("../images/notif-error-icon-email.svg");
    margin-right: 8px;
    height: 16px;
    width: 16px;
}

.dataTable td .notification .timestamps .notif-info .notif-error-icon-push {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: inline-block !important;
    content: url("../images/notif-error-icon-sms.svg");
    margin-right: 8px;
    height: 16px;
    width: 16px;
}

.dataTable td .notification .timestamps .notif-info .notif-info-error .info-error-title {
    color: #EA2A2A;
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: flex !important;
    align-items: center;
    flex-direction: row;
    margin-bottom: 8px;
    justify-content: flex-start;
}

.dataTable td .notification .timestamps .notif-info .notif-info-error .info-error-title > div {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: inline-block !important;
}

.dataTable td .notification .timestamps .notif-info .notif-info-error .info-error-body {
    color: #313233;
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: block !important;
    text-transform: none;
}

.dataTable td .notification .timestamps .ts-single .notif-error-info {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: inline-block !important;
    content: url(../images/notif-error-info.svg);
    height: 16px;
    margin-left: 5px;
    width: 16px;
    vertical-align: text-bottom;
}

.failed-at .indicator-dot {
    background: #EA2A2A;
}

.queued-at .indicator-dot {
    background: #006CFF;
}

.sent-at .indicator-dot {
    background: #48BAA8;
}

.read-at .indicator-dot {
    background: #48BAA8;
}

.dataTable td .notification .timestamps .timestamps-wrapper {
    /* display important because .timestamp fadeout error sometimes causes child elements to display none */
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.dataTable td .notification .timestamps .timestamps-wrapper .indicator-line {
    background: #E3E2E7;
    display: block;
    left: 13px;
    position: absolute;
    height: 0;
    width: 1px;
    z-index: -1;
}

.dataTable td .notification .timestamps:before {
    content: '';
    cursor: pointer;
    display: block;
    position: absolute;
    right: 19px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-bottom-color: #E3E2E7;
    /*pointer-events: none;*/
}

.dataTable td .notification .timestamps:after {
    content: '';
    cursor: pointer;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #FFFFFF;
    /*pointer-events: none;*/
}

.dataTable td .view-rejected-submission {
    position: relative;
    top: 5px;
}

img.green-checkmark {
    display: none;
    float: left;
    margin: 7px;
}


/* Collab List Management */

.collab-list-header {
    padding: 15px 0 15px;
}

.collab-list-header .separator {
    margin: 0 5px;
}

.collab-list-header a {
    color: #48BAA8;
}

.collab-list-header a svg {
    position: relative;
    top: 1px;
    margin-right: 5px;
    width: 7px;
}

.collab-social-profile-list .ui-segment-tabs {
    padding-top: 0;
}

.dataTable td a.data-table-row-action {
    color: #fff;
}

/* Row Actions Split Buttons */

.data-table-row-action.split-btn-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
    border-right: 1px solid #fff;
}

.data-table-row-action.split-btn-inner {
    border-radius: 0;
    border-left: 1px solid #313233;
    border-right: 1px solid #fff;
    margin-right: 0;
    margin-left: 0;
}

.data-table-row-action.split-btn-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}

.data-table-row-action.btn.active {
    background-color: #48baa8;
}

.data-table-row-action.split-btn-inner.active {
    border-left-color: #48baa8;
}

.data-table-row-action.btn.red-if-active.active {
    background-color: #EA2A2A;
}

/* Collab Review Status Row Actions (legacy styles) */
/* TODO Change Review statuses to split-btn- styles */

.data-table-row-action.review-status:first-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}

.data-table-row-action.review-status:nth-of-type(2) {
    border-radius: 0;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-right: 0;
    margin-left: 0;
}

.data-table-row-action.review-status:nth-of-type(3) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}

.data-table-row-action.review-status.active {
    background-color: #48baa8;
}

.data-table-row-action.pause-user.paused {
    background-color: #EA2A2A;
}

.dataTables_scrollBody[style] {
    overflow: visible !important;
}

.move-user-pending.not-filled-out {
    background-color: lightgrey;
    pointer-events: none;
}

.move-user-pending.fields-filled-out {
    pointer-events: all;
}

/*---------------- Social Profile ------------------ */

.card {
    border: 1px solid #E3E2E7;
    border-radius: 10px;
    box-shadow: 0 3px 6px #00000029;
    padding: 25px;
    position: relative;
}

.card.row-margin {
    margin-bottom: 40px;
}

.card.row-margin.responsive-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card.row-margin.responsive-card h3,
.card.row-margin.responsive-card hr {
    width: 100%;
}

.card.row-margin.responsive-card > div {
    width: 100%;
}

.card.row-margin.responsive-card .full-width-field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.card.green-border {
    border-left: 10px solid #48BAA8;
}

.campaign h3 {
    padding-bottom: 3px;
}

.card.campaign {
    margin-bottom: 15px;
}

.extendable img {
    width: 17px;
}

.btn-green.white img {
    width: 10px;
}

.rotated {
    transform: rotate(180deg);
}

.extendable .card.campaign:first-of-type {
    display: block;
}

.extendable .card.query {
    display: none;
}

.extendable .card:nth-of-type(n+3) {
    display: none;
}

.card.red-border .select2-container,
.card.red-border .form-field,
.card.red-border .btn {
    display: none;
}

.card.red-border.edit .select2-container,
.card.red-border.edit .form-field,
.card.red-border.edit .btn {
    display: block;
}

.form-field .field-input {
    width: 100%;
}

.float-right {
    float: right;
}

.text-align-right {
    text-align: right;
}

.btn-spaces a:first-of-type, .pause-wrapper {
    margin-right: 10px;
}

.card.red-border {
    margin-bottom: 15px;
}

.card.red-border .field-input, .card.red-border .date-picker {
    display: none;
}

.card.edit .date-picker, .card.edit .field-input {
    display: block;
}

.hidden-submit {
    display: none;
}

.card.red-border.edit .field-value {
    display: none;
}

.status-block .btn {
    margin-left: 15px;
}

.slides .card {
    padding: 10px 25px 25px;
}

.addresses.card div {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.submit-row {
    background-color: #FCFCFC;
    border-top: 1px solid #DBDBDB;
    bottom: 0;
    text-align: right;
    margin-left: -25px;
    padding: 25px 110px 25px 95px;
    position: fixed;
    width: 100%;
}

.submit-row.add-button {
    margin-left: -100px;
}

.control-label {
    color: #313233;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 10px 10px;
    text-transform: uppercase;
}

.reapproval-snapshot-field-label {
    padding: 6px 0 10px 5px;
    display: block;
    color: #EA2A2A;
}

.reapproval-snapshot-field {
    display: block;
    color: #EA2A2A;
    padding: 0px 0 0px 5px;
}

.remove-reason {
    margin-left: 15px;
}

.rejected-reason-other textarea {
    width: 100%;
}

.social-form .reject-reason {
    background: lightgray;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    padding-top: 15px;
    margin-top: -5px !important;
}

.reject-reason .help-block.btn-subtext {
    padding-top: 5px;
}

.rejection-reason-row-action-form-wrapper {
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: fixed;
    top: 0;
    transform: translateX(-25px);
    width: 100%;
    z-index: 1000;
}

.rejection-reason-row-action-form-wrapper .modal {
    background: white;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
    width: 750px;
}

.rejection-reason-row-action-form-wrapper .modal-heading {
    color: #FFFFFF;
}

.rejection-reason-row-action-form-wrapper .btn-submit {
    margin-top: 25px;
}

.rejection-reason-row-action-form-wrapper .reject-reason {
    display: flex;
    flex-direction: column;
    max-width: 750px;
}

.re-vet-yes {
    background-color: #EA2A2A;
}

.field-input,
.select2-container--default .select2-selection--single, .date-picker {
    border: 1px solid #E3E2E7;
    border-radius: 4px;
    color: #313233;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    padding: 10px;
}

.row-control .row-control-buttons-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.row-control .row-control-buttons-wrapper > a {
    justify-content: center;
    flex-direction: column;
    display: flex;
    margin: 0 5px;
}

.row-control .row-control-buttons-wrapper > img {
    width: 20px;
    margin: 0 5px;
}

.row-control .open-note,
.row-control .open-context-menu,
.row-control .open-edit-page,
.row-control .open-detail-pane {
    cursor: pointer;
}

/*----------- orderable: false not working for controls column -------------- */
th.raleway-semi-bold.raleway-12.controls-th.row-control.sorting_asc:before {
    display: none;
}

.sometimes-hidden {
    display: none;
}

.note-container input,
.note-container textarea {
}

.note-container .textarea-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    float: left;
    margin-left: 50px;
}

.note-container .textarea-wrapper label {
    text-align: left;
}

.note-container .btn {
    width: fit-content;
    margin: 8px 0 5px 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: unset;
}

.form-page {
    padding: 75px 75px 100px;
}

.select2-container--default .select2-selection--single {
    height: 42px;
    padding: 14px 5px 5px 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

.card>div:not(.delete-btn):not(.checkbox):not(.checkbox-group):not(.radio-group):not(.hide-question):not(.dual-btn-wrapper):not(.delete-control):not(.option-group):not(.hidden):not(.clear-btn):not(.full-width-field),
.agenda-wrapper.card .option-group {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.collab-terms-wrapper .checkbox {
    margin-bottom: 15px;
}

.card.row-margin.responsive-card .full-width-field > div:not(.delete-btn):not(.checkbox):not(.checkbox-group):not(.radio-group):not(.hide-question):not(.dual-btn-wrapper):not(.delete-control):not(.option-group):not(.hidden):not(.clear-btn):not(.full-width-field) {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    width: 100%;
}

.clear-btn .btn {
    margin-top: 5px;
}

.card .clear-btn {
    display: inline-block;
}

.card .checkbox {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
}

.orders .card {
    margin-bottom: 25px;
    width: 32.5%;
}

.card .checkbox label {
    padding-bottom: 2px;
    padding-top: 4px;
}

.address-column .card {
    margin-bottom: 30px;
}

.collection-container.addresses.card>div:first-of-type,
.collection-container.addresses.card>div>div:first-of-type {
    margin: 0;
}

.card input[type="checkbox"], .entry-rejection input[type="checkbox"], .campaign-timeline input[type="checkbox"] {
    display: inline-block;
    -webkit-appearance: none;
    border: 1px solid #E3E2E7;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    padding: 0;
    margin: 0;
}

.card input[type="checkbox"]:checked, .entry-rejection input[type="checkbox"]:checked, .campaign-timeline input[type="checkbox"]:checked {
    background-color: #48BAA8;
    border-color: #009780;
}

.prototype-add-row {
    margin-top: 40px;
    text-align: center;
}

.prototype-add-row span {
    padding-right: 15px;
}

.prototype-add-row {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

button.add-to-collection {
    background-color: #ffffff;
    border: 1px solid #E3E2E7;
    border-radius: 4px;
    font-size: 26px;
    padding: 5px 12px 3px;
}


form.submitting:after,
.form.submitting:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.form .select2-container--default .select2-selection--multiple {
    border: 1px solid #E3E2E7;
    height: 100px;
    padding: 3px;
}

.form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E3E2E7;
    border: 1px solid #E3E2E7;
    display: flex;
    flex-direction: row-reverse;
    padding: 7px 10px 5px 15px;
}

.form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #313233;
    font-size: 34px;
    font-weight: 400;
    line-height: .15em;
    margin-left: 8px;
}

.form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E3E2E7;
    border-color: #E3E2E7;
    color: #313233;
    display: flex;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    padding: 11px 10px 9px 10px;
    text-transform: uppercase;
}

.card .btn, .card .form-delete {
    margin-top: 15px;
}

.card .btn.btn-icon {
    margin-top: 0;
}

.social-form .submit-row {
    margin-left: -25px;
}

.full-width-wrapper {
    padding-bottom: 110px;
}

.fields-list strong {
    padding-left: 10px;
}

.fields-list strong span {
    font-size: 26px;
    margin-left: -8px;
    position: relative;
    top: 5px;
}

/*---------------- Agenda Slides ------------------ */

.slides {
    display: flex;
    flex-wrap: wrap;
}

.slides .card {
    margin-bottom: 30px;
    margin-right: 30px;
    width: 23.5%;
}

.slides>label {
    display: none;
}

.agenda-wrapper label {
    font-weight: bold;
}

.card .delete-control, .card .slide-control {
    margin: 0;
    width: 25px;
}

.submit-row span {
    margin-right: 10px;
}

.card.red-border {
    border-left: 10px solid #EA2A2A;
}

.collection-container>label.control-label {
    display: none;
}

.edit-control {
    position: absolute;
    right: 30px;
    top: 0;
}

.delete-btn .btn {
    width: fit-content;
}

.card.red-border {
    padding-top: 15px;
    padding-bottom: 25px;
}

.card.red-border.edit {
    padding-bottom: 50px;
}

.card.red-border .edit-btn {
    cursor: pointer;
}

.card .delete-btn {
    float: right;
    margin: 0 10px 0 0;
}

.card .pause-wrapper .btn {
    margin-top: 0;
}

form.pause-wrapper .field-input {
    margin-right: 10px;
}

.collab-pause-container form.pause-wrapper {
    display: flex;
    margin: 10px 0 20px;
}

.pause-wrapper label.control-label {
    padding: 0 5px 0 0;
}

button.disabled {
    opacity: 0.3;
}

button.strike-submit.btn.btn-green {
    float: right;
}

.btn-dark.btn-green {
    background-color: #48BAA8;
}

/*------------------- Survey Questions ------------------- */
.no-option .option-group, .agenda-wrapper.no-option.card .option-group  {
    display: none;
}

.card .maybe-displayed {
    display: none;
}

.card .maybe-displayed.displayed {
    display: flex;
}

input.survey-field-type {
    border: 0;
    font-weight: 700;
}

.drag-form img {
    cursor: move;
    width: 10px;
}

.delete-form {
    cursor: pointer;
    width: 15px;
}

.delete-control {
    position: absolute;
    right: 15px;
    top: 15px;
}

.card .radio-group, .agenda-wrapper.card .option-group.radio-group {
    display: inline-block;
    margin-top: 25px;
}

.card.no-option .field-style.radio-group {
    display: none;
}

.card .radio-group .control-label {
    padding-left: 2px;
}

.agenda-wrapper.is-system .delete-form {
    display: none;
}

.agenda-wrapper .hide-question, .agenda-wrapper .checkbox-group {
    display: block;
    margin-top: 25px;
}

.form .select2-container--default .select2-selection--multiple {
    height: auto;
}

.rejection textarea {
    width: 90%;
}

.slides.orders .card {
    padding-top: 25px;
}

/* -------------------- Collabs ------------------ */
.card .collab-note-wrapper {
    display: none;
}

.edit-form .collab-note-wrapper {
    display: flex;
}

.collab-list-header h2 {
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
}

.collab-list-header.row-padding {
    padding-bottom: 40px;
}

.button-block {
    background-color: #F7F7F7;
    border: 1px solid #E3E2E7;
    position: relative;
}

.button-block.current {
    background-color: #48BAA8;
    border-color: #48BAA8
}

.reverse-block-col .button-block {
    border-radius: 4pt 0 0 4pt;
}

.forward-block-col .button-block {
    border-radius: 0 4pt 4pt 0;
}

span.btn.status {
    cursor: default;
}

.btn.status {
    align-items: center;
    background-color: transparent;
    color: #000000;
    display: flex;
    height: 67px;
    justify-content: center;
    margin: 0;
    width: 155px;
}

.copy-click-wrapper {
    font-size: 9px;
}

h2.montserrat-18 {
    font-size: 16px;
}

.btn {
    font-size: 10px;
}

.current .btn.status, 
/*.status-action-btns button.btn.status.btn.not-discoverable,*/
.status-action-btns button.btn.status.btn.discoverable {
    background-color: #48BAA8;
    color: #FFFFFF;
}

span.btn.status {
    text-align: center;
}

.status-action-btns a.btn {
    display: block;
}

.status-action-btns button.btn.btn-primary.status {
    color: #ffffff;
    background-color: #313233;
    height: unset;
    margin-left: 15px;
}

.status-action-btns button.btn.status.cancel-btn,
/*.status-action-btns button.btn.status.btn.discoverable,*/
.status-action-btns button.btn.status.btn.not-discoverable {
    background-color: #EA2A2A;
}

.status-action-btns .discoverable,
.status-action-btns .not-discoverable {
    white-space: nowrap;
}

.status-block {
    justify-content: flex-end;
}

.discoverable-notice {
    padding-top: 20px;
    text-align: center;
}

.discoverable-notice strong {
    font-weight: 600;
}

.status-action-btns ul li .btn {
    padding: 6px 13px;
}

.forward-block-col .status:after {
    content: "»";
    margin-bottom: 2px;
    margin-left: 2px;
}

.reverse-block-col .status:before {
    content: "«";
    margin-bottom: 2px;
    margin-right: 2px;
}

.status-action-btns ul li {
    padding: 2.6px 0;
}

.status-action-btns ul li:first-of-type {
    padding-top: 0;
}

/* -------------------- Brands ------------------- */

/*--------------------- Collections -------------- */
.tabless-table .top-action-buttons {
    top: 40px;
}

/*-------------------- Products ------------------ */
.card .product-btn {
    margin-top: 35px;
}

/*-------------------- Survey Submissions --------- */

.star-rating {
    width: 65%;
}

.survey-entry-form .form-field {
    display: none;
}

.card .rejection, .entry-rejection .rejection {
    display: none;
}

.survey-entry-form .card {
    margin-bottom: 25px;
    width: 32.5%;
}

.no-label>label {
    display: none;
}

img.entry-img {
    width: fit-content;
}

.entry-rejection {
    margin-right: 25px;
}

.entry-rejection .checkbox {
    padding-bottom: 10px;
}

body .card .maybe-displayed.hidden {
    display: none;
}

.card.no-option .radio-group {
    display: none;
}

.card.no-option .radio-group.new-screen {
    display: inline-block;
    margin-top: 25px;
}

.slides .card {
    width: 100%;
}

.card .card-override {
    flex-direction: row;
}

.survey-images img {
    margin-bottom: 10px;
}

.survey-images-share-url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.survey-images-share-url a {
    color: #48BAA8;
}

.vert-hr {
    background-color: #48BAA8;
    width: 1px;
}

.half-size {
    margin-bottom: 10px;
    width: 75%;
}

/* ------------------ Influencer Color Coded Gradients ----------------------------- */
.influencer-tier-1 {
    background: linear-gradient(-45deg, #e29d59 5%, #fcbd7e 10%, #e29d59 15%, #e29d59 40%, #fcbd7e 45%, #e29d59 50%, #fcbd7e 65%, #e29d59 70%, #e29d59 95%, #fcbd7e 100%);
    background-size: 400% 400%;
    animation: gradient 6s ease infinite;
}

.influencer-tier-2 {
    background: linear-gradient(-45deg, #cfd6e6 5%, #e7eff9 10%, #cfd6e6 15%, #cfd6e6 40%, #e7eff9 45%, #cfd6e6 50%, #e7eff9 65%, #cfd6e6 70%, #cfd6e6 95%, #e7eff9 100%);
    background-size: 400% 400%;
    animation: gradient 6s ease infinite;
}

.influencer-tier-3 {
    background: linear-gradient(-45deg, #ffdb63  5%, #ffe799 10%, #ffdb63  15%, #ffdb63  40%, #ffe799 45%, #ffdb63  50%, #ffe799 65%, #ffdb63  70%, #ffdb63  95%, #ffe799 100%);
    background-size: 400% 400%;
    animation: gradient 6s ease infinite;
}

.influencer-tier-4 {
    background: linear-gradient(-45deg, #b0f3f1  5%, #ffcfdf 10%, #b0f3f1  15%, #b0f3f1  40%, #ffcfdf 45%, #b0f3f1  50%, #ffcfdf 65%, #b0f3f1  70%, #b0f3f1  95%, #ffcfdf 100%);
    background-size: 400% 400%;
    animation: gradient 6s ease infinite;
}

.influencer-tier-pill {
    border-radius: 10px;
    font-family: Raleway,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 14px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase;
}

/* ------------------ Tags & Tagging ----------------------- */
.tags-list .card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-right: 15px !important;
    padding: 5px 10px 10px;
    width: fit-content !important;
}

.tags-list .delete-control {
    right: 0;
    top: 10px;
}

.tags-list .card > div:not(.delete-btn):not(.delete-control):not(.checkbox):not(.checkbox-group):not(.radio-group):not(.hide-question):not(.dual-btn-wrapper):not(.delete-control):not(.option-group):not(.hidden):not(.clear-btn):not(.full-width-field) {
    margin-right: 10px;
    margin-top: 10px;
    width: 200px;
}

.tags-list .card > div:not(.delete-btn):not(.delete-control):not(.checkbox):not(.checkbox-group):not(.radio-group):not(.hide-question):not(.dual-btn-wrapper):not(.delete-control):not(.option-group):not(.hidden):not(.clear-btn):not(.full-width-field):last-of-type {
    margin-right: 0px;
}

.tags-list .select2-container--default .select2-selection--single {
    height: 38px;
    padding: 10px 5px 5px 5px;
}

.tag-view-wrapper {
    margin-bottom: 20px;
    width: 100%;
}

.tag-view-wrapper-collab-header {
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%;
}

.tag-pill { 
    background-color: #48BAA8;
    /*background: linear-gradient(-45deg, #009780  5%, #48BAA8 10%, #009780  15%, #009780  40%, #48BAA8 45%, #009780  50%, #48BAA8 65%, #009780  70%, #009780  95%, #48BAA8 100%);*/
    background-size: 400% 400%;
    animation: gradient 6s ease infinite;
    border-radius: 10px;
    color: #ffffff;
    font-family: Raleway,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 28px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* ------------------ MOBILE OVERLAY ----------------------------- */
.mobile-overlay {
    align-items: center;
    background-color: rgba(213,213,213, 1);
    display: flex;
    height: 100vh;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -125px; /* Account for the header */
    width: 100vw;
    z-index: 100;
}

.overlay-content {
    text-align: center;
}

.overlay-content img {
    margin-bottom: 10px;
}

@media screen and (min-width: 991px) {
    .mobile-overlay {
        display: none;
    }
}

.hashtag-feed .mobile-overlay {
    display: none;
}

@media screen and (min-width: 1130px) {
    .btn.status {
        width: 176px;
    }

    .copy-click-wrapper {
        font-size: 12px;
    }

    h2.montserrat-18 {
        font-size: 18px;
    }

    .btn {
        font-size: 12px;
    }
}

@media screen and (min-width: 1199px) {
    .slides .card {
        width: 47%;
    }
    
    .slides .card:nth-child(2n) {
        margin-right: 0;
    }

    .card.row-margin.responsive-card > div {
        width: 49%;
    }
}

@media screen and (min-width: 1340px ) {
    .slides .card {
        width: 30.5%;
    }

    .slides .card:nth-child(2n) {
        margin-right: 25px;
    }

    .slides .card:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (min-width: 1698px) {
    .slides .card {
        width: 23.5%;
    }

    .slides .card:nth-child(2n) {
        margin-right: 25px;
    }

    .slides .card:nth-child(3n) {
        margin-right: 25px;
    }

    .slides .card:nth-child(4n) {
        margin-right: 0;
    }
}