@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
    padding: 0px;
    margin: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Poppins";
    text-decoration: none !important;
}

button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
}

body {
    background-color: #fafafa;
    height: 100%;
    min-height: 100vh;
}

/* zoom 0.8 değişikliği */
html {
    zoom: 0.8;
}

.modal,
.modal-backdrop {
    /* zoom: 1.25; */
    width: 125vw;
    height: 125vh;
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(125vh - 3.5rem) !important;
}

/* /zoom 0.8 değişikliği */


html,
body {
    overflow-x: hidden;
    height: 100%;
}

    body::-webkit-scrollbar {
        width: 7px;
        background-color: #d8d8d8;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #403ade;
    }

.nav-wrapper {
    height: 65px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 0px 40px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;
}

[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: plum;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
    background-color: purple;
}

@media only screen and (max-width: 576px) {
    .nav-wrapper {
        padding: 0px 16px;
    }
}

@media only screen and (max-width: 576px) {
    .nav-wrapper .logo img {
        height: 40px;
        width: 120px;
    }
}

.nav-wrapper .nav-menu .nav-menu-item {
    position: relative;
    margin-right: 28px !important;
}

@media only screen and (max-width: 576px) {
    .nav-wrapper .nav-menu .nav-menu-item {
        margin-right: 12px !important;
    }
}

.nav-wrapper .nav-menu .nav-menu-item .notification-list {
    position: absolute;
    top: 36px;
    left: 0px;
    background-color: #fff;
    width: 320px;
    -webkit-box-shadow: 0px 1px 5px #00000029;
    box-shadow: 0px 1px 5px #00000029;
    border-radius: 10px;
    z-index: 999999;
}

@media only screen and (max-width: 991px) {
    .nav-wrapper .nav-menu .nav-menu-item .notification-list {
        left: -100px;
    }
}

@media only screen and (max-width: 576px) {
    .nav-wrapper .nav-menu .nav-menu-item .notification-list {
        left: -130px;
        width: 280px;
    }
}

.nav-wrapper .nav-menu .nav-menu-item .notification-list h3 {
    margin: 20px;
    margin-bottom: 24px;
    font-size: 20px;
}

.nav-wrapper .nav-menu .nav-menu-item .notification-list .notification-item {
    margin-bottom: 12px;
    padding-left: 20px;
    border-left: 5px solid #bdbdbd;
}

    .nav-wrapper .nav-menu .nav-menu-item .notification-list .notification-item p {
        margin-bottom: 0px;
        font-size: 14px;
        color: #212121;
    }

    .nav-wrapper .nav-menu .nav-menu-item .notification-list .notification-item span {
        font-size: 12px;
        color: #616161;
    }

    .nav-wrapper .nav-menu .nav-menu-item .notification-list .notification-item.active {
        border-left: 5px solid #705be9;
    }

.nav-wrapper .nav-menu .nav-menu-item .notification-list a {
    font-size: 12px;
    color: #705be9;
    margin: 20px;
    display: block;
}

.nav-wrapper .nav-menu .nav-menu-item .nav-menu-item-user-link span {
    margin-left: 8px;
    color: #616161;
    font-size: 14px;
}

@media only screen and (max-width: 991px) {
    .nav-wrapper .nav-menu .nav-menu-item .nav-menu-item-user-link span {
        display: none !important;
    }
}

.nav-wrapper .nav-menu .nav-menu-item .nav-menu-item-user-link img {
    width: 20px;
    height: 20px;
}

.nav-wrapper .nav-menu .nav-menu-item .nav-menu-item-user-link .avatar-user {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

@media only screen and (max-width: 576px) {
    .nav-wrapper .nav-menu .nav-menu-item .nav-menu-item-user-link .avatar-user {
        width: 20px;
        height: 20px;
    }
}

.nav-wrapper .nav-menu .nav-menu-item:last-child {
    margin-right: 0px !important;
}

.nav-wrapper .nav-menu .nav-menu-item-user {
    position: relative;
}

    .nav-wrapper .nav-menu .nav-menu-item-user .user-menu {
        position: absolute;
        top: 48px;
        left: -75px;
        width: 116px;
        -webkit-box-shadow: 0px 1px 5px #00000029;
        box-shadow: 0px 1px 5px #00000029;
        border-radius: 10px;
        background-color: #fff;
        z-index: 1050;
    }

        .nav-wrapper .nav-menu .nav-menu-item-user .user-menu a {
            padding: 16px;
            width: 100%;
            text-align: center;
            display: block;
            color: #616161;
            font-size: 14px;
        }

.sidemenu {
    overflow-x: hidden;
    background-color: #fff;
    position: fixed;
    top: 65px;
    left: 0px;
    z-index: 1;
    width: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0px;
    border-right: 1px solid #eee;
    -webkit-transition: 300ms all;
    transition: 300ms all;

    /* zoom 0.8 değişikliği */
    height: calc(125vh - 65px); 
    overflow-y: auto;
}

    .sidemenu .sidemenu-item {
        margin-bottom: 16px;
        width: 100%;
    }

        .sidemenu .sidemenu-item a {
            width: 100%;
            height: 40px;
            padding-left: 20px;
            white-space: nowrap;
            -webkit-transition: 300ms all;
            transition: 300ms all;
        }

            .sidemenu .sidemenu-item a:hover svg path:last-child {
                fill: #403ade;
            }

            .sidemenu .sidemenu-item a svg {
                -webkit-transition: 300ms all;
                transition: 300ms all;
                width: 24px;
                min-width: 24px;
                height: 24px;
            }

            .sidemenu .sidemenu-item a span {
                margin-left: 20px;
                width: 100%;
                color: #616161;
                font-size: 16px;
                font-weight: 500;
            }

                .sidemenu .sidemenu-item a span:hover {
                    color: #403ade;
                }

            .sidemenu .sidemenu-item a.active {
                position: relative;
            }

                .sidemenu .sidemenu-item a.active::before {
                    content: "";
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 5px;
                    height: 100%;
                    background-color: #403ade;
                    border-top-right-radius: 8px;
                    border-bottom-right-radius: 8px;
                }

                .sidemenu .sidemenu-item a.active svg path:last-child {
                    fill: #403ade;
                }

                .sidemenu .sidemenu-item a.active span {
                    color: #403ade;
                }

        .sidemenu .sidemenu-item .sidemenu-item-list {
            width: 0px;
            height: 0px;
            -webkit-transition: 300ms all;
            transition: 300ms all;
        }

            .sidemenu .sidemenu-item .sidemenu-item-list a {
                height: 40px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #757575;
                font-size: 16px;
                padding-left: 90px;
                font-size: 14px;
                font-weight: 400;
                white-space: nowrap;
                -webkit-transition: 300ms all;
                transition: 300ms all;
            }

                .sidemenu .sidemenu-item .sidemenu-item-list a:hover {
                    color: #000000;
                }

        .sidemenu .sidemenu-item .open-sidemenu {
            background-color: transparent;
            border: none;
            width: 100%;
            -webkit-transition: 300ms all;
            transition: 300ms all;
        }

    .sidemenu.active {
        width: 300px;
        z-index: 99;
    }

        .sidemenu.active .open-sidemenu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding-right: 20px;
        }

        .sidemenu.active .sidemenu-item .sidemenu-item-list {
            width: 100%;
            height: 100%;
        }

.main {
    margin-top: 20px;
    margin-left: 84px;
    margin-right: 24px;
    height: 90%;
}

@media only screen and (max-width: 576px) {
    .main {
        margin-top: 12px;
        margin-right: 12px;
        margin-left: 72px;
    }
}

.main .main-wrapper {
    height: 100%;
    margin-bottom: 96px;
}

    .main .main-wrapper .main-col-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        margin-bottom: 20px;
    }

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-col-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main .main-wrapper .main-col-2 .main-wrapper-item {
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome {
        margin-bottom: 60px;
    }

        .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome h4 {
            color: #212121;
            font-size: 20px;
            font-weight: 500;
        }

        .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome p {
            margin-bottom: 0px;
            color: #616161;
            font-size: 14px;
        }

@media only screen and (max-width: 576px) {
    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .notification-status {
            margin: 24px 0px;
        }
}

.main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .main-wrapper-welcome-status {
    margin-right: 24px;
}

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .main-wrapper-welcome-status label {
        color: #616161;
        font-size: 12px;
        margin-bottom: 0px;
    }

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .main-wrapper-welcome-status p {
        padding: 0px 10px;
        height: 24px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 100px;
        margin-bottom: 0px;
    }

        .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .main-wrapper-welcome-status p svg {
            padding: 2px;
            border-radius: 100px;
            width: 17px;
            height: 17px;
            fill: #fff;
        }

        .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .main-wrapper-welcome-status p span {
            font-size: 12px;
        }

.main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .account-status p {
    background-color: #e5fff7;
}

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .account-status p svg {
        background-color: #00c781;
    }

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .account-status p span {
        color: #00c781;
    }

.main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .notification-status p {
    background-color: #ede8fc;
}

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .notification-status p svg {
        background-color: #705be9;
    }

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .notification-status p span {
        color: #705be9;
    }
    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .didnt-send{
        background-color: #f5a6a6 !important;
    }.main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .didnt-send span{
        color:#d80606 !important;
    }
    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .didnt-send svg{
        background-color: #d80606 !important;
    }.main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .didnt-send svg path{
        fill: #f5a6a6 !important;
    }
.main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .my-account {
    height: 48px;
    border: 1px solid #705be9;
    color: #705be9;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 25px;
    font-size: 14px;
    -webkit-transition: 300ms all;
    transition: 300ms all;
}

    .main .main-wrapper .main-col-2 .main-wrapper-item .main-wrapper-welcome-bottom .my-account:hover {
        background-color: #705be9;
        color:#ffffff;
    }

.main .main-wrapper .main-col-3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1400px) {
    .main .main-wrapper .main-col-3 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-col-3 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main .main-wrapper .main-col-3 .main-wrapper-item {
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

.main .main-wrapper .main-col-3 .new-campaigns {
    background-color: #705be9;
}

    .main .main-wrapper .main-col-3 .new-campaigns h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 0px;
    }

    .main .main-wrapper .main-col-3 .new-campaigns p {
        color: #ede8fc;
        font-size: 14px;
        margin: 20px 0px;
        width: 50%;
    }

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-col-3 .new-campaigns p {
        width: 100%;
    }
}

.main .main-wrapper .main-col-3 .new-campaigns a {
    height: 40px;
    padding: 0px 25px;
    background-color: #fff;
    color: #705be9;
    font-size: 13px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    -webkit-transition: 300ms all;
    transition: 300ms all;
    font-weight: 500;
}

    .main .main-wrapper .main-col-3 .new-campaigns a:hover {
        background-color: #32228b !important;
        color: #fff;
    }

.main .main-wrapper .main-col-3 .all-campaigns h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}

