body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    background-color: #F6F7FC;
}
caption{
    display: none;
}
::placeholder{
    font-family: 'Nunito Sans', sans-serif;
}
#campaign_url {
    display: block;
    margin-top: 20px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

.input-group {
    display: flex;
    align-items: center;
}

.input-group .form-control {
    flex: 1;
    margin-right: 0;
}

.input-group .input-group-addon {
    margin-top: -32px;
    background: #7e8185;
    color: #fff;
    border: none;
    border-radius: 2px;
    float: right;
}

.addInputClass {
    display: flex;
    margin-top: -34px !important;
    float: right;
    position: relative;
    bottom: 0;
    z-index: 1111;
}

.w-100 {
    width: 98% !important;
}

.input-group-addon {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #e0af00;
    outline: none ! important;
    color: #f6f7fd;
    border-radius: 2px;
    left: 0px;
    top: 2px;
    z-index: 99;
}

.pixelListClass {
    width: 90%;
}

#combined_output {
    margin-top: 20px;
    display: flex;
}


/* #addInput,#rmInput{
    margin-top:-42px;
}
.input-group-addon{
    width: 30px;
    height: 30px;
    margin-left: 410px;
} */


/* login section */

.login-form {
    background: url('../images/Background.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.login-form .form-align-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.login-form .form-design {
    background: radial-gradient(155.32% 180.18% at 40.19% -7.75%, rgba(238, 238, 238, 0.0441) 41.72%, rgba(241, 241, 241, 0.09) 42.45%);
    border: 0.836036px solid #FFFFFF;
    box-shadow: 0px 0px 32.6054px -2.50811px rgba(0, 0, 0, 0.25);
    box-shadow: none;
}

.login-form .form-design .form-group-design {
    position: relative;
}

.login-form .form-design .form-group-design svg {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    top: 13px;
    opacity: 0.5;
}

.login-form .form-design .form-group-design input {
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50px;
    padding: 0 25px 0 55px;
}

.login-form .form-design .btn-sec .btn {
    border-radius: 50px;
}


/* login section end */


/* form sec */

.form-align-center {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 700px;
    margin: auto;
}

.form-design {
    width: 100%;
    background-color: #FEFDF1;
    padding: 30px 20px;
    box-shadow: -1px 0px 15px 1px rgb(0 0 0 / 30%);
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.form-design>.head {
    font-size: 35px;
    margin-bottom: 20px;
    color: #fff;
}

.form-design .form-group-design {
    width: 450px;
    margin: 0px auto 25px;
}

.form-design .form-group-design input {
    border: 0;
    box-shadow: inset 0px 4px 3px rgb(0 0 0 / 20%);
    height: 50px;
    font-size: 14px;
}

.form-design .btn-sec {
    text-align: center;
    margin-top: 20px;
}

.form-design .btn-sec .btn {
    background-color: #EDBA00;
    border-color: #EDBA00;
    color: #fff;
    max-width: 200px;
    width: 100%;
    padding: 10px;
    font-size: 20px;
    border-radius: 15px;
    box-shadow: inset 1px 2px 5px 0px rgb(0 0 0 / 30%);
}

.form-design .btn-sec .link {
    padding-top: 5px;
}

.form-design .btn-sec a {
    color: #000;
    font-size: 15px;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.form-design .btn-sec a:hover {
    opacity: 1;
}

form .error {
    font-size: 15px;
    color: #ff0000;
    margin: 0;
    display: block;
    padding-top: 3px;
}

.form-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
}

.form-close a {
    display: block;
    width: 100%;
    height: 100%;
}

.form-close::before,
.form-close::after {
    content: '';
    width: 80%;
    height: 3px;
    background-color: #000;
    border-radius: 10px;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    left: 10%;
    top: 45%;
    pointer-events: none;
}

.form-close::after {
    transform: rotate(-45deg);
}

.form-design .btn-sec-link {
    margin-bottom: 10px;
}

.form-design .btn-sec-link .btn {
    max-width: 230px;
}

.form-design .btn-sec-link a {
    opacity: 1;
}

.form-design .btn-sec-link a:first-child .btn {
    margin-right: 100px;
}


/* form sec end */


/* footer */

.footer-sec {
    text-align: center;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 235px;
}

.footer-sec p {
    margin: 0;
    font-size: 15px;
}


/* footer end */


/* main page */

.head-sec {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 5px solid #EDBA00;
    background-color: #262626;
    z-index: 1111;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 30px;
}

.height-fix {
    height: 80px;
}

.head-sec-logo {
    width: 130px;
    display: block;
    margin-top: -15px;
    margin-bottom: -15px;
}

select option {
    text-transform: capitalize;
}

.logout-sec {
    display: flex;
}

.logout-sec .item {
    position: relative;
    padding: 0;
    padding-right: 30px;
}

.logout-sec .switchaccount:before {
    left: -3px !important;
    top: -3px !important;
}

.logout-sec .item:before {
    background-color: transparent;
    position: absolute;
    left: -5px;
    top: -6px;
    content: '';
    width: 35px;
    height: 35px;
    z-index: -1;
    border-radius: 100%;
}

.logout-sec .item:hover::before {
    background-color: #fff;
}

.logout-sec .item:hover svg path {
    fill: #000;
}

.logout-sec .item:last-child {
    padding: 0;
}

.logout-sec .txt {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0%;
    top: -35px;
    background: #fff;
    font-size: 13px;
    padding: 10px 20px;
    display: block;
    transition: all 0.3s ease;
    border-radius: 50px;
    transform: translateX(30%);
    color: #000;
    white-space: nowrap;
}

.logout-sec .item:hover .txt {
    opacity: 0.7;
    visibility: visible;
}

.logout-sec .chkbx_toggle {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 100%;
    cursor: pointer;
}

.main-sec {
    min-height: calc(100vh - 200px);
    padding-left: 60px;
    transition: all 0.3s ease;
}

.main-sec.active {
    padding-left: 100px;
}

aside.sidemenu {
    position: fixed;
    left: auto;
    top: 0px;
    bottom: 0;
    background-color: #262626;
    max-width: 60px;
    width: 100%;
    min-height: 100%;
    padding-top: 90px;
    transition: all 0.3s ease;
    z-index: 111;
}


/********** scroll **********/

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

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    background: #868686;
}


/********** scroll end **********/

.arrowItems {
    background-color: #595959;
    position: fixed;
    left: 60px;
    bottom: 10px;
    padding: 10px;
    border-radius: 0% 100% 100% 0%;
    transition: all 0.3s ease;
    padding-left: 0px;
    opacity: 0.6;
    cursor: pointer;
    z-index: 1;
}

.arrowItems:hover {
    padding-left: 10px;
    opacity: 1;
}

.arrowItems.active {
    left: 110px;
    opacity: 1;
    padding-left: 10px;
    border-radius: 100%;
}

.arrowItems.active svg {
    transform: rotate(180deg);
}

aside.sidemenu>ol {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 3;
}

body aside.sidemenu>ol>li a {
    padding: 10px;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
    max-width: 50px;
    margin-left: 5px;
    min-height: 50px;
    position: relative;
    margin-bottom: 2px;
}

aside.sidemenu.active>ol>li a,
aside.sidemenu.active>ol>li:hover a {
    margin: auto;
}

aside.sidemenu>ol>li a span.iconTxt {
    background-color: #fff;
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    z-index: -1;
    border-radius: 30px;
    transition: all 0.3s ease;
    pointer-events: none;
    width: 0;
    overflow: hidden;
    display: block;
    opacity: 0;
    box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%);
}

aside.sidemenu.active {
    max-width: 100px;
    padding-top: 90px;
    border-right: 1px solid #262626;
}

aside.sidemenu.active>ol>li a span.iconTxt,
aside.sidemenu.active>ol>li:hover a span.iconTxt {
    width: auto;
    left: 20px;
    opacity: 1;
    background: transparent;
    font-size: 11px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 12px;
    border-radius: 0;
    z-index: 1;
    white-space: normal;
    padding: 0;
    text-shadow: none;
    box-shadow: none;
    padding-right: 5px;
}

aside.sidemenu>ol>li:hover a span.iconTxt {
    left: 0px;
    padding: 12px 30px;
    padding-left: 85px;
    width: auto;
    opacity: 1;
}

aside.sidemenu>ol>li svg {
    height: 25px;
    width: 25px;
    max-width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

aside.sidemenu.active>ol>li svg {
    left: 10px;
    top: 50%;
    width: 15px;
    height: 15px;
    transform: translate(-50%, -50%) !important;
}

aside.sidemenu>ol>li:hover svg {
    transform: translate(50%, -50%);
}

body aside.sidemenu>ol>li.active a,
body aside.sidemenu>ol>li:hover a {
    color: #151515;
    background: #fff;
    border-radius: 50px;
}

aside.sidemenu.active>ol>li a {
    max-width: 100%;
    border-radius: 0;
    min-height: 54px;
}

aside.sidemenu>ol>li a svg path {
    fill: #fff;
}

aside.sidemenu>ol>li.active a svg path,
aside.sidemenu>ol>li:hover a svg path {
    fill: #000;
}

aside.sidemenu>ol>li a.redClr svg circle {
    fill: #262626;
}

aside.sidemenu>ol>li a.redClr svg path:last-child {
    fill: #fff;
}

.table-des {
    width: 100%;
    text-align: center;
    border: 1px solid #FCCB4D;
    font-size: 15px;
}

.table-des .btn {
    font-size: 13px;
    position: relative;
}

.table-des thead {
    background-color: #FCCB4D;
}

.table-des th,
.table-des td {
    border: 1px solid rgba(252, 203, 78, 0.5);
}

.table-des td {
    padding: 10px;
}

.tableNewUi {
    background-color: #fff;
    margin: 24px 24px 0px 24px;
}

input#email_id {
    text-transform: lowercase;
}

.tableNewUi .table-des td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.tableNewUi .table-des th,
.table-des td {
    border: 0;
    border-bottom: 1px solid rgba(123, 123, 123, 0.3);
    color: #585858;
}

.tableNewUi table.dataTable thead th,
.tableNewUi table.dataTable thead td {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #212121;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-weight: 500;
}

.tableNewUi .table-des thead {
    background-color: rgba(252, 202, 77);
}

.tableNewUi .table-des {
    border: 0;
}

.tableNewUi .dataTables_paginate.paging_simple_numbers {
    padding: 10px 0;
}

.tableNewUi .paginate_button.previous,
.tableNewUi .paginate_button.next {
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    border-radius: 100% !important;
    border: 1px solid #959595 !important;
    margin-right: 10px;
    position: relative;
}

.tableNewUi .paginate_button.next {
    margin-right: 5px;
    margin-left: 10px !important;
}

.tableNewUi .paginate_button.previous::after,
.tableNewUi .paginate_button.next::after {
    content: '';
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    left: 11px;
    top: 10px;
    transform: rotate(135deg);
    opacity: 0.5;
}

.tableNewUi .paginate_button.next::after {
    transform: rotate(-45deg);
}

.tableNewUi .paginate_button {
    width: 30px;
    height: 30px;
    line-height: 25px;
    border-radius: 100% !important;
    border: 1px solid #959595 !important;
    position: relative;
    font-size: 12px;
    opacity: 0.8;
}

.tableNewUi .dataTables_wrapper .dataTables_scroll {
    clear: none;
}

.filter-sec {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    padding: 10px 20px;
}

.filter-sec-66 {
    width: 66%;
}

.search-sec {
    position: relative;
    margin-right: 5px;
    width: 35%;
    justify-content: space-evenly;
}

.search-sec img {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 36px;
}

.search-sec input,
.search-sec select,
#searchUserID,
#searchOfferID {
    background-color: #f3f3f3;
    border-radius: 100px;
    border: 1px solid #FCCB4E !important;
    font-size: 15px;
    padding: 5px 30px 5px 15px;
    width: 100%;
    text-transform: none;
    box-shadow: none !important;
}

.search-sec input:focus,
.search-sec select:focus,
#searchUserID:focus,
#searchOfferID:focus {
    background-color: #f3f3f3;
    border-radius: 100px;
    border: 2px solid #FCCB4E !important;
    font-size: 15px;
    padding: 5px 30px 5px 15px;
    width: 100%;
    text-transform: none;
    box-shadow: none !important;
}

.search-sec input[type="input"] {
    width: 100%;
    height: 36px;
}

.search-sec input[type="number"] {
    width: 100%;
    height: 36px;
}

.search-sec select {
    width: 100%;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.validationErr label.error {
    display: none !important;
}

#industry {
    text-transform: capitalize;
}

.grey-colot-btn {
    background-color: #EDBA00;
    color: #fff !important;
    transition: all 0.5s ease;
}

.checkbox-btn {
    position: relative;
}

.rmAnime {
    transition: none !important;
}

.checkbox-btn .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    bottom: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}

.checkbox-btn .checkbox+.btn .txt1 {
    display: inline;
}

.checkbox-btn .checkbox+.btn .txt2 {
    display: none;
}

.checkbox-btn .checkbox:checked+.btn .txt1 {
    display: none;
}

.checkbox-btn .checkbox:checked+.btn .txt2 {
    display: inline;
}

.checkbox-btn .checkbox:checked+.grey-colot-btn {
    background-color: #d1a402;
}

.checkbox-sec {
    display: flex;
    justify-content: center;
    width: 100%;
}

.checkbox-sec .checkbox-btn {
    margin: 0 5px;
}

@keyframes reveal {
    from {
        clip-path: inset(0 0 0 100%);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}

.total-btns {
    position: absolute;
    right: 38%;
    top: 22px;
}

.main-sec-form,
.main-sec-form1 {
    padding: 5px 50px;
}

.subBtn {
    float: left;
    background-color: #EDBA00 !important;
    border-color: #EDBA00 !important;
    color: #fff;
    max-width: 150px;
    margin-left: 0px;
    width: 100%;
    padding: 6px;
    font-size: 20px;
    border-radius: 15px;
    box-shadow: inset 1px 2px 5px 0px rgb(0 0 0 / 30%);
}

.searchBtn {
    float: left;
    background-color: #EDBA00 !important;
    border: 1px solid #EDBA00 !important;
    color: #fff;
    max-width: 120px;
    width: 100%;
    height: 36px;
    padding: 0px 15px;
    font-size: 20px;
    border-radius: 15px;
    margin: auto;
    text-align: center;
    justify-content: center;
    box-shadow: none;
    outline: none;
}

.searchBtn:hover,
.searchBtn:focus {
    border: 3px solid #80bdff !important;
    transition: border-color .10s ease-in-out, box-shadow .10s ease-in-out;
}

.main-sec-form .form-group-design {
    width: 500px;
    margin: 0px;
}

.formDesignUi.main-sec-form .form-group-design {
    max-width: 450px;
}

.main-sec-form1 .form-group-design {
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}

.main-sec-form1 .form-group-design input {
    width: 250px;
    font-size: 18px !important;
}

.main-sec-form1 .form-group-design input:focus-visible {
    outline: none !important;
    border: none !important;
}

.main-sec-form .form-group-design select,
.main-sec-form1 .form-group-design select {
    border: 0;
    box-shadow: inset 0px 4px 3px rgb(0 0 0 / 20%);
    height: 50px;
    font-size: 15px;
    color: #495057;
}

.main-sec-form .form-group-design input,
.main-sec-form1 .form-group-design input {
    border: 0;
    box-shadow: inset 0px 4px 3px rgb(0 0 0 / 20%);
    height: 50px;
    font-size: 15px;
}

.main-sec-form .btn-sec .btn,
.okaybtn {
    background-color: #EDBA00;
    border-color: #EDBA00;
    color: #fff;
    max-width: 150px;
    width: 100%;
    padding: 5px;
    font-size: 20px;
    border-radius: 15px;
    box-shadow: inset 1px 2px 5px 0px rgb(0 0 0 / 30%);
    margin-top: 20px;
}

.main-sec-form1 .btn-sec .btn {
    background-color: #EDBA00;
    border-color: #EDBA00;
    color: #fff;
    max-width: 150px;
    width: 100%;
    padding: 5px;
    font-size: 20px;
    border-radius: 15px;
    box-shadow: inset 1px 2px 5px 0px rgb(0 0 0 / 30%);
    margin-top: 10px !important;
    margin: auto;
    display: flex;
    justify-content: center;
}

.main-sec-form .link_gen {
    width: 500px;
    height: 80px;
    background-color: #FFF9E1;
}

.main-sec-form #urlSendLink {
    font-size: 15px;
}