.main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-desc {
    margin: 20px 0px;
}

    .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-desc span {
        color: #616161;
        font-size: 12px;
    }

    .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-desc p {
        color: #212121;
        font-size: 14px;
        width: 50%;
    }

@media only screen and (max-width: 576px) {
    .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-buttons a:first-child {
            margin-bottom: 16px !important;
        }
}

.main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-buttons a {
    height: 40px;
    padding: 0px 25px;
    font-size: 13px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    -webkit-transition: 300ms all;
    transition: 300ms all;
    font-weight: 500;
}

    .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-buttons a:first-child {
        background-color: #705be9;
        color: #fff;
        margin-right: 12px;
    }

        .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-buttons a:first-child:hover {
            background-color: #32228b;
        }

    .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-buttons a:last-child {
        border: 1px solid #705be9;
        color: #705be9;
    }

        .main .main-wrapper .main-col-3 .all-campaigns .all-campaigns-buttons a:last-child:hover {
            background-color: #705be9;
            color: #fff;
        }

.main .main-wrapper .main-col-3 .support-education h4 {
    color: #f57c00;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}

.main .main-wrapper .main-col-3 .support-education p {
    color: #616161;
    font-size: 14px;
    margin: 20px 0px;
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-col-3 .support-education p {
        width: 100%;
    }
}

.main .main-wrapper .main-col-3 .support-education a {
    background-color: #fff;
    color: #fb8c00;
    font-size: 13px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    -webkit-transition: 300ms all;
    transition: 300ms all;
    font-weight: 500;
}

.main .main-wrapper .main-col-4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1400px) {
    .main .main-wrapper .main-col-4 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-col-4 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main .main-wrapper .main-col-4 .main-wrapper-item {
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

    .main .main-wrapper .main-col-4 .main-wrapper-item h4 {
        margin-bottom: 20px;
        font-size: 20px;
        color: #616161;
    }

@media only screen and (max-width: 576px) {
    .main .main-wrapper .main-col-4 .main-wrapper-item .main-wrapper-item-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-col-4 .main-wrapper-item .main-wrapper-item-container .main-wrapper-item-link:first-child {
            margin-bottom: 16px;
        }
}

.main .main-wrapper .main-col-4 .main-wrapper-item .main-wrapper-item-container .main-wrapper-item-link {
    margin-right: 12px;
}

    .main .main-wrapper .main-col-4 .main-wrapper-item .main-wrapper-item-container .main-wrapper-item-link span {
        color: #616161;
        font-size: 14px;
        margin-right: 4px;
    }

    .main .main-wrapper .main-col-4 .main-wrapper-item .main-wrapper-item-container .main-wrapper-item-link svg {
        width: 16px;
        height: 16px;
        fill: #616161;
    }

.main .main-wrapper .main-wrapper-campaigns-header {
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-wrapper-campaigns-header {
        padding: 8px !important;
    }
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-title {
    color: #616161;
    font-size: 12px;
    margin-bottom: 24px;
    display: block;
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 0fr;
    grid-template-columns: 1fr 1fr 0fr;
    grid-gap: 24px;
}


@media only screen and (max-width: 1200px) {
    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-tab li a {
    border-bottom: 2px solid transparent;
    padding: 0px 12px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    color: #616161;
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-tab li.active a {
    border-bottom: 2px solid #705be9;
    color: #705be9;
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-search {
    height: 48px;
    border: 1px solid #ffffff;
    border-color: var(--theme-border-color);
    border-radius: var(--theme-border-radius);
}

    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-search svg {
        width: 20px;
        fill: #cdcdcd;
        margin-left: 10px;
    }

    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-search input {
        border: transparent;
        color: #cdcdcd;
        margin-left: 16px;
        font-size: 15px;
        width: 100%;
    }

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons {
    justify-self: flex-end;
}

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons {
        justify-self: flex-start;
    }
}

@media only screen and (max-width: 480px) {
    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons .main-wrapper-campaigns-top-filter {
            margin-left: 0px !important;
            margin-top: 16px;
        }
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons .main-wrapper-campaigns-top-new-campaign-button {
    background-color: #403ade;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    padding: 0px 24px;
}

    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons .main-wrapper-campaigns-top-new-campaign-button svg {
        fill: #fff;
        width: 16px;
        margin-right: 8px;
    }

    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons .main-wrapper-campaigns-top-new-campaign-button span {
        color: #fff;
        display: block;
        width: 100%;
        font-size: 14px;
    }

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-campaigns-header-top .main-wrapper-campaigns-top-buttons .main-wrapper-campaigns-top-filter {
    margin-left: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 100px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-socialmedia-header-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 0fr;
    grid-template-columns: 1fr 1fr 0fr;
    grid-gap: 24px;
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-finance-header-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0fr;
    grid-template-columns: 1fr 0fr;
    grid-gap: 24px;
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-brand-header-top{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 1fr 1fr 0fr;
    grid-gap: 24px;
}

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-finance-header-top {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-finance-header-top {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-create-campaign-title {
    /* margin-bottom: 24px; */
}

    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-create-campaign-title a {
        color: #bdbdbd;
        font-size: 18px;
        margin-right: 4px;
    }

    .main .main-wrapper .main-wrapper-campaigns-header .main-wrapper-create-campaign-title span {
        color: #616161;
        font-size: 18px;
        margin-bottom: 0px;
    }

.main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
}

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

.main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-tab li a {
    border-bottom: 2px solid transparent;
    padding: 0px 12px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    color: #616161;
}

.main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-tab li.active a {
    border-bottom: 2px solid #705be9;
    color: #705be9;
}

.main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-top-buttons {
    justify-self: flex-end;
}

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-top-buttons {
        justify-self: flex-start;
    }
}

@media only screen and (max-width: 480px) {
    .main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-top-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-top-buttons .main-wrapper-campaigns-top-filter {
            margin-left: 0px !important;
            margin-top: 16px;
        }

        .main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-top-buttons .campaign-detail-edit {
            padding-left: 4px !important;
        }
}

.main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-top-buttons .campaign-detail-edit {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    padding: 0px 24px;
    color: #403ade;
    display: block;
    width: 100%;
    font-size: 14px;
}

.main .main-wrapper .main-wrapper-campaigns-header .campaign-detail-header-top .main-wrapper-campaigns-top-buttons .main-wrapper-campaigns-top-filter {
    margin-left: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main .main-wrapper .main-wrapper-account-info-header .main-wrapper-create-campaign-title {
    margin-bottom: 0px;
}

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content {
    padding: 24px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box {
        margin-bottom: 20px;
        padding: 20px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 5px #0000001a;
        box-shadow: 0px 0px 5px #0000001a;
    }

        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 {
            color: #705be9;
            font-size: 16px;
            margin-bottom: 16px;
            margin-bottom: 16px;
        }

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels {
            margin-top: 12px;
            margin-left: 0px !important;
        }
}

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels {
    margin-left: 16px;
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .didnt-send,
        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .review,
        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .red-close,
        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .checked {
            margin-bottom: 12px;
        }
}

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .didnt-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #eeeeee;
    color: #616161;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .didnt-send img {
        margin-right: 4px;
    }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #fff6e3;
    color: #ffbb38;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .review img {
        margin-right: 4px;
    }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .red-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #ffeded;
    color: #ff4040;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .red-close img {
        margin-right: 4px;
    }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .checked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #e5fff7;
    color: #00c781;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .checked .icon {
        background-color: #00c781;
        border-radius: 100px;
        width: 17px;
        height: 17px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 4px;
    }

        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .checked .icon svg {
            width: 10px;
            height: 10px;
            margin-top: 1px;
        }

            .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box h3 .title-labels .checked .icon svg path {
                fill: #fff;
            }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-desc {
    margin-bottom: 16px;
    color: #616161;
    font-size: 14px;
}

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-button {
    background-color: #705be9;
    border-radius: 100px;
    border: none;
    color: #fff;
    padding: 8px 24px;
    font-size: 14px;
}

@media only screen and (max-width: 576px) {
    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-checkboxes {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-checkboxes .wrapper-campaign-detail-content-box-checkboxes-item {
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-checkboxes .wrapper-campaign-detail-content-box-checkboxes-item label {
        margin-left: 4px;
        margin-bottom: 0px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-checkboxes .wrapper-campaign-detail-content-box-checkboxes-item input {
        width: 16px;
        height: 16px;
    }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-personal .col-md-3 {
    margin-bottom: 12px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-personal .col-md-3 input {
        width: 100%;
        height: 45px;
        border-radius: 4px;
        border: 1px solid #757575;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 14px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-personal .col-md-3 button {
        background-color: transparent;
        border: none;
        color: #705be9;
        cursor: pointer;
        margin-top: 4px;
        font-size: 14px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-personal .col-md-3 .change-password {
        background-color: #705be9;
        border-radius: 100px;
        border: none;
        color: #fff;
        padding: 8px 24px;
        font-size: 14px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-personal .col-md-3 img {
        width: 100px;
        border-radius: 100px;
    }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper {
    margin-top: 16px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper .col-md-6 {
        margin-bottom: 12px;
    }

        .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper .col-md-6 button {
            background-color: #705be9;
            border-radius: 100px;
            border: none;
            color: #fff;
            padding: 8px 24px;
            font-size: 14px;
        }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper input,
    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper select {
        width: 100%;
        height: 45px;
        border-radius: 4px;
        border: 1px solid #757575;
        padding-left: 12px;
        font-size: 14px;
        padding-right: 12px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper .wrapper-campaign-detail-content-box-bill .row .col-md-6,
    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper .wrapper-campaign-detail-content-box-bill .row .col-md-12 {
        margin-bottom: 16px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper .wrapper-campaign-detail-content-box-bill .row input,
    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper .wrapper-campaign-detail-content-box-bill .row select {
        width: 100%;
        height: 45px;
        border-radius: 4px;
        border: 1px solid #757575;
        padding-left: 12px;
        font-size: 14px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box .wrapper-campaign-detail-content-box-bill-wrapper .wrapper-campaign-detail-content-box-bill .row textarea {
        width: 100%;
        border-radius: 4px;
        border: 1px solid #757575;
        font-size: 14px;
        padding: 12px;
    }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box-add-new .row div {
    margin-bottom: 12px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box-add-new .row div input,
    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box-add-new .row div select {
        height: 45px;
        border: 1px solid #757575;
        border-radius: 4px;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
        font-size: 14px;
    }

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box-add-new .row .category-goal-title {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 16px;
    display: block;
}

.main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box-add-new .row .category-goals .category-goal-item {
    margin-right: 12px;
    margin-bottom: 12px;
}

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box-add-new .row .category-goals .category-goal-item input {
        width: 16px;
        height: 16px;
    }

    .main .main-wrapper .main-wrapper-account-info-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-box-add-new .row .category-goals .category-goal-item label {
        margin-bottom: 0px;
        margin-left: 8px;
    }

.main .main-wrapper .main-wrapper-create-campaign-header {
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

.main .main-wrapper .main-wrapper-campaigns-table,
.main .main-wrapper .main-wrapper-create-campaign-content,
.main .main-wrapper .wrapper-campaign-detail-content {
    margin-top: 20px;
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-wrapper-campaigns-table,
    .main .main-wrapper .main-wrapper-create-campaign-content,
    .main .main-wrapper .wrapper-campaign-detail-content {
        padding: 8px !important;
    }
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .main-wrapper-create-campaign-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right {
            margin-top: 24px;
        }
}

.main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-left .main-wrapper-create-campaign-title a {
    color: #bdbdbd;
    font-size: 12px;
    margin-right: 4px;
}

.main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-left .main-wrapper-create-campaign-title span {
    color: #616161;
    font-size: 12px;
}

@media only screen and (max-width: 480px) {
    .main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right .cancel {
            margin-bottom: 16px;
        }
}

.main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right a {
    height: 40px;
    padding: 0px 25px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-transition: 300ms all;
    transition: 300ms all;
}

.main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right .cancel {
    background-color: #ede8fc;
    color: #705be9;
    margin-right: 16px;
}

    .main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right .cancel:hover {
        background-color: #dedaec;
    }

.main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right .create {
    background-color: #705be9;
    color: #fff;
}

    .main .main-wrapper .main-wrapper-create-campaign-header .main-wrapper-create-campaign-header-right .create:hover {
        background-color: #5e4ace;
    }

.main .main-wrapper .main-wrapper-create-campaign-content {
    margin-bottom: 96px;
}

    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item {
        margin-bottom: 20px;
        -webkit-box-shadow: 0px 0px 5px #0000001a;
        box-shadow: 0px 0px 5px #0000001a;
        border-radius: 10px;
        background-color: #fff;
        padding: 20px;
    }

        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item input,
        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item select {
            width: 100%;
            margin-bottom: 20px;
            border-radius: 4px;
            color: #757575;
            height: 45px;
            border: 1px solid #a5a5a5;
            font-size: 14px;
            padding: 0px 16px;
        }

        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item textarea {
            width: 100%;
            border-radius: 4px;
            color: #757575;
            border: 1px solid #a5a5a5;
            font-size: 14px;
            padding: 16px;
        }

        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-item-title {
            color: #705be9;
            font-size: 16px;
            margin-bottom: 20px;
        }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-item-title span {
                color: #7c7c7c;
                font-size: 14px;
            }

        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material {
            position: relative;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin-right: 16px;
            margin-bottom: 16px;
        }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .create-campaign-download-image-modal .modal-body {
                position: relative;
            }

                .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .create-campaign-download-image-modal .modal-body img {
                    width: 100%;
                    height: 700px;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

                .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .create-campaign-download-image-modal .modal-body svg {
                    position: absolute;
                    top: 24px;
                    right: 24px;
                    cursor: pointer;
                }

                .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .create-campaign-download-image-modal .modal-body .btn-primary {
                    position: absolute;
                    bottom: 24px;
                    right: 24px;
                    border-radius: 100px;
                    background-color: #705be9;
                    color: #fff;
                    border: none;
                    height: 40px;
                    padding: 0px 24px;
                    -webkit-box-shadow: 0px 1px 3px #00000033;
                    box-shadow: 0px 1px 3px #00000033;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .image {
                width: 145px;
                height: 145px;
                border-radius: 10px;
            }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .eye {
                position: absolute;
                top: 8px;
                left: 8px;
            }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .close-icon {
                position: absolute;
                top: 8px;
                right: 8px;
            }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .video {
                position: absolute;
                bottom: 8px;
                right: 8px;
            }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .eye,
            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .close-icon,
            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .material .video {
                cursor: pointer;
            }

        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .add-material {
            cursor: pointer;
            background-color: #ede8fc;
            width: 145px;
            height: 145px;
            margin-bottom: 16px;
            border-radius: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            border: 2px dashed #d0c6f6;
        }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .add-material svg {
                width: 16px;
                margin-bottom: 4px;
                fill: #b0a0f2;
            }

            .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .row .col-md-12 .add-material span {
                color: #b0a0f2;
                font-size: 14px;
                text-align: center;
            }

        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-item-sub-title {
            color: #000000;
            font-size: 12px;
            margin-bottom: 8px;
            display: block;
        }

        .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-conditions {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap: 12px;
            margin-bottom: 16px;
        }

@media only screen and (max-width: 1400px) {
    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-conditions {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-conditions {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 650px) {
    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-conditions {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-conditions input[type="text"] {
    margin-bottom: 0px !important;
}

.main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-content-conditions:last-child {
    margin-bottom: 0px;
}

.main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .input-date {
    position: relative;
}

    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .input-date input {
        margin-bottom: 0px;
    }

    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .input-date span {
        position: absolute;
        top: 2px;
        left: 8px;
        height: 90%;
        width: 80%;
        background-color: #fff;
        padding-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #757575;
        font-size: 14px;
    }

.main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-checkbox-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-checkbox-container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-checkbox-container .main-wrapper-create-campaign-checkboxes .main-wrapper-create-campaign-checkbox .main-wrapper-create-campaign-checkbox-item {
    margin-right: 16px;
    margin-bottom: 16px;
}

    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-checkbox-container .main-wrapper-create-campaign-checkboxes .main-wrapper-create-campaign-checkbox .main-wrapper-create-campaign-checkbox-item input {
        width: 16px;
        height: 16px;
        margin-bottom: 0px;
        margin-right: 4px;
    }

    .main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item .main-wrapper-create-campaign-checkbox-container .main-wrapper-create-campaign-checkboxes .main-wrapper-create-campaign-checkbox .main-wrapper-create-campaign-checkbox-item label {
        margin: 0px;
        color: #000000;
        font-size: 13px;
        display: block;
    }

.main .main-wrapper .main-wrapper-create-campaign-content .main-wrapper-create-campaign-content-item:last-child {
    margin-bottom: 0px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dfdfdf;
}

@media only screen and (max-width: 991px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header h4 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

            .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header h4 span {
                margin-left: 0px !important;
                margin-bottom: 8px;
                margin-top: 8px;
            }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .campaign-detail-content-header-right {
            justify-self: flex-start !important;
        }

            .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .campaign-detail-content-header-right a {
                text-align: left !important;
            }
}

@media only screen and (max-width: 480px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .wrapper-campaign-detail-content-header-brand {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .wrapper-campaign-detail-content-header-brand .wrapper-campaign-detail-content-header-brand-container {
    width: 60px;
    height: 60px;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid #ede8fc;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .wrapper-campaign-detail-content-header-brand .wrapper-campaign-detail-content-header-brand-container img {
        height: 10px;
    }

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .wrapper-campaign-detail-content-header-brand p {
    margin-bottom: 0px;
    font-size: 15px;
    color: #424242;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header h4 {
    color: #000000de;
    font-weight: 500;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header h4 span {
        font-size: 12px;
        color: #ede8fc;
        background-color: #705be9;
        border-radius: 100px;
        padding: 4px 12px;
        margin-left: 16px;
    }

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .campaign-detail-content-header-right {
    justify-self: flex-end;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .campaign-detail-content-header-right p {
        background-color: #e5fff7;
        padding: 0px 10px;
        height: 24px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 100px;
        margin-bottom: 0px;
        margin-bottom: 12px;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .campaign-detail-content-header-right p svg {
            padding: 2px;
            border-radius: 100px;
            width: 17px;
            height: 17px;
            background-color: #00c781;
            fill: #fff;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .campaign-detail-content-header-right p span {
            font-size: 12px;
            color: #00c781;
        }

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-content-header .campaign-detail-content-header-right a {
        color: #705be9;
        font-size: 13px;
        text-align: right;
        display: block;
    }

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats {
    margin-bottom: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 12px;
}

@media only screen and (max-width: 1900px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats {
        -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
    }
}

@media only screen and (max-width: 1400px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats {
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    }
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #ede8fc;
    background-color: #fafafa;
    border-radius: 10px;
    padding: 20px;
    margin-right: 12px;
    width: 100%;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item {
        margin-right: 24px;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-sub-title {
            color: #705be9;
            font-size: 12px;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-sub-title-2 {
            color: #616161;
            font-size: 12px;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-perc {
            background-color: #705be9;
            color: #fff;
            padding: 4px 12px;
            font-size: 14px;
            margin-top: 8px;
            display: block;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-weight: 300;
            border-radius: 100px;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-desc {
            color: #000;
            font-size: 15px;
            margin-top: 8px;
            display: block;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-desc-2 {
            color: #00c781;
            font-size: 15px;
            margin-top: 8px;
            display: block;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-desc-3 {
            background-color: #e5fff7;
            color: #00c781;
            padding: 4px 12px;
            font-size: 14px;
            border-radius: 100px;
            font-size: 13px;
            margin-top: 8px;
            display: block;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

@media only screen and (max-width: 768px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-num {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-num img {
            margin-bottom: 12px;
        }
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-num img {
    padding: 10px;
    background-color: #ede8fc;
    border-radius: 10px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-num p {
    margin-bottom: 0px;
    margin-left: 8px;
    color: #212121;
    font-size: 24px;
    font-weight: 600;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-num p span {
        font-size: 14px;
    }

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat-first {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat-first {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat-first .wrapper-campaign-detail-stat-item {
            margin-bottom: 12px;
        }

            .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat-first .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-sub-title {
                margin-bottom: 0px;
            }
}

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat-date {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat-date .wrapper-campaign-detail-stat-item {
            margin-bottom: 12px;
        }

            .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat-date .wrapper-campaign-detail-stat-item .wrapper-campaign-detail-stat-sub-title {
                margin-bottom: 0px;
            }
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-stats .wrapper-campaign-detail-stat:last-child {
    margin-right: 0px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description .wrapper-campaign-detail-description-item {
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description .wrapper-campaign-detail-description-item .wrapper-campaign-detail-description-item-title {
        color: #705be9;
        font-weight: 600;
    }

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description .wrapper-campaign-detail-description-item .wrapper-campaign-detail-description-item-images img {
        width: 145px;
        height: 145px;
        border-radius: 10px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description .wrapper-campaign-detail-description-item .wrapper-campaign-detail-description-item-desc {
        color: #616161;
        font-size: 15px;
        font-weight: 300;
    }

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 {
    margin-top: 20px;
    width: 50%;
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

@media only screen and (max-width: 1200px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 {
        width: 100%;
    }
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-item-title {
    color: #705be9;
    font-weight: 600;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item {
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    padding: 20px;
    margin-bottom: 16px;
}

@media only screen and (max-width: 1440px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link {
            margin-left: 0px !important;
            margin-top: 16px;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .close {
            position: absolute;
            top: 16px;
            right: 16px;
        }
}

@media only screen and (max-width: 768px) {
    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .user {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .user .username {
            margin: 8px 0px !important;
        }
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .user .avatar {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .user .username {
    color: #616161;
    font-size: 14px;
    margin: 0px 12px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .user .tiktok {
    width: 20px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 32px;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link .wrapper-campaign-detail-description-account-item-link-desc {
        width: 100%;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link .wrapper-campaign-detail-description-account-item-link-desc .title {
            color: #e91e62;
            font-size: 13px;
            margin-bottom: 4px;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link .wrapper-campaign-detail-description-account-item-link-desc .input input {
            height: 40px;
            border-radius: 8px;
            color: #8b8b8b;
            font-size: 14px;
            padding: 0px 12px;
            border: 1px solid #ccc;
            width: 100%;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link .wrapper-campaign-detail-description-account-item-link-desc .input svg {
            width: 20px;
            fill: #bdbdbd;
            margin-left: 8px;
            cursor: pointer;
        }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link .wrapper-campaign-detail-description-account-item-link-desc .desc {
            font-size: 12px;
            color: #616161;
            margin-top: 8px;
        }

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item .wrapper-campaign-detail-description-account-item-link .close {
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        padding: 6px;
        border: 1px solid #ccc;
        border-radius: 100px;
    }

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-account-container .wrapper-campaign-detail-description-account-item:last-child {
    margin-bottom: 0px;
}

.main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-item-2-join-button {
    background-color: #705be9;
    border-radius: 100px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 24px;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 16px;
    -webkit-transition: 300ms all;
    transition: 300ms all;
}

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-item-2-join-button:hover {
        background-color: #5e4acf;
    }

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-item-2-join-button span {
        margin-left: 8px;
        font-size: 14px;
    }

    .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-item-2-join-button svg {
        width: 16px;
    }

        .main .main-wrapper .wrapper-campaign-detail-content .wrapper-campaign-detail-description-item-2 .wrapper-campaign-detail-description-item-2-join-button svg path {
            fill: #fff;
        }

.main .main-wrapper .main-wrapper-campaigns-table {
    height: 100%;
    padding: 0px;
}

    .main .main-wrapper .main-wrapper-campaigns-table .tab-content {
        height: 100%;
    }

        .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-header {
                height: 50px;
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 2fr 1fr 2fr 1fr 1fr 1fr;
                grid-template-columns: 2fr 1fr 2fr 1fr 1fr 1fr;
                grid-gap: 24px;
                border-bottom: 1px solid #dddddd;
                padding: 0px 20px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-header p {
                    margin-bottom: 0px;
                    font-size: 14px;
                    font-weight: 400;
                    cursor: pointer;
                    white-space: nowrap;
                }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-finance-wrapper-header {
                height: 50px;
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
                grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
                grid-gap: 24px;
                border-bottom: 1px solid #dddddd;
                padding: 0px 40px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content {
                height: 100%;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding: 20px;
                overflow-y: scroll;
            }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item {
                    border: 1px solid #ede8fc;
                    border-radius: 10px;
                    padding: 20px;
                    margin-bottom: 12px;
                    display: -ms-grid;
                    display: grid;
                    -ms-grid-columns: 2fr 1fr 2fr 1fr 1fr 1fr;
                    grid-template-columns: 2fr 1fr 2fr 1fr 1fr 1fr;
                    grid-gap: 24px;
                }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item:last-child {
                        margin-bottom: 0px;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-name img {
                        width: 60px;
                        height: 60px;
                        border-radius: 10px;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-name p {
                        margin: 0px 12px;
                        color: #424242;
                        font-size: 14px;
                        font-weight: 400;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-name span {
                        color: #ede8fc;
                        font-size: 12px;
                        font-weight: 400;
                        background-color: #705be9;
                        padding: 4px 8px;
                        border-radius: 100px;
                        -ms-flex-item-align: start;
                        align-self: flex-start;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-brand .item-brand-container {
                        width: 60px;
                        height: 60px;
                        padding: 4px 8px;
                        border: 1px solid #ede8fc;
                        border-radius: 10px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-brand p {
                        color: #424242;
                        font-size: 14px;
                        font-weight: 500;
                        margin-bottom: 0px;
                        margin-left: 16px;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-date p {
                        margin-bottom: 0px;
                        font-size: 14px;
                        font-weight: 400;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-date .item-date-first {
                        color: #212121;
                        margin-bottom: 8px;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-date .item-date-second {
                        color: #00c781;
                    }

                        .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-date .item-date-second span {
                            background-color: #e5fff7;
                            color: #00c781;
                            font-size: 12px;
                            padding: 4px 8px;
                            border-radius: 100px;
                            margin-left: 12px;
                            border-radius: 100px;
                        }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-sales p {
                        background-color: #ede8fc;
                        color: #705be9;
                        padding: 4px 12px;
                        border-radius: 100px;
                        font-size: 12px;
                        width: -webkit-fit-content;
                        width: -moz-fit-content;
                        width: fit-content;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-sales-again p {
                        background-color: #ede8fc;
                        color: #705be9;
                        padding: 4px 12px;
                        border-radius: 100px;
                        font-size: 12px;
                        width: -webkit-fit-content;
                        width: -moz-fit-content;
                        width: fit-content;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc {
                        background-color: #e5fff7;
                        border-radius: 100px;
                        padding: 4px 8px;
                    }

                        .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc .info-desc-icon {
                            background-color: #00c781;
                            border-radius: 100px;
                            padding: 2px;
                            width: 16px;
                            height: 16px;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                        }

                            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc .info-desc-icon svg {
                                width: 10px;
                                fill: #fff;
                            }

                        .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc span {
                            margin-left: 8px;
                            font-size: 12px;
                            color: #00c781;
                        }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .item-actions-info p {
                        background-color: #e5fff7;
                        color: #00c781;
                        padding: 4px 8px;
                        border-radius: 100px;
                        width: -webkit-fit-content;
                        width: -moz-fit-content;
                        width: fit-content;
                        margin-top: 8px;
                        margin-bottom: 0px;
                        font-size: 12px;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .join-button {
                        height: 32px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        background-color: #fff;
                        border-radius: 100px;
                        border: 1px solid #705be9;
                        color: #705be9;
                        padding: 8px 24px;
                    }

                        .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .join-button:hover {
                            background-color: #d2caff36;
                        }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-campaigns-wrapper-content-item .all-campaigns-wrapper-content-item-actions .item-actions-button svg {
                        width: 6px;
                        fill: #616161;
                    }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-finance-wrapper-content-item {
                    border: 1px solid #ede8fc;
                    border-radius: 10px;
                    padding: 20px;
                    margin-bottom: 12px;
                    display: -ms-grid;
                    display: grid;
                    -ms-grid-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
                    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
                    grid-gap: 24px;
                }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-finance-wrapper-content-item .all-campaigns-wrapper-content-item-date p {
                        color: #705be9;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        height: 100%;
                    }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content .all-finance-wrapper-content-item .all-campaigns-wrapper-content-item-sales-again-2 p {
                        color: #2733d5;
                        background-color: transparent;
                        font-weight: 500;
                        font-size: 13px;
                    }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-name .avatar {
                width: 40px;
                height: 40px;
                border-radius: 100px;
                padding-left: 0px !important;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-name span {
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-name .twitch {
                width: 34px;
                height: 34px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                border-radius: 10px;
                background-color: #673ab7;
                padding: 4px;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-name .stat-icon {
                width: 32px;
                margin-left: 8px;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-name .makro {
                background-color: #ffddc2;
                color: #e2653e;
                border-radius: 100px;
                font-size: 12px;
                margin-left: 8px;
                padding: 4px 8px;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-brand p {
                margin-left: 0px !important;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-sales p,
            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .all-campaigns-wrapper-content-item-sales-again p {
                background-color: transparent !important;
                color: #2733d5 !important;
                font-size: 16px !important;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .inactive {
                background-color: #eeeeee !important;
            }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .inactive span {
                    color: #616161 !important;
                }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .campaign-analysis-wrapper-content .inactive .info-desc-icon {
                    background-color: #616161 !important;
                }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content::-webkit-scrollbar {
                width: 6px;
                border-radius: 100px;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-content::-webkit-scrollbar-thumb {
                background-color: #ede8fc;
                border-radius: 100px;
            }

            .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-bottom {
                height: 50px;
                border-top: 1px solid #dddddd;
            }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-show p {
                    font-size: 13px;
                    margin-bottom: 0px;
                }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-show select {
                    border: none;
                    font-size: 13px;
                }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-bottom p {
                    font-size: 13px;
                    color: #616161;
                    margin: 0px 32px;
                }

                .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-icons {
                    cursor: pointer;
                }

                    .main .main-wrapper .main-wrapper-campaigns-table .tab-content .all-campaigns-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-icons img {
                        cursor: pointer;
                    }

.main .main-wrapper .social-media-accounts-wrapper {
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .main .main-wrapper .social-media-accounts-wrapper .table-responsive {
        height: 100%;
    }

        .main .main-wrapper .social-media-accounts-wrapper .table-responsive table thead tr th {
            white-space: nowrap;
            border-top: 0px;
            font-weight: 400;
            cursor: pointer;
        }

        .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr {
            border-bottom: 1px solid #ede8fc;
            margin-top: 10px;
        }

            .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr td,
            .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr th {
                font-weight: 400;
            }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr td .settings-icon,
                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr th .settings-icon {
                    width: 20px;
                    height: 20px;
                    cursor: pointer;
                }

            .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar {
                white-space: nowrap;
            }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar .avatar-image {
                    width: 40px;
                    height: 40px;
                    border-radius: 100px;
                    margin-right: 8px;
                }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar .social-icon {
                    border-radius: 10px;
                    padding: 4px;
                }

                    .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar .social-icon.twitch, .account-social-media-avatar .social-icon.twitch {
                        background-color: transparent !important;
                        /* background-color: #673ab7; */
                    }

                    .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar .social-icon.instagram, .account-social-media-avatar .social-icon.instagram {
                        background-color: transparent !important;
                        /* background-color: #d22175; */
                    }

                    .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar .social-icon.youtube, .account-social-media-avatar .avatar .social-icon.youtube {
                        background-color: transparent !important;
                        /* background-color: #ff0000; */
                    }

                    .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar .social-icon.discord, .account-social-media-avatar .social-icon.discord {
                        background-color: transparent !important;
                        /* background-color: #5865f2; */
                    }

                    .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .avatar .social-icon.tiktok, .account-social-media-avatar .social-icon.tiktok {
                        background-color: transparent !important;
                        /* background-color: #000000; */
                    }

            .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .first-logo div {
                margin-top: 8px;
                margin-bottom: 8px;
            }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .first-logo div span {
                    border: 1px solid #ede8fc;
                    border-radius: 10px;
                    padding: 8px;
                    width: 60px;
                    height: 60px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    margin-right: 8px;
                }

                    .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .first-logo div span img {
                        width: 60px;
                    }

            .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .category span, .social-media-accounts-category {
                background-color: #ede8fc !important;
                color: #705be9 !important;
                padding: 4px 8px;
                border-radius: 100px;
                font-size: 13px;
                margin-bottom: 4px;
                display: inline-block;
                white-space: nowrap;

                &.selected {
                    background-color: #705be9 !important;
                    color: #fff !important;
                }
            }

            .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .category span, .sensitive-category {
                background-color: #ffeded !important;
                color: #ff4040 !important;
                padding: 4px 8px;
                border-radius: 100px;
                font-size: 13px;
                margin-bottom: 4px;
                display: inline-block;
                white-space: nowrap;

                &.selected {
                    background-color: #ff4040 !important;
                    color: #fff !important;
                }
            }

            .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .level {
                white-space: nowrap;
            }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .level span {
                    margin-left: 8px;
                    background-color: #c2c1c7;
                    color: black;
                    padding: 4px 8px;
                    border-radius: 100px;
                    font-size: 13px;
                    margin-bottom: 4px;
                    display: inline-block;
                    white-space: nowrap;
                }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .level.mikro span {
                    background-color: #cdc4bb;
                    color: #7b6b5a;
                }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .level.makro span {
                    background-color: #ffddc2;
                    color: #e2653e;
                }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .level.mega span {
                    background-color: #fff2bc;
                    color: #e7b012;
                }

                .main .main-wrapper .social-media-accounts-wrapper .table-responsive table tbody tr .level.nano span {
                    background-color: #eeeeee;
                    color: #757575;
                }

    .main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom {
        height: 50px;
        border-top: 1px solid #dddddd;
    }

@media only screen and (max-width: 768px) {
    .main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

        .main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom p {
            margin: 0px !important;
        }
}

.main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-show p {
    font-size: 13px;
    margin-bottom: 0px;
}

.main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-show select {
    border: none;
    font-size: 13px;
}

.main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom p {
    font-size: 13px;
    color: #616161;
    margin: 0px 32px;
}

.main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-icons {
    cursor: pointer;
}

    .main .main-wrapper .social-media-accounts-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-icons img {
        cursor: pointer;
    }

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .first-logo span {
    padding: 0px;
    border: none;
}

    .main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .first-logo span img {
        border-radius: 4px;
    }

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody span {
    font-size: 14px;
    white-space: nowrap;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .purple-text span {
    color: #705be9;
    font-weight: 600;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .continue span {
    background-color: #e5fff7;
    padding: 4px 8px;
    border-radius: 100px;
    color: #00c781;
    font-size: 13px;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .continue-text span {
    color: #00c781;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .return-text span {
    color: #ffbb38;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .cancel-text span {
    color: #ff4040;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .completed span {
    background-color: #eeeeee;
    padding: 4px 8px;
    border-radius: 100px;
    color: #616161;
    font-size: 13px;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .return span {
    background-color: #fff6e3;
    padding: 4px 8px;
    border-radius: 100px;
    color: #ffbb38;
    font-size: 13px;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .cancel span {
    background-color: #ffeded;
    padding: 4px 8px;
    border-radius: 100px;
    color: #ff4040;
    font-size: 13px;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .account .avatar {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin-right: 4px;
}

.main .main-wrapper .finance-earnings-wrapper .table-responsive .table tbody .account .twitch {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #673ab7;
}

.hidden {
    display: none !important;
}

.modal-header,
.modal-footer {
    border: none;
}

.modal-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .modal-footer button {
        font-size: 13px;
        font-weight: 400;
        height: 40px;
        padding: 4px 25px;
        border-radius: 100px;
    }

    .modal-footer .btn-modal-close {
        background-color: #fff;
        border: 1px solid #705be9;
        color: #705be9;
    }

    .modal-footer .btn-modal-success {
        background-color: #705be9;
        color: #fff !important;
        border: none;
    }
    .modal-footer .btn-modal-success:hover {
        background-color: #614dcd;
    }

.modal-body p,
.modal-body span {
    display: block;
    text-align: center;
    font-size: 14px;
}

.modal-body p {
    color: #616161;
}

.modal-body span {
    color: #705be9;
}

.modal-header .modal-title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    font-size: 20px;
    font-weight: 500;
    color: #705be9;
}

.modal-header button svg {
    pointer-events: none;
}

    .modal-header button svg path:last-child {
        fill: #705be9;
    }

.auth-container {
    min-height: 100vh;
    background-image: url("../assets/images/auth-bg.png");
    background-position: center center;
    background-size: cover;
}

    .auth-container .container {
        height: 100%;
        min-height: 100vh;
        display: -ms-grid;
        display: grid;
        padding-top: 48px;
        padding-bottom: 48px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 32px;
        place-items: center;
    }

@media only screen and (max-width: 991px) {
    .auth-container .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.auth-container .container .auth-container-left h4 {
    margin: 32px 0px;
    color: #403ade;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
}

.auth-container .container .auth-container-left p {
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
}

.auth-container .container .auth-container-right {
    width: 100%;
    -webkit-box-shadow: 0px 0px 6px #00000026;
    box-shadow: 0px 0px 6px #00000026;
    border-radius: 10px;
    background-color: #fff;
    padding: 32px;
}

@media only screen and (max-width: 480px) {
    .auth-container .container .auth-container-right {
        padding: 24px;
    }

        .auth-container .container .auth-container-right .auth-container-right-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
}

.auth-container .container .auth-container-right h4 {
    color: #000000de;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 8px;
}

.auth-container .container .auth-container-right .auth-container-right-text {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

    .auth-container .container .auth-container-right .auth-container-right-text a {
        color: #705be9;
    }

.auth-container .container .auth-container-right .auth-container-input-wrapper {
    margin-top: 48px;
}

    .auth-container .container .auth-container-right .auth-container-input-wrapper input {
        width: 100%;
        display: block;
        height: 45px;
        border-radius: 4px;
        border: 1px solid #ccc;
        font-size: 14px;
        padding: 0px 16px;
        margin-bottom: 12px;
    }

    .auth-container .container .auth-container-right .auth-container-input-wrapper p {
        font-size: 14px;
    }

.auth-container .container .auth-container-right .forget-password-link {
    font-size: 14px;
    font-weight: 400;
    color: #705be9;
    display: block;
}

.auth-container .container .auth-container-right .auth-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    background-color: #705be9;
    border-radius: 100px;
    padding: 8px 24px;
    color: #fff;
    font-size: 13px;
    height: 40px;
    -webkit-transition: 300ms all;
    transition: 300ms all;
}

    .auth-container .container .auth-container-right .auth-button:hover {
        background-color: #5c48ce;
    }

.auth-container .container .auth-container-right .auth-button-login {
    margin-top: 40px;
}

.auth-container .container .auth-container-right .error {
    background-color: #e23a3a;
    font-size: 14px;
    height: 40px;
    color: #fff;
    border-radius: 8px;
    margin-top: 12px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.auth-container .container .auth-container-right .or-seperate {
    margin-top: 60px;
    margin-bottom: 28px;
}

    .auth-container .container .auth-container-right .or-seperate .border {
        height: 1px;
        background-color: #616161;
        width: 100%;
        display: block;
    }

    .auth-container .container .auth-container-right .or-seperate p {
        color: #616161;
        font-size: 12px;
        font-weight: 400;
        margin: 0px 12px;
        margin-bottom: 0px;
    }

.auth-container .container .auth-container-right .facebook {
    margin-bottom: 24px;
}

.auth-container .container .auth-container-right .forget-password {
    margin-bottom: 32px;
}

@media only screen and (max-width: 360px) {
    .auth-container .container .auth-container-right .forget-password-step-2 .forget-password-step-2-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .auth-container .container .auth-container-right .forget-password-step-2 .forget-password-step-2-buttons a:first-child {
            margin-bottom: 12px;
        }
}

.auth-container .container .auth-container-right .forget-password-step-2 .forget-password-step-2-buttons a {
    margin: 0px;
}

.auth-container .container .auth-container-right .sign-up-wrapper {
    margin-top: 80px;
    margin-bottom: 128px;
}

    .auth-container .container .auth-container-right .sign-up-wrapper p {
        color: #616161;
        font-size: 14px;
    }

    .auth-container .container .auth-container-right .sign-up-wrapper .sign-up-wrapper-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }

@media only screen and (max-width: 576px) {
    .auth-container .container .auth-container-right .sign-up-wrapper .sign-up-wrapper-container {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.auth-container .container .auth-container-right .sign-up-wrapper .sign-up-wrapper-container a {
    -webkit-box-shadow: 0px 1px 5px #00000029;
    box-shadow: 0px 1px 5px #00000029;
    height: 132px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 24px 0px;
}

    .auth-container .container .auth-container-right .sign-up-wrapper .sign-up-wrapper-container a img {
        width: 50px;
    }

    .auth-container .container .auth-container-right .sign-up-wrapper .sign-up-wrapper-container a span {
        color: #616161;
        font-size: 14px;
        font-weight: 400;
        margin-top: 12px;
        text-align: center;
    }

.auth-container .container .auth-container-right .sign-up-contracts {
    font-size: 13px;
    margin-bottom: 48px;
    color: #616161;
}

    .auth-container .container .auth-container-right .sign-up-contracts a {
        color: #705be9;
        text-decoration: underline !important;
    }

.auth-container .container .auth-container-right .sign-up-desc {
    color: #616161;
    font-size: 14px;
}

.auth-container .container .auth-container-right .sign-up-buttons a {
    margin: 0px !important;
}

.auth-container .container .auth-container-right .check-container {
    height: 150px;
}

    .auth-container .container .auth-container-right .check-container .check-container-icon {
        background-color: #00c781;
        border-radius: 100px;
        padding: 8px;
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .auth-container .container .auth-container-right .check-container .check-container-icon svg {
            width: 20px;
            fill: #fff;
        }

    .auth-container .container .auth-container-right .check-container p {
        margin-bottom: 0px;
        font-size: 14px;
        margin-left: 12px;
    }

.sign-up-account-activation-step-1 {
    height: 150px;
}

    .sign-up-account-activation-step-1 .auth-container-input-wrapper {
        margin: 0px !important;
    }

.auth-container-right-text-sign-up {
    margin-bottom: 24px;
}

.sign-up-container .container {
    -ms-grid-columns: 1fr 1.3fr;
    grid-template-columns: 1fr 1.3fr;
}

.tab-pane {
    height: 100%;
}

.main-wrapper-campaigns-table-campaigns-analysis {
    height: 100%;
}

    .main-wrapper-campaigns-table-campaigns-analysis .wrapper-campaign-detail-content {
        height: 100%;
    }

    .main-wrapper-campaigns-table-campaigns-analysis .all-campaigns-wrapper {
        height: 77% !important;
    }

.account-social-media-detail-wrapper .wrapper-campaign-detail-content-header {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
}

@media only screen and (max-width: 991px) {
    .account-social-media-detail-wrapper .wrapper-campaign-detail-content-header {
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    }
}

.account-social-media-detail-wrapper .wrapper-campaign-detail-content-header-brand-container {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 100% !important;
    border: none !important;
}

    .account-social-media-detail-wrapper .wrapper-campaign-detail-content-header-brand-container img {
        border-radius: 100px;
        width: 60px !important;
        height: 60px !important;
    }

@media only screen and (max-width: 480px) {
    .account-social-media-detail-wrapper .wrapper-campaign-detail-content-header-labels {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

.account-social-media-detail-wrapper .wrapper-campaign-detail-content-header-labels span {
    margin-right: 12px;
    margin-bottom: 12px;
    background-color: #ede8fc;
    color: #705be9;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 100px;
}

.account-social-media-detail-wrapper .wrapper-campaign-detail-stats {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 32px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

@media only screen and (max-width: 1200px) {
    .account-social-media-detail-wrapper .wrapper-campaign-detail-stats {
        -ms-grid-columns: 1fr 1fr !important;
        grid-template-columns: 1fr 1fr !important;
    }
}

@media only screen and (max-width: 768px) {
    .account-social-media-detail-wrapper .wrapper-campaign-detail-stats {
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    }
}

.account-social-media-detail-wrapper .all-campaigns-wrapper-bottom {
    height: 50px;
    border-top: 1px solid #dddddd;
}

    .account-social-media-detail-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-show p {
        font-size: 13px;
        margin-bottom: 0px;
    }

    .account-social-media-detail-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-show select {
        border: none;
        font-size: 13px;
    }

    .account-social-media-detail-wrapper .all-campaigns-wrapper-bottom p {
        font-size: 13px;
        color: #616161;
        margin: 0px 32px;
    }

    .account-social-media-detail-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-icons {
        cursor: pointer;
    }

        .account-social-media-detail-wrapper .all-campaigns-wrapper-bottom .all-campaigns-wrapper-bottom-icons img {
            cursor: pointer;
        }

body {
    table-layout: fixed;
}

.all-campaigns-table .table p {
    white-space: nowrap;
}

.all-campaigns-table .table thead tr th {
    font-weight: 400;
    white-space: nowrap;
    font-size: 14px;
}

.all-campaigns-table .table tbody .avatar {
    padding-left: 15px;
}

@media only screen and (max-width: 1500px) {
    .all-campaigns-table .table tbody .avatar .d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .all-campaigns-table .table tbody .avatar .d-flex p {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .all-campaigns-table .table tbody .avatar .d-flex span {
            margin-left: 0px !important;
        }
}

.all-campaigns-table .table tbody .avatar p {
    width: 60%;
    margin-bottom: 0px;
    font-size: 14px;
}

.all-campaigns-table .table tbody .avatar img {
    width: 60px;
    border-radius: 10px;
    margin-right: 8px;
}

.all-campaigns-table .table tbody .avatar span {
    background-color: #705be9;
    border-radius: 100px;
    padding: 4px 8px;
    color: #fff;
    font-size: 13px;
    margin-left: 8px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: -4px;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-name img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-name p {
    margin: 0px 12px;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-name span {
    color: #ede8fc;
    font-size: 12px;
    font-weight: 400;
    background-color: #705be9;
    padding: 4px 8px;
    border-radius: 100px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-brand .item-brand-container {
    width: 60px;
    height: 60px;
    padding: 4px 8px;
    border: 1px solid #ede8fc;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-brand p {
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-left: 16px;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-date p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-date .item-date-first {
    color: #212121;
    margin-bottom: 8px;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-date .item-date-second {
    color: #00c781;
}

    .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-date .item-date-second span {
        background-color: #e5fff7;
        color: #00c781;
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 100px;
        margin-left: 12px;
        border-radius: 100px;
    }

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-sales p {
    background-color: #ede8fc;
    color: #705be9;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-sales-again p {
    background-color: #ede8fc;
    color: #705be9;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions {
    padding-right: 15px;
}

    .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc {
        background-color: #e5fff7;
        border-radius: 100px;
        padding: 4px 8px;
    }

        .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc .info-desc-icon {
            background-color: #00c781;
            border-radius: 100px;
            padding: 2px;
            width: 16px;
            height: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc .info-desc-icon svg {
                width: 10px;
                fill: #fff;
            }

        .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc span {
            margin-left: 8px;
            font-size: 12px;
            color: #00c781;
        }

    .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info p {
        background-color: #e5fff7;
        color: #00c781;
        padding: 4px 8px;
        border-radius: 100px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 8px;
        margin-bottom: 0px;
        font-size: 12px;
    }

    .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .join-button {
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 100px;
        border: 1px solid #705be9;
        color: #705be9;
        padding: 8px 24px;
    }

        .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .join-button:hover {
            background-color: #d2caff36;
        }

    .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-button {
        margin-left: 24px;
    }

        .all-campaigns-table .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-button svg {
            width: 6px;
            fill: #616161;
        }

.item-actions-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .item-actions-button svg {
        width: 6px;
        cursor: pointer;
    }

        .item-actions-button svg path {
            fill: #616161;
            pointer-events: none;
        }

    .item-actions-button .item-actions-list {
        position: absolute;
        top: -8px;
        right: 12px;
        background-color: #fff;
        border: 1px solid #eee;
        z-index: 999;
        border-radius: 8px;
    }

        .item-actions-button .item-actions-list a {
            text-align: center;
            padding: 8px 12px;
            display: block;
            color: #616161;
            font-size: 14px;
        }

@media only screen and (max-width: 768px) {
    .all-campaigns-wrapper-bottom {
        height: 108px !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
        padding-bottom: 12px !important;
    }

        .all-campaigns-wrapper-bottom p {
            margin: 8px 0px !important;
        }
}

.table-responsive .dataTables_length,
.table-responsive #account-social-media-detail-table_filter,
.table-responsive #account-brands-table_filter,
.table-responsive .dataTables_info,

.table-responsive .table tr,
.table-responsive .table td {
    background-color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .table-responsive .table tr ul,
    .table-responsive .table td ul {
        width: 100%;
    }

.table-responsive .table .sorting_1 {
    background-color: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.table-responsive .table thead tr th {
    font-weight: 400;
    white-space: nowrap;
    font-size: 14px;
}

.table-responsive .table tbody tr .sorting_1,
.table-responsive .table tbody tr .sorting_1 {
    position: relative;
}

    .table-responsive .table tbody tr .sorting_1::before,
    .table-responsive .table tbody tr .sorting_1::before {
        padding: 10px;
        margin-bottom: 8px;
        border-radius: 100px;
        height: 20px !important;
        width: 20px !important;
        position: absolute;
        color: white !important;
        top: 12px;
        left: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .table-responsive .table tbody tr .sorting_1:first-child,
    .table-responsive .table tbody tr .sorting_1:first-child {
        cursor: pointer;
    }

        .table-responsive .table tbody tr .sorting_1:first-child::before,
        .table-responsive .table tbody tr .sorting_1:first-child::before {
            padding: 10px;
            margin-bottom: 8px;
            border-radius: 100px;
            height: 20px !important;
            width: 20px !important;
            position: absolute;
            color: white !important;
            top: 12px;
            left: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            content: "+";
            background-color: #33d340;
        }

@media only screen and (max-width: 1500px) {
    .table-responsive .table tbody .avatar .d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .table-responsive .table tbody .avatar .d-flex p {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .table-responsive .table tbody .avatar .d-flex span {
            margin-left: 0px !important;
        }
}

.table-responsive .table tbody .avatar p {
    margin-bottom: 0px;
    font-size: 14px;
}

.table-responsive .table tbody .avatar img {
    width: 60px;
    border-radius: 10px;
    margin-right: 8px;
}

.table-responsive .table tbody .avatar span, .social-media-accounts-avatar-span {
    background-color: #705be9;
    border-radius: 100px;
    padding: 4px 8px;
    color: #fff;
    font-size: 13px;
    margin-left: 8px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.table-responsive .table tbody .account-social-media-avatar span, .account-social-media-avatar{
    background-color: transparent !important;
    color: #000 !important;
}

.table-responsive .table tbody .account-social-media-avatar .social-icon {
    width: 32px !important;
    border-radius: 10px;
    margin-right: 8px;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-name img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-name p {
    margin: 0px 12px;
    color: #424242;
    font-size: 14px;
    font-weight: 400;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-name span {
    color: #ede8fc;
    font-size: 12px;
    font-weight: 400;
    background-color: #705be9;
    padding: 4px 8px;
    border-radius: 100px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-brand .item-brand-container {
    width: 60px;
    height: 60px;
    padding: 4px 8px;
    border: 1px solid #ede8fc;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-brand p {
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-left: 16px;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-date p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-date .item-date-first {
    color: #212121;
    margin-bottom: 8px;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-date .item-date-second {
    color: #00c781;
}

    .table-responsive .table tbody .all-campaigns-wrapper-content-item-date .item-date-second span {
        background-color: #e5fff7;
        color: #00c781;
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 100px;
        margin-left: 12px;
        border-radius: 100px;
    }

.table-responsive .table tbody .all-campaigns-wrapper-content-item-sales p {
    background-color: #ede8fc;
    color: #705be9;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-sales-again p {
    background-color: #ede8fc;
    color: #705be9;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc {
    background-color: #e5fff7;
    border-radius: 100px;
    padding: 4px 8px;
}

    .table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc .info-desc-icon {
        background-color: #00c781;
        border-radius: 100px;
        padding: 2px;
        width: 16px;
        height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc .info-desc-icon svg {
            width: 10px;
            fill: #fff;
        }

    .table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info .item-actions-info-desc span {
        margin-left: 8px;
        font-size: 12px;
        color: #00c781;
    }

.table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-info p {
    background-color: #e5fff7;
    color: #00c781;
    padding: 4px 8px;
    border-radius: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: 12px;
}

.table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .join-button {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100px;
    border: 1px solid #705be9;
    color: #705be9;
    padding: 8px 24px;
}

    .table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .join-button:hover {
        background-color: #d2caff36;
    }

.table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-button {
    margin-left: 24px;
}

    .table-responsive .table tbody .all-campaigns-wrapper-content-item-actions .item-actions-button svg {
        width: 5px;
        fill: #616161;
    }

@media only screen and (max-width: 680px) {
    .campaign-detail-all-campaigns-wrapper-content-item-name .all-campaigns-wrapper-content-item-name {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }

        .campaign-detail-all-campaigns-wrapper-content-item-name .all-campaigns-wrapper-content-item-name p {
            padding: 0px;
            margin: 0px !important;
        }
}

#campaign-detail-table_filter {
    text-align: left !important;
    padding-left: 16px;
}

.dt-hasChild .sorting_1::before {
    content: "-" !important;
    background-color: red !important;
}

@media only screen and (max-width: 600px) {
    #all-campaigns-table p,
    #all-campaigns-table span,
    #finance-my-earnings-table p,
    #finance-my-earnings-table span,
    #acccount-users-table p,
    #acccount-users-table span {
        white-space: break-spaces !important;
    }
}

#acccount-users-table tbody .avatar span {
    background-color: transparent !important;
    color: #32228b;
}

.row {
    height: 100%;
}

.wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
    width: 100%;
}

@media only screen and (max-width: 1400px) {
    .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row {
        margin-bottom: 8px;
        width: 100%;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item {
            width: 100%;
        }
}

.wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item {
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top h3 {
        margin-bottom: 0px !important;
        color: #616161;
        font-weight: 400;
    }

    .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top a {
        font-size: 14px;
        font-weight: 300;
    }

    .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top .wrapper-campaign-detail-content-files-left-item-top-input {
        position: relative;
        margin-top: 8px;
    }

        .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top .wrapper-campaign-detail-content-files-left-item-top-input input {
            position: absolute;
            top: 0px;
            left: 0px;
            opacity: 0;
            z-index: 1;
            height: 40px;
            width: 100%;
            cursor: pointer !important;
        }

            .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top .wrapper-campaign-detail-content-files-left-item-top-input input[type="file"],
            .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top .wrapper-campaign-detail-content-files-left-item-top-input input[type="file"]::-webkit-file-upload-button {
                cursor: pointer;
            }

        .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top .wrapper-campaign-detail-content-files-left-item-top-input button {
            background-color: transparent;
            cursor: pointer;
            border: none;
            padding: 8px 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            z-index: 99;
            color: #705be9;
        }

            .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-top .wrapper-campaign-detail-content-files-left-item-top-input button svg {
                min-width: 16px;
                width: 16px;
                margin-right: 16px;
                fill: #705be9;
            }

    .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom {
        margin-top: 24px;
    }

        .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom .didnt-send {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 26px;
            padding: 4px 12px;
            border-radius: 100px;
            background-color: #eeeeee;
            color: #616161;
            font-size: 13px;
            font-weight: 400;
            margin-right: 8px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

            .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom .didnt-send img {
                margin-right: 4px;
            }

        .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom .checked {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 26px;
            padding: 4px 12px;
            border-radius: 100px;
            background-color: #e5fff7;
            color: #00c781;
            font-size: 13px;
            font-weight: 400;
            margin-right: 8px;
        }

            .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom .checked .icon {
                background-color: #00c781;
                border-radius: 100px;
                width: 17px;
                height: 17px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-right: 4px;
            }

                .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom .checked .icon svg {
                    width: 10px;
                    height: 10px;
                    margin-top: 1px;
                    fill: #fff;
                }

        .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom .review {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 26px;
            padding: 4px 12px;
            border-radius: 100px;
            background-color: #fff6e3;
            color: #ffbb38;
            font-size: 13px;
            font-weight: 400;
            margin-right: 8px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

            .wrapper-campaign-detail-content-files .wrapper-campaign-detail-content-files-left-items .wrapper-campaign-detail-content-files-left-items-row .wrapper-campaign-detail-content-files-left-item .wrapper-campaign-detail-content-files-left-item-bottom .review img {
                margin-right: 4px;
            }

#finance-my-earnings-table_wrapper .first-logo img {
    min-width: 60px !important;
    width: 60px !important;
    min-height: 60px !important;
    height: 60px !important;
}

#finance-my-earnings-table_wrapper tbody .first-logo {
    padding: 0px;
    border: none;
}

    #finance-my-earnings-table_wrapper tbody .first-logo img {
        border-radius: 4px;
    }

#finance-my-earnings-table_wrapper tbody span {
    font-size: 14px;
    white-space: nowrap;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#finance-my-earnings-table_wrapper tbody .purple-text span {
    color: #705be9;
    font-weight: 600;
}

#finance-my-earnings-table_wrapper tbody .continue span {
    background-color: #e5fff7;
    padding: 4px 8px;
    border-radius: 100px;
    color: #00c781;
    font-size: 13px;
}

#finance-my-earnings-table_wrapper tbody .continue-text span {
    color: #00c781;
}

#finance-my-earnings-table_wrapper tbody .return-text span {
    color: #ffbb38;
}

#finance-my-earnings-table_wrapper tbody .cancel-text span {
    color: #ff4040;
}

#finance-my-earnings-table_wrapper tbody .completed span {
    background-color: #eeeeee;
    padding: 4px 8px;
    border-radius: 100px;
    color: #616161;
    font-size: 13px;
}

#finance-my-earnings-table_wrapper tbody .return span {
    background-color: #fff6e3;
    padding: 4px 8px;
    border-radius: 100px;
    color: #ffbb38;
    font-size: 13px;
}

#finance-my-earnings-table_wrapper tbody .cancel span {
    background-color: #ffeded;
    padding: 4px 8px;
    border-radius: 100px;
    color: #ff4040;
    font-size: 13px;
}

#finance-my-earnings-table_wrapper tbody .account .avatar {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin-right: 4px;
}

#finance-my-earnings-table_wrapper tbody .account .twitch {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #673ab7;
}

.drag-and-drop-container {
    border: 1px dashed #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 32px;
    border-radius: 8px;
}

    .drag-and-drop-container svg {
        width: 32px;
        min-width: 32px;
        fill: #616161;
    }

    .drag-and-drop-container p {
        margin-bottom: 0px;
    }

    .drag-and-drop-container .drag-and-drop-container-input {
        position: relative;
        margin-top: 12px;
        margin-bottom: 12px;
    }

        .drag-and-drop-container .drag-and-drop-container-input input {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            opacity: 0;
            height: 40px;
            min-height: 40px;
            z-index: 1;
        }

        .drag-and-drop-container .drag-and-drop-container-input button {
            background-color: #705be9;
            border-radius: 100px;
            border: none;
            color: #fff;
            padding: 8px 24px;
            font-size: 14px;
            height: 40px;
            z-index: 99;
        }

input[type="file"],
input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    .item-actions-button {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        margin-top: 12px;
    }

        .item-actions-button .item-actions-list {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
            position: relative !important;
        }

    .first-logo .d-flex {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

@media only screen and (max-width: 480px) {
    #account-social-media-table .account-social-media-avatar span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 480px) {
    #acccount-users-table .avatar span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.dtr-details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dtr-details .dtr-data {
    font-size: 14px;
    margin-bottom: 16px;
    color: #616161;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (max-width: 480px) {
    #all-campaigns-table .all-campaigns-wrapper-content-item-actions {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        #all-campaigns-table .all-campaigns-wrapper-content-item-actions .item-actions-info {
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    #all-campaigns-table .all-campaigns-wrapper-content-item-date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#finance-my-earnings-table .first-logo {
    border-bottom: 1px solid #ede8fc !important;
}

    #finance-my-earnings-table .first-logo div span {
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
    }

@media only screen and (max-width: 480px) {
    #finance-my-earnings-table .first-logo div span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

#joinCampaign .modal-body select {
    height: 45px;
    border-radius: 4px;
    padding: 4px;
    color: #757575;
    width: 100%;
    border: 1px solid #b8b8b8;
}

#supportModal .modal-body input,
#changePasswordModal .modal-body input {
    margin-bottom: 12px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    height: 45px;
    border-radius: 4px;
    color: #757575;
    width: 100%;
    border: 1px solid #b8b8b8;
}

#supportModal .modal-body textarea,
#changePasswordModal .modal-body textarea {
    padding: 12px !important;
    border-radius: 4px;
    color: #757575;
    width: 100%;
    border: 1px solid #b8b8b8;
}

.notification-wrapper .notification-list-item {
    border: 1px solid #ede8fc;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 12px;
}

    .notification-wrapper .notification-list-item:last-child {
        margin-bottom: 0px;
    }

    .notification-wrapper .notification-list-item p {
        margin-bottom: 0px;
    }

    .notification-wrapper .notification-list-item .left p {
        font-weight: 500;
        color: #424242;
        margin-right: 8px;
    }

    .notification-wrapper .notification-list-item .left span {
        font-size: 12px;
        color: #ede8fc;
        background-color: #705be9;
        border-radius: 100px;
        padding: 4px 12px;
        display: block;
    }

    .notification-wrapper .notification-list-item .right p {
        font-size: 14px;
        color: #212121;
    }



#accountInfoUpdate {
    background-color: #705be9;
    border-radius: 100px;
    border: none;
    color: #fff;
    padding: 8px 24px;
    font-size: 14px;
}

#accountBInfoUpdate {
    background-color: #705be9;
    border-radius: 100px;
    border: none;
    color: #fff;
    padding: 8px 24px;
    font-size: 14px;
}

.ck.ck-editor__main>.ck-editor__editable{
    min-height: 200px;
}

/*#region custom-theme*/
:root {
    --theme-btn-color: #705be9;
    --theme-btn-color-hover: #614dcd;
    --theme-border-color:#d0cccc;
    --theme-border-radius: 4px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c2c1c1;
    opacity: 1; /* Firefox */
  }
::-webkit-input-placeholder{
    color: #c2c1c1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c2c1c1;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #c2c1c1;;
}

/* 
kemal scrool gözükmeme şikayeti
::-webkit-scrollbar{
    display: none;
} */

::-webkit-scrollbar {
    width: 5px !important;
    background-color: #d8d8d8 !important;
}

::-webkit-scrollbar-thumb {
    background-color: #403ade !important;
}

input[type=text], input[type=number], input[type=date], input[type=datetime-local], select, textarea {
    border-color: #d0cccc !important;
}

input:read-only{
    background-color: #e5e5e5;
}

input{
    text-indent: 10px;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple
 {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 48px;
    user-select: none;
    border-color: #d0cccc !important;
    display: flex;
    overflow-y: scroll;
    -webkit-user-select: none;
}

a{
    cursor: pointer;
}

a.btn-custom {
    border-radius: 100px;
    padding: 8px 24px;
}

.btn-theme {
    background-color: var(--theme-btn-color) !important;
    border-radius: 100px;
    border: none;
    color: #fff !important;
    padding: 8px 24px;
    font-size: 14px;
}
.btn-theme:hover {
    background-color: var(--theme-btn-color-hover) !important;
}

.btn-edit {
    background-color: #5ba6e9 !important;
    border-radius: 100px;
    border: none;
    color: #fff !important;
    padding: 8px 24px;
    font-size: 14px;
}
.btn-edit:hover {
    background-color: #4489c5 !important;
}

.btn-delete {      
    border-radius: 100px;
    border: none;
    color: #fff !important;
    padding: 8px 24px;
    font-size: 14px;
    background-color: #705be9;
    border-color: #705be9;
}
.btn-delete:hover{
    opacity: 0.8;
}

.modal-footer .btn-modal-success {
    background-color: var(--theme-btn-color) !important;
    color: #fff !important;
    border: none;
}
.modal-footer .btn-modal-success:hover {
    background-color: var(--theme-btn-color-hover) !important;
}

.btn-back{
    display: flex;
    align-items: center;
    margin-right: 1rem;
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 10px;
    color: #8e8e8e !important;
    font-size: 13px;
    height: 35px;
    font-size: 14px !important;
    margin-right: 10px !important;
    border: 1px solid #c9c9c9;
}
.btn-back:hover{
    background-color: #e8e8e8;
    color: #8e8e8e;
}

.page-master-name{
    color: #bdbdbd;
    font-size: 18px;
    margin-right: 4px;
}
.page-master-name:hover{
    color: #705be9;
}
.page-name{
    color: #616161;
    font-size: 18px;
    margin-bottom: 0px;
}

.custom-input-text{
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #757575;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
}

.custom-select{
    width: 100%;
    border-radius: 4px;
    color: #757575;
    height: 45px;
    border: 1px solid #a5a5a5;
    font-size: 14px;
    padding: 0px 16px;
}

.info-icon{
    color:#e91f87;
    cursor: help;
}

#linkadmin{
    background-color: #080950;
    width: 100%;
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 0.25rem;
}

.nav-menu-item-userinfo {
    display: table-caption;
}
.nav-menu-item-userinfo #company-name {
    color: #21201E;
    white-space: nowrap;
    font-size: 18px;
    line-height: 0px;
    text-decoration: none !important;
}
.nav-menu-item-userinfo #user-name {
    color: #A3A3A3;
    white-space: nowrap;
    font-size: 14px;
}

.ck-placeholder:before{
    color: #c2c1c1 !important;
    font-weight: 300;
}
 /*#endregion custom-theme*/

 /*#region alerts*/
 .custom-alert-success{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #e5fff7;
    color: #00c781;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}

.custom-alert-success .icon{
    background-color: #00c781;
    border-radius: 100px;
    width: 17px;
    height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 4px;
}

.custom-alert-success .icon svg{
    width: 10px;
    height: 10px;
    margin-top: 1px;
    fill: #fff;
}

.custom-alert-danger{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #f5a6a6 !important;
    color: #d80606 !important;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}

.custom-alert-primary{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #a6c7f5 !important;
    color: #064ed8 !important;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}

.custom-alert-warning{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    padding: 4px 12px;
    border-radius: 100px;
    background-color: #f5e6a6 !important;
    color: #d89e06 !important;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
}
 /*#endregion alerts*/

 /*#region gallery*/
.gallery {
    display: flex;
    flex-wrap: wrap;
}
    .gallery .item-new {
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        margin: 10px;
        border-radius: 10px;
        background-color: #e8e8e8;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
        .gallery .item-new .btn {
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #705be9;
            border-radius: 1000px;
            color: #ffffff;
        }
            .gallery .item-new .btn:hover {
                background-color: #5c48ce;
                color: #ffffff;
            }
    .gallery .item-img {
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        margin: 10px;
        border-radius: 10px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .gallery .item-video {
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        margin: 10px;
        border-radius: 10px;
        background-color: #000000;
    }

        .gallery .item-video video {
            width: 100px;
            height: 100px;
            border-radius: 10px;
            z-index: -1;
        }

    .gallery .btn-gallery-delete {
        z-index: 99999999;
        float: right;
        border-radius: 100px;
        margin-top: 10px;
        margin-right: 5px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .gallery .btn-gallery-delete i {
        color:#ffffff;
        font-size: 75%;
    }
   /*#endregion gallery*/

/*#region data-tables*/
.dataTable th{
    font-weight: bold !important;
    border-top: none;
}
.dataTable .sorting_disabled{
    cursor: pointer;
}
.dataTables_empty{
    background-color: #ffffff;
    padding: 10rem !important;
    font-size: 2rem;
    text-align: center;
    color: #c8c8c8;
}
.dataTable td{
    vertical-align: middle !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: center !important;
}

.dataTables_paginate .paginate_button {
    padding: 0.5rem;
    margin-right: 3px;
    margin-left: 3px;
    color: #800080;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
}
.dataTables_paginate .paginate_button:hover {
    background-color: #f1e3f1;
}
.dataTables_paginate .paginate_button.current {
    color: #ffffff;
    background-color: #800080;
}
.dataTables_paginate .paginate_button.previous, .dataTables_paginate .paginate_button.next{
    display: none;
}
.dataTables_paginate .ellipsis{
    cursor: default;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 20px;
    color: #800080;
    cursor: default;
}

.dataTable .child td {
    background-color: #fafafa !important;
}
.dataTable .dtr-details li{
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e9e9e9;
}
.dataTable .dtr-details li:last-child{
    border-bottom: none;
}
.dataTable .dtr-title{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0.35rem;
    display: block;
}
.dataTable .dtr-data{
    margin-bottom: 1rem;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:not(.child):first-child {
    position: relative;
    padding-left: 35px;
    vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:not(.child):first-child:before {
    top: 50%;
    left: 5px;
    height: 1.3em;
    width: 1.3em;
    margin-top: -9px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;
    line-height: 1em;
    content: "";
    background-color: #efefef;
    background-image: url("../assets/icons/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.8em;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:not(.child):first-child:before {
    content: "";
    box-shadow: 0 0 0.3em #800080;
    background-image: url("../assets/icons/chevron-up.svg");
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f5f5f5 !important;
}
.table-striped tbody tr:nth-of-type(odd) td {
    background-color: #f5f5f5 !important;
}
/*#endregion data-tables*/

/*#region data-filter*/
.main-wrapper-filter{
    display: flex;
    align-items: center;
    justify-content: end;
}
.main-wrapper-filter button{
    background-color: #e1e1e1;
    width: 50px;
    float: right;
    border-radius: 100px;
}

.filter-wrapper{
    width: 100%;
    padding: 10px 20px 10px 20px;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top:0.3rem;
    -webkit-box-shadow: 0px 0px 5px #0000001a;
    box-shadow: 0px 0px 5px #0000001a;
    border-radius: 10px;
    background-color: #fff;
}
    .filter-wrapper.filter{
        display: none;
    }
    .filter-wrapper input[type=text],
    .filter-wrapper input[type=date],
    .filter-wrapper select{
        height: 48px;
        border: 1px solid #ffffff;
        color: #212529;
        border-color: var(--theme-border-color);
        border-radius: var(--theme-border-radius);
        width: 17rem;
    }
    .filter-wrapper select{
        text-indent: 10px;
        padding-right: 10px;
    }
    .filter-wrapper label{
        display: flex;
        margin-bottom: 0.25rem;
        font-size: 90%;
    }
  
    .filter-wrapper input[type=date]::-webkit-calendar-picker-indicator {
        width: 20px;
        height: 20px;
        padding-right: 10px;
        cursor: pointer;
        opacity: 0.6;
    }
    .filter-wrapper .col-checkbox{
        display: flex;
        align-items: center;
    }
    .filter-wrapper .col-checkbox label {
        white-space: nowrap;
        margin-left: 10px;
        margin-bottom: 0;
    }

    .filter-wrapper .run-filter{
        display: flex;
        align-items: center;
    }
    .filter-wrapper .run-filter a{
        background-color: #403ade;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        padding: 0px 24px;
        margin-top: 2rem;
    }
        .filter-wrapper .run-filter a span{
            color: #fff;
            display: block;
            width: 100%;
            font-size: 14px;
        }

@media only screen and (max-width: 700px) {
    .main-wrapper-filter{
        display: flex;
    }
    .filter-wrapper .col {
        width: 100%;
        display: contents;
    }
    .filter-wrapper .col-checkbox {
        display: block;
        flex-basis: inherit;
        padding-left: 0;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .filter-wrapper input[type=text],
    .filter-wrapper input[type=date],
    .filter-wrapper select {
        width: 100%;
        margin-bottom: 15px;
    }
}
/*#endregion data-filter*/

/*#region settings-modal*/
#settingsformPost .card-container {
    background-color: #f4f4f4;
    border-radius: 1rem;
}
#settingsformPost .card-container .card-title {
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #212529;
    text-align: left;
    background-color: #eaeaea;
    border-radius: 1rem 1rem 0rem 0rem;
}
#settingsformPost .card-container .card-title i {
    margin-right: 0.25rem;
}
#settingsformPost .card-container .modal-footer {
    display:flow-root;
    margin-top: 0.5rem;
}
#settingsformPost .card-container .modal-footer button {
    float: right;
}
/*#endregion settings-modal*/

/*#region tooltip*/
[data-tip] {
    position: relative;
}

    [data-tip]:before {
        content: '';
        display: none;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e91f87;
        position: absolute;
        top: 30px;
        right: 10px;
        z-index: 8;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
    }

    [data-tip]:after {
        display: none;
        content: attr(data-tip);
        position: absolute;
        top: 35px;
        padding: 6px;
        background: #e91f87;
        color: #fff;
        z-index: 9;
        line-height: 1.5;
        border-radius: 5px;
        font-weight: 200;
        word-wrap: break-word;
        width: 100%;
        min-width: 275px;
    }

    [data-tip]:hover:before,
    [data-tip]:hover:after {
        display: block;
    }
/*#endregion tooltip*/

/*#region variables*/
.cursor-pointer {
    cursor : pointer;
}
/*#endregion variables*/

.btn-excell{
    background-color:#00a068;
    font-size: 90%;
    color:#ffffff !important;
    border-radius: 10px;
}

.btn-excell:hover{
    background-color: #0cc383;
}


.btn-pink2 {
    background-color: #e91f87 !important;
    border-radius: 100px;
    border: none;
    color: #fff !important;
    padding: 8px 24px;
    font-size: 14px;
}
.btn-pink2:hover {
    background-color: #c1146d!important;
}
 .language-container{
    padding-bottom: 2rem;
    padding-top: 1rem;
 }
.language-container .btn {
    background-color: #ffffff;
    margin-right: .25rem;
    margin-left: .25rem;
}
.language-container .btn:hover {
    background-color: #fbfbfb;
}
.language-container .btn[selected] {
    border: 1px solid #757575; 
}
.language-container .btn img {
    height: 20px;
}
.language-container .btn span {
    display: inherit!important;
    font-size: .85rem;
    margin-left:.25rem;
}

/* Language Select for Login, Register etc. */
.lang-div {
 position: absolute;
 top: 8px;
 right: 16px;
}
.lang-selector {
 padding: 8px 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 font-size: 14px;
 background: white;
 cursor: pointer;
}

.lang-selector:focus {
 outline: none;
 box-shadow: 0 0 3px rgba(0, 119, 255, 0.3);
 border-color: #07f;
}

.lang-selector option {
 padding: 6px;
}