.repo-main-sec-form .repo-form-group-design {
    margin: 0px;
    display: inline-block;
    justify-content: space-between;
}

.repo-main-sec-form {
    display: flex;
    justify-content: space-evenly;
}

.repo-main-sec-form .repo-form-group-design {
    background-color: #f3f3f3;
    border-radius: 100px;
    border: 1px solid #FCCB4E;
    font-size: 15px;
    padding: 5px 10px 5px 15px;
}

.repo-main-sec-form .repo-form-group-design .form-control {
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.repo-main-sec-form .repo-form-group-design select {
    max-width: 250px;
    width: 100%;
    height: 30px;
    min-height: 30px;
    justify-content: space-between;
}

.repo-main-sec-form .repo-form-group-design select:focus {
    max-width: 250px;
    width: 100%;
    height: 30px;
    min-height: 30px;
}

.repo-main-sec-form .repo-form-group-design input {
    max-width: 150px;
    width: 100%;
    height: 30px;
    min-height: 30px;
    padding: 0px !important;
}

.repo-main-sec-form .repo-form-group-design input:focus {
    max-width: 150px;
    width: 100%;
    height: 30px;
    min-height: 30px;
    padding: 0px !important;
}

.repo-main-sec-form .repo-form-group-design .form-control:focus {
    background-color: #f3f3f3;
    border-radius: 100px;
    border: none !important;
    font-size: 15px;
    padding: 5px 10px 5px 15px;
    outline: none !important;
    box-shadow: none !important;
}

.close-icon {
    font-size: 24px !important;
    cursor: pointer;
    color: grey;
    float: right;
    position: absolute;
    right: 30px;
    top: 40px;
}

.err {
    display: block;
    color: #ff0000;
    font-size: 15px;
}

.search-sec input:focus {
    background-color: #f3f3f3;
    border-radius: 100px;
    border: 1px solid rgb(252, 203, 78);
    font-size: 15px;
    padding: 5px 30px 5px 15px;
    outline-color: #FCCB4E;
    outline: none;
}

.search-sec input[type="input"]:focus {
    background-color: #f3f3f3;
    border-radius: 100px;
    border: 1px solid #FCCB4E;
    font-size: 15px;
    padding: 5px 30px 5px 15px;
    outline-color: #FCCB4E;
    box-shadow: 0 0 0 1px rgb(252 203 78);
}

#submit-btn:focus {
    color: #fff;
    background-color: #EDBA00;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}


/* main page end */


/* datatable */

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: none !important;
}


/* number arrows hidden */


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.dashboard-title {
    margin: 7px 20px 3px;
    font-size: 25px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 2px 10px !important;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.dropdown-filters {
    display: flex;
    justify-content: center;
    margin: auto;
}

.dropdown-filters .form-group select {
    border: none;
    box-shadow: inset 0px 4px 3px rgb(0 0 0 / 20%);
    height: 50px;
    font-size: 15px;
    margin-bottom: 12px;
}

table.dataTable thead th,
table.dataTable thead td {
    white-space: nowrap;
}


/* modal styles */

.subBtn1 {
    background-color: #EDBA00 !important;
    border-color: #EDBA00 !important;
    color: #fff;
    max-width: 320px;
    width: 100%;
    padding: 10px;
    margin: auto;
    margin-bottom: 30px;
    font-size: 28px;
    border-radius: 15px;
    box-shadow: inset 1px 2px 5px 0px rgb(0 0 0 / 30%);
    white-space: nowrap;
}

.modal-content {
    width: 97%;
    background-color: #FFFFFF;
    padding: 10px 20px;
    box-shadow: -1px 0px 15px 1px rgb(0 0 0 / 30%);
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    margin: auto;
    max-height: 410px;
    top: 200px;
    overflow: auto;
}

button#pub_show_goals {
    font-size: 15px;
    position: relative;
    border-radius: 5px;
    background: #EDBA00;
    border: none;
    padding: 6px 10px;
    color: #000;
    font-size: 12px;
}

button.save-button.disabled-button {
    background-color: gray;
    color: white;
}

button#pub_show_goals:focus:not(:focus-visible) {
    outline: none;
}

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

.modal-dialog {
    max-width: 800px;
}

.modal-body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.modal-header .close {
    font-weight: bold;
    color: #000 !important;
    font-size: 35px;
}

.btn-primary.disabled,
.btn-primary:disabled {
    cursor: not-allowed;
    background-color: #4d4d4d !important;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d !important;
    opacity: 0.3;
}

.disabled:focus,
.btn-primary:disabled:focus {
    box-shadow: none;
    background-color: #4d4d4d !important;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d !important;
    opacity: 0.3;
}

#test_btn.focus,
#acl_btn:focus,
#save_btn:focus {
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}


/* end */

.dateinfoo svg {
    width: 18px;
    text-align: left;
    margin-right: 10px;
}

.title {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 15px;
}

.drop-down-input {
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.dropDownMenu {
    Position: relative;
    left: 0;
    /* top       : 40px; */
    width: calc(100% - 50px);
    border-radius: 5px;
    margin: auto;
    padding: 0 20px;
    background: #f2f2f2;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    height: 0;
    transition: all 0.3s ease;
    overflow: hidden;
}

.dropDownMenu .checkbox-cols {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.dropDownMenu .checkbox-cols li {
    padding-right: 10px;
    width: 400px;
}

.dropDownMenu .checkbox-cols>li input {
    width: 20px;
    cursor: pointer;
}

.dropDownMenu .checkbox-cols>li label {
    font-size: 16px;
}

#dropDownCheckBoxToggle {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    height: 35px;
    opacity: 0;
    cursor: pointer;
}

.dropDownMenu.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 20px;
}

.backDropClose {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.dropDownMenu.active+.backDropClose {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

body .backbtn {
    padding: 5px 13px;
    padding-bottom: 5px;
    border-radius: 20px;
}

.btnFilter {
    position: relative;
}

.validatie-div {
    width: 100%;
    margin: auto;
    max-width: 50%;
    margin-top: 3px;
}

body .db_btns,
body .btn-success,
body .btn-secondary {
    background-color: #EFF5FF;
    border: 1px solid #262626;
    color: #262626;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: 500;
    text-shadow: 0.3px 0px #262626;
    transition: all 0.3s ease;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 20%);
}

.db_btns svg {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}

body .db_btns:hover,
body .btn-success:hover,
body .btn-secondary:hover,
body .heighlighted {
    background-color: #262626;
    color: #fff;
}

.btn-default .export-btn-form {
    display: inline;
}

.excel svg path {
    fill: #262626;
    stroke: #262626;
}

.excel:hover svg path {
    fill: #fff;
    stroke: #fff;
}

.btnFilter svg path {
    fill: #262626;
}

.btnFilter:hover>svg path {
    fill: #fff;
}

.btnFilter #filterCheckbox {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.filterDesign {
    position: absolute;
    right: 0;
    top: 40px;
    background-color: #fff;
    z-index: 11;
    padding: 8px;
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 15%);
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    min-width: 250px;
}

#filterCheckbox:checked+.filterDesign {
    opacity: 1;
    visibility: visible;
}

.filterDesign .filterInput,
.filterDesign .filterInput#searchUserID,
.filterDesign .filterInput#searchOfferID {
    background: #F7F5F7;
    border-radius: 10px;
    border: 0 !important;
    padding: 10px 10px 10px 35px;
    margin-bottom: 6px;
    max-width: 240px;
    width: 100%;
    font-size: 14px;
}

.filterDesign #industry {
    height: 40px;
    width: 98%;
}

.posRel {
    position: relative;
}

.filterDesign .posRel svg {
    position: absolute;
    top: 14px;
    left: 15px;
    width: 15px;
    height: 15px;
    opacity: 0.6;
    z-index: 11;
}

.filterDesign .posRel.iconAlign svg {
    top: 10px;
}

.marginBtm {
    margin-bottom: 0 !important;
}

.filterDesignWidth {
    min-width: 385px;
}

.filterDesignWidth .flx {
    display: flex;
    justify-content: space-between;
}

.filterDesignWidth .flx .posRel {
    padding-right: 10px;
}

.filterDesignWidth .flx .posRel:last-child {
    padding-right: 0px;
}

.filterDesignOutsideDate {
    opacity: 1;
    visibility: visible;
    position: static;
    border: 0;
    box-shadow: none;
    padding: 5px 30px;
    padding-top: 12px;
}

.filterDesignOutsideDate .flx {
    display: flex;
}

.filterDesignOutsideDate .space10 {
    width: 10px;
}

.filterDesignOutsideDate #day-clicks {
    padding-left: 35px;
}

.labelHead {
    color: #000;
    text-align: left;
    display: block;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
    font-size: 13px;
    letter-spacing: 0.4px;
    padding-bottom: 3px;
}

.filterSubDropDown {
    margin: 0;
    padding: 10px;
    list-style: none;
    text-align: left;
    /* position  : absolute; */
    /* top       : 0px; */
    /* left      : 245px; */
    background: #fff;
    min-width: 250px;
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 15%);
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    color: #000;
}

.filterSubDropDown li:last-child label {
    margin-bottom: 0;
}

.flx-full-width {
    width: 100%;
}

.filterDesign .flx-full-width .filterInput {
    max-width: 100%;
}

.filterSubDropDown {
    opacity: 1;
    visibility: visible;
    margin: 16px 0px;
}


/* .filterSubDropDown.active {
    opacity: 1;
    visibility: visible;
    margin: 16px 0px;   
} */

.disableChk {
    opacity: 0.5;
    pointer-events: none;
}

table.dataTable tbody tr>.dtfc-fixed-left,
table.dataTable tbody tr>.dtfc-fixed-right {
    z-index: 0 !important;
}

table.dataTable thead tr>.dtfc-fixed-left,
table.dataTable thead tr>.dtfc-fixed-right {
    z-index: 0 !important;
    background: #FCCB4D !important;
}

input:disabled {
    cursor: not-allowed;
}

button:disabled,
button[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}


/* select dropdown style */

.select2-container--default .select2-selection--single {
    background-color: none !important;
    border: none !important;
    border-radius: 4px;
    box-shadow: inset 0px 4px 3px rgb(0 0 0 / 20%);
    height: 50px !important;
    padding-top: 10px;
    margin-bottom: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: 10px !important;
    position: absolute;
    top: 50%;
    width: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    margin: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked+.slider {
    background-color: #2196F3;
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

.dropItems {
    position: absolute;
    right: 0;
    top: 0px;
    background-color: #fff;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
    color: #000;
    padding: 15px 20px;
    border-radius: 8px;
    min-width: 280px;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    height: 30px;
}

.chkbx_toggle:checked,
#filterCheckbox:checked {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
}

.chkbx_toggle:checked+.dropItems {
    opacity: 1;
    top: 40px;
    height: auto;
    visibility: visible;
    overflow: visible;
}

.dropItems::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid rgb(255, 255, 255);
    position: absolute;
    top: -13px;
    right: 30px;
}

.dropItems .head {
    font-size: 22px;
    padding-bottom: 10px;
    color: #000;
}

.dropItems .list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropItems .list li {
    display: flex;
    padding-bottom: 10px;
    align-items: center;
}

.dropItems .list li svg {
    opacity: 0.6;
}

.dropItems .list li:last-child {
    padding: 0px;
}

.dropItems .list li p {
    padding: 0;
    padding-left: 7px;
    padding-right: 15px;
    margin: 0;
    font-size: 14px;
}

.header-dashboard {
    padding: 20px 28px 20px 0;
    background: #fff;
    box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 5%);
    display: flex;
    position: relative;
    justify-content: space-between;
}

.formDesignUi {
    font-size: 14px;
    max-width: 500px;
    margin: auto;
    background: #fff;
    padding: 20px 50px;
    margin-top: 50px;
    border-radius: 8px;
    box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 5%);
}

.formDesignUitwoForm{
    max-width: 1000px;
}

.formDesignUitwoForm section.d-flex .form-group-design:first-child {
    margin-right: 20px;
}

.formDesignUi .form-control:disabled,
.formDesignUi .form-control[readonly] {
    background-color: #f5f5f5;
}

.formDesignUi .select2-container--default .select2-selection--single,
.formDesignUi.main-sec-form .form-group-design select,
.formDesignUi.main-sec-form .form-group-design input,
.custom-select {
    box-shadow: none !important;
    border-bottom: 1px solid #EDBA00 !important;
    border-radius: 0 !important;
    height: 40px !important;
    margin-bottom: 20px;
    padding-left: 0;
    margin-top: 15px;
}

.multiselect {
    max-width: 460px !important;
    width: 100% !important;
}

.custom-select {
    border: none;
}

.create-user .form-check-input {
    margin-top: -7px !important;
}

.formDesignUi.main-sec-form .form-group-design select,
.formDesignUi.main-sec-form .form-group-design input {
    margin-bottom: 0px;
}

button.multiselect.dropdown-toggle.custom-select.text-center {
    max-width: 452px !important;
    width: 452px !important;
}

.multiselect-container.dropdown-menu.show {
    max-width: 451px;
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.formDesignUi .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 5px;
}

#dropDownCheckBoxToggle.checked_boxes:checked {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -60px;
}

.select2-search--dropdown {
    display: block;
    padding: 0 !important;
}

.formDesignUi .btn-sec {
    text-align: center;
}

.formDesignUi .form-group-design label.headLbl {
    margin: 0;
    font-size: 12px;
    color: #a6a6a6;
    margin-bottom: -15px;
    display: block;
    position: relative;
    z-index: 1;
}

::placeholder {
    font-size: 13px;
}

.formDesignUi .dashboard-title {
    margin: 10px 20px 20px;
    text-align: center;
}

.dataTables_scrollBody {
    max-height: 55%;
    overflow: auto;
}

.dataTables_wrapper {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.dataTables_scrollHead {
    overflow: hidden;
    position: sticky !important;
    border: 0px;
    width: 100%;
    top: 0px;
    z-index: 1 !important;
}

.formDesignUi .form-group-design {
    width: 100%;
}

.paused_btn_disable {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed !important;
}

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

.ui-datepicker {
    width: 15em;
    padding: 0;
    z-index: 11111 !important;
}

.custome-error {
    display: block;
    width: 100%;
}

button.edit-button,
button.save-button {
    background: #edba00;
    border: none;
    padding: 5px 14px;
    color: #181818;
    font-size: 12px;
    border-radius: 7px;
}


/* loading */

.lds-roller {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 11111;
}

.lds-roller.active {
    opacity: 1;
    visibility: visible;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* sweet alert modifications here  */

div:where(.swal2-icon) {
    width: 4rem !important;
    height: 4rem !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    padding: 0 !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    width: 28em !important;
    padding: 0 !important;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    padding: 0.5% !important;
}

div:where(.swal2-container) button:where(.swal2-styled) {
    width: 80px !important;
    padding: 0.325em 1.5em !important;
    border-radius: 7px !important;
    color: #000 !important;
    background-color: #EDBA00 !important;
    border-color: #EDBA00 !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    color: #000000 !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: none !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1.5em !important;
    font-weight: 300 !important;
}

div:where(.swal2-container) .swal2-html-container {
    margin: 0.5em 1em 0.3em !important;
    color: #000 !important;
    font-size: 1em !important;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    margin: 0.5em auto 0 !important;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    padding: 1% !important;
}

label#goal_name-error {
    position: absolute;
    top: 30px;
}


/* loading end */


/* eye icons */

.gg-eye {
    width: 13px;
    height: 13px;
    border: solid 2px #000;
    border-radius: 75% 15%;
    position: relative;
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
}

.gg-eye:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border: solid 2px #000;
    border-radius: 50%;
    left: 2px;
    top: 2px;
}


/* eye icons end */

table.dataTable tbody th,
table.dataTable tbody td {
    border-right: 1px solid #00000017;
}

.table-mod td,
th {
    border: 1px solid #dddddd;
    padding: 10px;
    font-size: 14px;
    color: #585858;
}

button.edit-button {
    padding: 5px 19px !important;
}

#crossbutton_id {
    color: #9a9494;
    font-size: 15px;
    margin-top: -11px;
    margin-right: -18px;
    cursor: pointer;
}

#crossbutton_id:hover {
    color: #000;
}

.dropDownResMenu {
    position: absolute;
    right: 20px;
    top: 25px;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 11;
    border: 2px solid #000;
    border-radius: 10px;
}

.dropDownResTog {
    position: absolute;
    right: 20px;
    top: 25px;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 11;
    opacity: 0;
    cursor: pointer;
}

.dropDownResMenu,
.dropDownResTog {
    display: none;
}

.dropDownResMenu>span {
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    height: 2px;
    width: 70%;
    background-color: #000;
    margin: auto;
}

.dropDownResMenu>span:nth-child(2) {
    top: 48%;
}

.dropDownResMenu>span:nth-child(3) {
    top: 68%;
}

#offerTable_filter {
    display: none;
}

.topnav {
    overflow: hidden;
}

.header-dashboard a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.header-dashboard a:hover {
    background-color: #ddd;
    color: black;
}

.header-dashboard a.active {
    background-color: #04AA6D;
    color: white;
}

.topnav .icon {
    display: none;
}

.toggle-password {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 34px;
}

#icon {
    color: #000 !important;
}


/* Performance list style */

.progress {
    width: 183px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.performance-table tr td:nth-child(2) {
    /* width: 40%; */
    text-align: center;
}

.performance-table tr td:nth-child(1) {
    max-width: 100px;
    width: 59%;
    text-transform: capitalize;
}

.performance-table tr td:nth-child(3) {
    text-align: left !important;
    max-width: 65px;
    width: 100%;
    padding: 0px 10px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.performance-head {
    margin: 35px 0 30px -48px;
    text-align: center;
}

.performance-table td {
    font-size: 13px !important;
    padding: 2px !important;
}

.performance-table>tbody>tr>td {
    border: none !important;
}

.card-head {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 3px 12px;
    margin: 5px;
    filter: blur(0.4px);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: 1.5px solid #edba0085;
    min-height: 365px;
}

.card-head .text-center {
    margin: 10px 0 15px !important;
}

.progress-bar-warning {
    background-color: hsl(43.46deg 100% 63.73%);
}

@keyframes fillProgressBar {
    0% {
        width: 0;
    }
}

.tri-state-toggle {
    background: #daa521;
    box-shadow: inset 0 2px 8px 0 rgba(165, 170, 174, 0.25);
    border-radius: 24px;
    overflow: hidden;
    flex-direction: column;
    transition: all 500ms ease;
}

.tri-state-toggle {
    max-width: fit-content;
    width: 100%;
    margin: auto;
    margin-left: 50px;
    margin-right: 120px;
}

.performance-filters {
    max-width: 910px;
    width: 100%;
    margin: auto 390px;
}

.tri-state-toggle-button {
    border-radius: 22px;
    height: 37px;
    align-items: center;
    justify-content: center;
    width: auto;
    background-color: transparent;
    border: 0px solid transparent;
    margin: 2px;
    color: #FFF;
    cursor: pointer;
    transition: all 0.5s ease;
    font-size: 13px;
    padding: 4px 15px;
}

.tri-state-toggle-button.active {
    background-image: linear-gradient(-180deg, #fff 0%, #FAFAFA 81%, #F2F2F2 100%);
    border: 1px solid rgba(207, 207, 207, 0.6);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    color: #000;
    font-weight: 500;
    transition: all .5s ease-in;
}

.tri-state-toggle-button:focus {
    outline: none;
}

.progress-bar {
    animation: fillProgressBar 1s ease-in-out;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.performance-container {
    max-width: 1300px !important;
}

.performance-filters {
    display: flex;
}

#offerIdTableBody td:nth-child(2) .progress {
    width: 183px;
    margin-right: 8px;
}

#offerIdTableBody td:nth-child(1) {
    width: 67%;
}

#pubIdTableBody td:nth-child(2) .progress {
    width: 183px;
    margin-right: 8px;
}

#pubIdTableBody td:nth-child(1) {
    width: 67%;
}

.validation_button .btnFilter {
    position: static;
}


/* active paused count buttons in header  */

button.active_pause_data:hover {
    box-shadow: 1.5px 1.5px 3px 1px #3b3b3bdb;
}

.backdropsec {
    display: none;
}

.validation_db .header-dashboard a {
    padding: 0 5px;
    float: none;
    display: inline;
}

.validation_db .header-dashboard {
    box-shadow: none;
}

.dashboard-page .filterDesignOutsideDate,
.validation_db .filterDesignOutsideDate {
    padding-top: 0;
    padding-bottom: 10px;
    box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 5%);
}

body .validation_db .header-dashboard a {
    background: none;
}
.yes-info, .no-info {
    background: #1da723bd;
    border-radius: 15px;
    padding: 4px 11px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}
.no-info{
    background: #d71717c4;
}   
/* offer url css starts here */

.offerurl_db #crossbutton_id {
    position: relative;
    top: 13px;
}

.offerurl_db #selected_goals_display {
    border-radius: 4px;
    background: #0000000a;
    padding: 10px 30px;
    margin-bottom: 30px !important;
}

.offerurl_db .goals-head {
    border-bottom: 3px solid #ffc107;
    border-top: none;
    margin-bottom: 15px;
}


/* offer url css ends here */


/* all page active pause button css starts here */

button#goal_btn,
.leads-btn-close {
    margin-right: 5px;
    background: hsl(191.74deg 92% 90.2%);
    color: hsl(190.99deg 87.74% 23.21%);
    border: 1px solid hsl(192deg 74.71% 82.94%);
}

button#show_goals,
.leads-btn {
    color: #2d3b50;
    background-color: hsl(215deg 100% 90.59%);
    border: 1px solid hsl(214.52deg 97.33% 85.29%);
}

button#show_goals,
button#goal_btn,
.leads-btn-close,
.leads-btn {
    padding: 5px 8px;
    line-height: 1.4;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
}

button#goal_btn:hover,
.leads-btn-close:hover {
    background-color: #89d8ee;
    color: #052c00;
}

button#show_goals:hover,
.leads-btn:hover {
    color: #03102e;
    background-color: #99afe2;
}

body .btn-success,
body .btn-secondary,
body .btn-info {
    margin: 0px 3px;
    border-radius: 3px;
    padding: 4px 10px;
    border-radius: 3px;
}

body .btn-info {
    color: #00887a;
    background-color: #c0e3df;
    border-color: #00887a;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 20%);
}

body .btn-info:hover {
    color: #191818;
    background-color: #00887a9c;
    border-color: #4994a0;
}

body .btn-info.disabled,
body .btn-info:disabled {
    color: #00887a;
    background-color: #c0e3df;
    border-color: #17a2b8;
}

body .btn-success:disabled,
body .btn-secondary:disabled {
    background-color: #eff5ff;
    border-color: #262626;
}

.validb_form .uploadsec {
    border: 2px dashed #edba00;
    border-radius: 30px;
    padding: 15px 5px;
    width: 250px;
    text-align: center;
    margin: auto;
    cursor: pointer;
}

.validb_form .choose-input {
    width: 100%;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 10px;
}

body .validb_form .buttondiv:hover {
    text-decoration: none;
}

.validb_form input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

.validb_form .downloadbtn {
    background: #edba00;
    padding: 10px;
    padding-left: 30px;
    border-radius: 4px;
    font-size: 13px;
    width: 55%;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 20px;
}

.validb_form .download_atag {
    color: #000;
}

.validb_form .download_atag:hover {
    color: #000;
    text-decoration: none;
}

.validb_form #csv-preview table {
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.validb_form #csv-preview table tr th {
    background: #fcca4d;
    color: #000;
}

.validb_form #preview-container {
    background: #00000008;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
}

.validb_form .publisherform {
    margin-bottom: 15px;
}

.validb_form #preview-container {
    display: none;
    max-height: 300px;
    overflow-y: auto;
}


/* assign offer pages updated styles starts here */

body .btn-success:disabled {
    background-color: #eff5ff;
    border-color: #262626;
}

body .btn-secondary:disabled {
    border-color: #6C757D;
    background-color: #fafcff;
}

body .btn-success:disabled,
body .btn-secondary:disabled,
body .btn-info.disabled,
body .btn-info:disabled {
    opacity: 0.3;
    color: #000;
    pointer-events: none;
}


/* all page  active pause button css End here */


/* assign offer pages updated styles starts here */

.assignoffer-sec #editForm input:focus {
    box-shadow: none;
    border-color: #cfc7c7fa;
}

.input-group span.error.errorClassForm,
#revenue-error,
.revenue-err {
    position: absolute;
    bottom: -20px;
}

body .assignoffer-sec .model-revenue {
    width: 90%;
}

.assignoffer-sec .url-col {
    word-break: break-word !important;
    min-width: 300px;
}

.kpitable {
    min-width: 100px !important;
}

.kpicolumn {
    max-width: 150px !important;
}

.assignoffer-sec .url-col a,
.assignoffer-sec .kpicolumn,
.offerurl_db .kpicolumn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
}

.assignoffer-sec .url-col a {
    display: block;
}

.assignoffer-sec .popupsec {
    display: none;
}

.assignoffer-sec .filterDesignWidth {
    min-width: 405px;
}

.assignoffer-sec .filterDesign .filterInput {
    width: 200px !important;
}

.assignoffer-sec .modal-content label {
    font-size: 14px;
}

.assignoffer-sec .modal-content .form-control {
    height: 45px !important;
    font-size: 12px !important;
}

.assignoffer-sec .main-sec-form1 {
    padding: 5px 27px;
    margin-top: 20px;
}

.assignoffer-sec #btAdd,
.assignoffer-sec .btRemove,
.click-bait #btAdd,
.click-bait .btRemove {
    height: 43px;
    width: 38px;
    border: 0;
    padding: 0;
    font-size: 25px;
    background: #e0af00;
    outline: none ! important;
    color: #f6f7fd;
    display: inline-block;
    border-radius: 4px;
}

.assignoffer-sec .btRemove {
    background: #7e8185;
    color: #fff;
}

.assignoffer-sec .model_update_btn,
#publisher_assigned_goals .model_update_btn {
    background-color: #EDBA00;
    border-color: #EDBA00;
    color: #fff;
    max-width: 150px;
    width: 100%;
    padding: 5px;
    font-size: 15px;
    border-radius: 15px;
    box-shadow: inset 1px 2px 5px 0px rgb(0 0 0 / 30%);
    margin-top: 10px !important;
    margin: auto;
    display: flex;
    justify-content: center;
}

.assignoffer-sec .main-sec-form1 .form-group-design input,
.main-sec-form .form-group-design select,
.main-sec-form1 .form-group-design select {
    font-size: 12px !important;
    background-color: #f6f7fd;
}

#publisher_assigned_goals .lables {
    font-size: 13px !important;
    color: #000000d1 !important;
    margin-bottom: 0;
    min-width: 110px;
    width: 100%;
}

#publisher_assigned_goals #crossbutton_id {
    margin: 0;
}

#publisher_assigned_goals input[type=checkbox] {
    accent-color: #fccb4e;
}

#publisher_assigned_goals .modal-header {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

body .validation_db .header-dashboard a {
    background: none;
}


/* performance list style ends */


/* take offer url form starts */

body .take-off-url #industry-error {
    position: absolute;
    bottom: 3px;
}

body .custom-switch .custom-control-label::before {
    height: 30px !important;
    width: 50px !important;
    border-radius: 25px !important;
}

body .take-off-url .custom-switch .custom-control-label::after {
    height: 25px !important;
    width: 25px !important;
    border-radius: 25px;
}

body .take-off-url .custom-control-input:checked~.custom-control-label::before {
    border-color: #edba00 !important;
    background-color: #edba00 !important;
}

body .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(1.2rem) !important;
}

body .shorturl-para {
    font-size: 11px;
    color: #352d2d59;
    display: block;
}

.btn--doar {
    color: #fff;
    padding-right: 0;
    background-color: #495057;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 0 100%);
}

.btn--doar:hover {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
}

.btn--doar:after {
    content: "\f067";
    color: #fff;
    font-family: FontAwesome;
    display: inline-block;
    position: relative;
    right: -55px;
    transition: all 0.2s ease;
}

.btn--doar:hover:after {
    margin: -5px 15px;
    right: 0px;
    color: #f5f5f5;
}

.btn--doar1 {
    color: #fff;
    padding-right: 0;
    background-color: #495057;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 0 100%);
}

.btn--doar1:hover {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
}

.btn--doar1:after {
    content: "\f068";
    color: #fff;
    font-family: FontAwesome;
    display: inline-block;
    position: relative;
    right: -55px;
    transition: all 0.2s ease;
}

.btn--doar1:hover:after {
    margin: -5px 15px;
    right: 0px;
}

.btn--doar:hover,
.btn--doar1:hover {
    color: #f5f5f5 !important;
}

body .take-off-url #deep_link-error {
    position: absolute;
    top: 40px;
}

body .take-off-url .switch-toggle {
    padding: 15px;
    background: hsl(0deg 0% 96.08%);
    color: #000000b3;
    text-transform: capitalize;
}

body .take-off-url .copy-icon {
    color: #000000ab;
    background-color: rgb(181, 193, 213) !important;
    cursor: pointer;
    padding: 10px 10px;
    padding-top: 13px !important;
    margin-top: 15px;
    background-color: #6c757d;
    border-color: #6c757d;
    margin-left: -34px;
}

body .take-off-url #copy_item {
    align-items: center;
    display: flex;
    margin-top: 15px;
    height: 40px;
    padding: 13px;
}

body .take-off-url#industry.error+label.error {
    position: absolute;
    top: 80px;
    margin-top: -10px;
}

body .take-off-url#industry.error~.select2.select2-container {
    padding-bottom: 30px;
}

body .take-off-url .form-group-design .multiselect-native-select input[type='checkbox'] {
    margin-top: -7px;
}

body .take-off-url #check_box {
    margin-top: 0px !important;
    margin-right: 5px !important;
}

body .take-off-url .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    margin-top: 0px;
}

body .take-off-url #urlSendLink option {
    text-transform: none;
}


/* take offer url form end */


/* ppostback mangemnt start */

.pixel-mngment .formDesignUi.main-sec-form .form-group-design {
    max-width: 100%;
}

.pixel-mngment .header-dashboard a:hover {
    background: none;
}

.pixel-mngment .error {
    font-size: 11px;
    text-align: left;
}
body #partner_name-error{
    top: 80px !important;
}
.pixel-mngment .headerCombine,
.pixel-mngment .lblCombine {
    display: flex;
    margin-top: 15px;
}

.pixel-mngment .header-dashboard a {
    padding: 0;
}

.pixel-mngment .formDesignUitwoForm {
    max-width: 600px;
}

.pixel-mngment #pixel-input,
#sn-pixel-input {
    display: flex;
}


/* css for postback testing starts here */

.pixel-mngment #textPixel {
    margin-right: 10px;
}

.pixel-mngment .test-btn {
    background-color: #edba00;
    border-color: #ffffff;
    color: #fff;
    max-width: 70px;
    width: 100%;
    padding: 3px;
    font-size: 16px;
    border-radius: 7px;
    box-shadow: inset 1px 2px 5px 0px rgb(0 0 0 / 30%);
    margin-top: 20px;
    height: 40px;
}

.pixel-mngment .click-id-copy {
    background: #b5c1d5;
    padding: 10px 20px;
    border-radius: 4px;
    margin-left: -13px;
    margin-top: 17px;
}

.pixel-mngment .testpixel {
    max-width: 100%;
    width: 100%;
}

.pixel-mngment #test-pixel-id {
    max-width: 1182px;
}

.pixel-mngment #goal-testbtn {
    margin-top: 40px !important;
}

.pixel-mngment .pixel_header {
    font-weight: 600;
    font-size: 25px;
}

.pixel-mngment .label_name {
    font-weight: 700;
    font-size: 18px;
}

body .pixel-mngment .dynamicinput div {
    padding-top: 0;
    border-radius: 5px;
}


/* css for postback testing ends here */

.publisher-management .Checkbox-division li,
.publisher-management .select-all-div {
    list-style: none;
    font-size: 15px;
}

.publisher-management .Checkbox-division li label {
    cursor: pointer;
}

.publisher-management .Checkbox-division {
    display: flex;
    flex-wrap: wrap;
    max-height: 200px;
    overflow: auto;
}

.publisher-management .modal-footer {
    display: block;
    text-align: center;
}

body .publisher-management .Checkbox-division label {
    margin: 0;
}


/* ppostback mangemnt end */


/* createPublisher   start */

.create-user input#fname {
    text-transform: capitalize;
}

label#select_partner_id-error {
    position: absolute;
    bottom: -31px;
}


/* createPublisher   end */


/* sales dashboard styles */

.sales-dashboard .header-dashboard a:hover {
    background-color: #fff;
    color: black;
}

.sales-dashboard #inlineRadioOptions-error {
    position: absolute;
    width: 260px;
    bottom: -24px;
}

.sales-dashboard input[type="search"] {
    display: none;
}

.sales-dashboard .card-desgin {
    max-width: 150px;
    width: 100%;
    background: #000;
    border-radius: 10px;
}

.sales-dashboard .card-desgin input[type=radio] {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 8px;
    opacity: 0;
}

.sales-dashboard .filepewview {
    width: 100%;
}

.sales-dashboard input[type="file"] {
    display: none;
}

.sales-dashboard .upload-doc-sec {
    border: 2px dashed #edba00;
    border-radius: 30px;
    padding: 15px 5px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    height: 150px;
    max-width: 250px;
}

.sales-dashboard body .custom-file-upload {
    background: #edba00;
    padding: 10px;
    padding-left: 26px;
    border-radius: 4px;
    font-size: 13px;
    width: 70%;
    font-weight: 500;
    cursor: pointer;
    margin: 15px auto !important;
    margin-bottom: 20px;
    color: #000 !important;
    margin-bottom: 9px !important;
}

.sales-dashboard .tri-state-toggle-view {
    background: #daa521;
    box-shadow: inset 0 2px 8px 0 rgba(165, 170, 174, 0.25);
    border-radius: 24px;
    overflow: hidden;
    flex-direction: column;
    transition: all 500ms ease;
}

.sales-dashboard .tri-state-toggle-view {
    max-width: 233px;
    width: 100%;
    margin: auto;
}

.sales-dashboard .tri-state-toggle-button-view {
    border-radius: 22px;
    height: 37px;
    align-items: center;
    justify-content: center;
    width: auto;
    background-color: transparent;
    border: 0px solid transparent;
    margin: 2px;
    color: #FFF;
    cursor: pointer;
    transition: all 0.5s ease;
    font-size: 13px;
}

.sales-dashboard .tri-state-toggle-button-view.active {
    background-image: linear-gradient(-180deg, #fff 0%, #FAFAFA 81%, #F2F2F2 100%);
    border: 1px solid rgba(207, 207, 207, 0.6);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    color: #000;
    font-weight: 500;
    transition: all .5s ease-in;
}

.sales-dashboard .tri-state-toggle-button-view:focus {
    outline: none;
}

.sales-dashboard label.headLbl {
    margin: 0;
    font-size: 12px;
    color: #a6a6a6;
    margin-bottom: 7px;
    display: block;
    position: relative;
    z-index: 1;
}

.sales-dashboard .tri-state-toggle {
    max-width: 210px;
    margin: auto !important;
}

.sales-dashboard .followuptablesec {
    display: none;
}

.sales-dashboard #editModal .modal-content {
    width: 85%;
    font-size: 15px;
    height: auto;
    max-height: fit-content;
    top: 100px;
}

.sales-dashboard .followups-btns {
    display: flex;
    justify-content: center;
}

.sales-dashboard .modal-footer {
    text-align: center;
    display: block;
}

.sales-dashboard #editForm,
.sales-dashboard #DocumentForm,
.sales-dashboard .Stagesec,
.sales-dashboard .allactivieties {
    width: 70%;
    padding: 40px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin-top: 22px;
    padding-top: 10px;
}

.sales-dashboard .allactivieties {
    width: 100%;
}

.sales-dashboard .remarkptag {
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.sales-dashboard .stage-class {
    min-width: 150px;
}

.sales-dashboard #activitybtn {
    color: #000;
}

.sales-dashboard #followuptable_filter label {
    display: none;
}

.sales-dashboard .activitydetails-div {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px;
    max-width: 300px;
    width: 100%;
    border-radius: 25px;
    justify-content: space-between;
}

.sales-dashboard .activitydetails {
    margin-top: auto;
    margin-bottom: auto;
}

.sales-dashboard .activity-title {
    background: #ffc10769;
    padding: 10px 20px;
    border-radius: 25px;
    color: #000;
    width: 45%;
    max-width: 100px;
}

.sales-dashboard #selectedFile {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 190px;
    display: inline-block;
}

.sales-dashboard .activity-table td {
    border: 1px solid #dddddd;
    padding: 5px;
    color: #0000009c;
    font-size: 13px;
}

.sales-dashboard .remark-coloumn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    display: block;
}

.arrowmark{
    display: none;
}
/* sales dashboard style end */

@media(max-width:760px) {
    body .db_btns:hover,
    body .btn-success:hover,
    body .btn-secondary:hover,
    body .heighlighted {
        background-color: #EFF5FF;
        border: 1px solid #262626;
        color: #262626;
    }
    .btnFilter:hover>svg path {
        fill: #262626;
    }
    .arrowmark{
        display: block;
    }
    aside.sidemenu.active {
        max-width: 60px;
        padding: 3px;
        padding-top: 80px;
    }
    aside.sidemenu.active>ol>li svg {
        left: auto;
        right: -4px;
        top: 50%;
        width: 59% !important;
        margin: auto;
        max-width: 140px;
        height: 40%;
        transform: translate(-50%, -50%) !important;
    }
    body .offerurl_db #show_goals {
        margin-bottom: 0 !important;
    }
    body .take-off-url #industry-error {
        bottom: -3px;
        margin-bottom: 0;
        right: 0;
    }
    body .take-off-url .offer-mobilecsss {
        margin-top: -10px !important;
    }
    body .take-off-url label#goal_name-error {
        right: 0;
    }
    body .take-off-url .error {
        margin-bottom: 10px;
        text-align: right;
    }
    body .take-off-url .formDesignUi.main-sec-form .form-group-design {
        max-width: 320px;
        width: 100%;
        margin: auto;
    }
    body .take-off-url .formDesignUi {
        max-width: 370px;
    }
    body .take-off-url .formDesignUi .form-group-design label.headLbl mt-2 {
        white-space: nowrap;
    }
    body .take-off-url .d-flex {
        display: block !important;
    }
    body .take-off-url .main-sec-form .form-group-design {
        margin: auto;
    }
    .take-off-url .btn-group {
        width: 100%;
    }
    .validb_form .uploadsec {
        width: 100%;
    }
    .validb_form .choose-input {
        width: 100%;
    }
    .validb_form .d-flex {
        display: block !important;
    }
    body .validb_form label.headLbl.validation-form-offer-id {
        margin-top: 10px;
    }
    .publisher-management .modal-content {
        width: 100%;
    }
    .publisher-management .modal-title,
    .publisher-management .publisher-name {
        font-size: 13px;
    }
    .validation_db .dropdowntable {
        font-size: 12px;
    }
    aside.sidemenu>ol>li:hover a span.iconTxt {
        left: 0px;
        width: auto;
        opacity: 1;
    }
    aside.sidemenu>ol>li a span.iconTxt {
        display: none;
    }
    #sidemenuidformobi {
        display: none;
    }
    .main-sec {
        padding-left: 0px;
    }
    .arrowitemmobi {
        left: -1px;
        border-radius: 0% 100px 100px 0%;
    }
    .arrowitemmobi:after {
        content: 'Menu';
        color: #fff;
        font-size: 10px;
        margin-left: -7px;
        display: inline-block;
        vertical-align: middle;
    }
    .arrowitemmobi.active {
        border-radius: 100%;
    }
    .arrowitemmobi.active:after {
        display: none;
    }
    .main-sec.active {
        padding-left: 0px;
    }
    #sideMenuOption {
        display: none;
    }
    .arrowItems.active {
        left: 71px;
    }
    aside.sidemenu {
        padding-top: 80px;
    }
    aside.sidemenu>ol>li:hover svg {
        transform: translate(-50%, -50%);
    }
    .dataTables_scroll {
        max-height: 75%;
    }
    #pubIdTableBody td:nth-child(1) {
        width: 79%;
    }
    #offerIdTableBody td:nth-child(1) {
        width: 100%;
    }
    .performance-container .col-md-4 {
        max-width: 100% !important;
    }
    .performance-head {
        margin: 35px 0 13px 0;
        font-size: 18px !important;
        margin-top: 70px !important;
    }
    .tri-state-toggle {
        max-width: 275px;
        width: 100%;
        margin: auto;
    }
    .performance-filters,
    .cards-division {
        display: block !important;
    }
    .logout-sec .item:hover .txt {
        opacity: 0.7;
        visibility: hidden;
    }
    .performance-filters {
        display: block !important;
        max-width: 400px;
        margin: auto;
    }
    .performance-container .col-md-4 {
        max-width: 100% !important;
        margin: auto;
        max-width: 100% !important;
    }
    .head-sec-logo {
        width: 110px;
    }
    .height-fix {
        height: 50px;
    }
    .goalbackbtn {
        padding: 16px 28px !important;
    }
    .dashboard-title {
        font-size: 22px !important;
    }
    .validation_db .filterDesignWidth {
        transform: translate(38%, -10%);
    }
    .assignCamp .filterDesignWidth {
        transform: translate(38%, -30%);
    }
    .filterDesignWidth {
        min-width: 300;
        transform: translate(55%, 20%);
    }
    .validation_db .header-dashboard a {
        padding: 0;
    }
    .filterDesign .filterInput,
    .filterDesign .filterInput#searchUserID,
    .filterDesign .filterInput#searchOfferID {
        background: #c1c1c1;
        border-radius: 10px;
        border: 0 !important;
        padding: 10px 10px 10px 35px;
        max-width: 253px;
        width: 100%;
        font-size: 14px;
    }
    .filterDesign .posRel svg {
        position: absolute;
        top: 12px;
        left: 26px;
        width: 15px;
        height: 15px;
        opacity: 0.6;
        z-index: 11;
    }
    .filterDesignWidth .flx {
        display: block;
    }
    .formDesignUi {
        max-width: 310px;
        padding: 20px 20px;
        margin-top: 40px;
    }
    .filterDesignWidth .flx .posRel {
        padding: 0px;
        margin: 8px 0px;
    }
     ::placeholder,
    .main-sec-form .form-group-design select,
    .main-sec-form1 .form-group-design select,
    .select2-selection__rendered {
        font-size: 12px;
    }
    .main-sec-form .btn-sec .btn,
    .okaybtn,
    .main-sec-form1 .btn-sec .btn {
        max-width: 103px;
        width: 100%;
        padding: 5px;
        font-size: 15px;
        border-radius: 15px;
        margin-top: -6px;
    }
    .main-sec-form h2,
    #add_campaign_link h2,
    #campaign_url h2,
    #create_user h2 {
        font-size: 20px !important;
    }
    .select2-container--open .select2-dropdown--below {
        margin-top: -75px;
    }
    .logout-sec .item:hover .txt {
        opacity: 0.7;
        visibility: hidden;
    }
    .dropDownResTog~.btn-default {
        display: none;
    }
    .topnav .icon {
        display: block;
    }
    .header-dashboard {
        display: block;
        margin-top: 10px;
        padding-right: 0;
    }
    .toggleOn {
        display: block;
    }
    .db_btns {
        padding: 6px 10px !important;
        font-size: 12px !important;
        margin-bottom: 30px;
    }
    .validation_db .db_btns {
        margin-bottom: 0px;
        margin-top: 5px;
    }
    .validation_db .total-btns {
        top: 0;
        margin-bottom: 10px;
    }
    .login-form .form-design .form-group-design svg {
        left: 29px;
    }
    .dropItems {
        right: -37px;
    }
    .dropItems::after {
        right: 64px;
    }
    .dropDownResMenu,
    .dropDownResTog {
        display: block;
    }
    body .dashboard-page .db_btns {
        margin-bottom: 0;
    }
    body .dashboard-page .btn-default,
    body .validation_db .btn-default {
        margin-top: 15px !important;
        margin-bottom: -2px !important;
    }
    .dropDownResTog:checked~.btn-default {
        display: block;
        width: 100%;
        text-align: center;
        margin: 15px 0;
        margin-top: -40px;
    }
    .total-btns {
        position: relative;
        text-align: center;
        top: 105px;
        right: 0;
    }
    aside.sidemenu>ol>li a span.iconTxt {
        display: none;
    }
    .tableNewUi {
        margin: 10px 10px 0 10px;
    }
    .backdropsec {
        display: block;
    }
    #filterCheckbox:checked~.backdrop {
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9;
        background: rgb(45 45 45 / 80%);
    }
    .assignoffer-sec .filterDesign .filterInput {
        width: 300px !important;
    }
    .assignoffer-sec .filterDesignWidth {
        min-width: 285px;
    }
}

@media (max-width: 600px) {
    .tri-state-toggle {
        max-width: 275px !important;
        width: 100%;
        margin: auto;
    }
    .performance-filters {
        display: block !important;
        max-width: 400px;
        margin: auto;
    }
    .performance-container .col-md-4 {
        max-width: 100% !important;
        margin: auto;
    }
}

@media(max-width:500px) {
    .performance-filters {
        display: block !important;
    }
    .tri-state-toggle {
        max-width: 275px;
        width: 100%;
        margin: auto;
    }
    .performance-container .col-md-4 {
        max-width: 91.333333% !important;
        margin: auto;
    }
}

@media (max-width:430px) {
    .performance-container .col-md-4 {
        max-width: 100% !important;
        margin: auto;
    }
    .performance-filters {
        display: block !important;
    }
    #offerIdTableBody td:nth-child(1) {
        width: 77% !important;
    }
}