@charset "UTF-8";
@font-face {
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Material Icons Round";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/material-icons/MaterialIconsRound-Regular.woff2) format("woff2");
}
@font-face { font-family: 'Material Icons Round'; font-style: normal; font-weight: 400; src: url('fonts/material-icons/MaterialIconsRound-Regular.woff2') format('woff2'); }
.material-icons-round { font-family: 'Material Icons Round'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga';font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; cursor: pointer;}

body {
    background-color: var(--ap-gt-gray-100);
}

/* WP Menu Page Icon CSS Start */
#adminmenu #toplevel_page_affiliatepress .wp-menu-image, #adminmenu  #toplevel_page_affiliatepress_wizard .wp-menu-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
#adminmenu #toplevel_page_affiliatepress .wp-menu-image img, #adminmenu  #toplevel_page_affiliatepress_wizard .wp-menu-image img{ padding: 0 !important; opacity: 1 !important; width: 24px !important; height: 24px !important; }
/* WP Menu Page Icon CSS Over */

.ap-back-loader-container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.ap-back-loader-container .ap-back-loader{
    width: 72px;
    height: 72px;
    background: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9Ijg1IiBoZWlnaHQ9Ijg1IiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOiBhdXRvOyBkaXNwbGF5OiBibG9jazsgYmFja2dyb3VuZDogcmdiKDI1NSwgMjU1LCAyNTUpOyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxjaXJjbGUgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsPSJub25lIiBzdHJva2UtZGFzaGFycmF5PSI1MC4yNjU0ODI0NTc0MzY2OSA1MC4yNjU0ODI0NTc0MzY2OSIgc3Ryb2tlPSIjNjg1OGUwIiBzdHJva2Utd2lkdGg9IjYiIHI9IjMyIiBjeT0iNTAiIGN4PSI1MCI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIyLjEyNzY1OTU3NDQ2ODA4NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB0eXBlPSJyb3RhdGUiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSI+PC9hbmltYXRlVHJhbnNmb3JtPgo8L2NpcmNsZT48Zz48L2c+PC9nPjwhLS0gW2xkaW9dIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8gLS0+PC9zdmc+") no-repeat left top; 
    background-size: 72px auto;
}.ap-round-loader {
    width: 16px; 
    height: 16px;
    border-radius: 50%;
    border: 1.4px solid var(--ap-title-color-shadow);      
    border-top: 1.4px solid var(--ap-title-color); 
    animation: spin 1s linear infinite;
    box-sizing: border-box;
    margin:4px 32px;
}
.ap-dashboard-loader.ap-back-loader-container .ap-back-loader{ 
    background: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9Ijg1IiBoZWlnaHQ9Ijg1IiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOiBhdXRvOyBkaXNwbGF5OiBibG9jazsgYmFja2dyb3VuZDogI2Y0ZjdmYjsiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48Y2lyY2xlIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWRhc2hhcnJheT0iNTAuMjY1NDgyNDU3NDM2NjkgNTAuMjY1NDgyNDU3NDM2NjkiIHN0cm9rZT0iIzY4NThlMCIgc3Ryb2tlLXdpZHRoPSI2IiByPSIzMiIgY3k9IjUwIiBjeD0iNTAiPjxhbmltYXRlVHJhbnNmb3JtIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMi4xMjc2NTk1NzQ0NjgwODVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdHlwZT0icm90YXRlIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2NpcmNsZT48Zz48L2c+PC9nPjwvc3ZnPg==") no-repeat left top; 
}
@keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
.ap-table-status-dropdown-wrapper{
    width: 128px;
}
.el-button{
    min-height: 42px;
}
.el-button .ap-btn--loader__circles,
.ap-tsd--loader .ap-btn--loader__circles{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: var(--ap-radius-8px);
    align-items: center;
    justify-content: center;
}
.ap-btn--is-loader .ap-btn--loader__circles, .ap-tsd--loader.__ap-is-active .ap-btn--loader__circles {
    display: flex;
}
.ap-table-status-dropdown-wrapper{
    position: relative;
}
.ap-table-status-dropdown-wrapper.__ap-is-loader-active .el-select.ap-form-control{
    opacity: 0.6;
}
.ap-table-status-dropdown-wrapper .ap-tsd--loader{
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    border-radius: var(--ap-radius-6px);
    z-index: 1;
    cursor: pointer;
    background-color: rgba(255,255,255,0.55);
}
.el-button .ap-btn--loader__circles div,
.ap-tsd--loader .ap-btn--loader__circles div{
    animation: stretch running 0.5s infinite ease-out alternate;
    border-radius: 50%;
    display: block;
    height: 8px;
    width: 8px;
    animation-delay: .1s;
    margin: 0 4px;
}
.el-button .ap-btn--loader__circles div:first-child,
.ap-tsd--loader .ap-btn--loader__circles div:first-child{
    animation-delay: 0s;
    margin: 0;
}
.el-button .ap-btn--loader__circles div:last-child,
.ap-tsd--loader .ap-btn--loader__circles div:last-child{
    animation-delay: .2s;
    margin: 0;
}
.el-button .ap-btn--loader__circles  div,
.ap-tsd--loader .ap-btn--loader__circles div{
    animation-name: stretch-reverse;
}
.ap-remove-fields-close .el-select__caret::before{
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzE5MDggNi45OTcwNEM2LjIzODk2IDcuMDY1NDkgNi4xODg0NyA3LjEwMzA1IDYuMTQ0MjQgNy4xNDY4N0M0LjE3MDUzIDkuMTIwNjQgMi4xOTc2NSAxMS4wOTUyIDAuMjIyNjgzIDEzLjA2NzNDMC4wNzUzODQ2IDEzLjIxNDcgLTAuMDA3NjUzMjMgMTMuMzc3OCAwLjAzOTQ5ODkgMTMuNTg0OUMwLjEyMjUzNyAxMy45NDU5IDAuNTU2MDg2IDE0LjA4OTUgMC44NDQwMDYgMTMuODU0MUMwLjg4ODIzOCAxMy44MTc4IDAuOTI2NjI3IDEzLjc3NDggMC45NjcxMDMgMTMuNzM0M0MyLjkyOTk3IDExLjc3MjIgNC44OTI4MyA5LjgxMDE0IDYuODU1MjggNy44NDc2NEM2Ljg5OTA5IDcuODAzODIgNi45MzU4MSA3Ljc1MzMyIDYuOTgyNTUgNy42OTc4MUM3LjA0NjM5IDcuNzU4MzMgNy4wOTE0NiA3Ljc5OTIzIDcuMTM0ODUgNy44NDIyMkM5LjExOSA5LjgyNzI1IDExLjEwNCAxMS44MTE5IDEzLjA4NjUgMTMuNzk4MUMxMy4yMzI1IDEzLjk0NDYgMTMuMzkyNyAxNC4wMzM1IDEzLjYwMjIgMTMuOTg4QzEzLjk2NTIgMTMuOTA5MiAxNC4xMTY3IDEzLjQ4MDUgMTMuODg2OCAxMy4xODg0QzEzLjg0ODQgMTMuMTM5NSAxMy44MDE3IDEzLjA5NyAxMy43NTc0IDEzLjA1MjdDMTEuNzg3OSAxMS4wODIzIDkuODE4NzcgOS4xMTIyOSA3Ljg0ODQgNy4xNDI3QzcuODA0NTggNy4wOTg4OCA3Ljc1MDM0IDcuMDY1OSA3LjY5MTA4IDcuMDIwODNDNy43NTcwMSA2Ljk1MTEzIDcuNzk4MzIgNi45MDYwNSA3Ljg0MTMgNi44NjMwNkM5LjgyMjUzIDQuODgyMiAxMS44MDQ2IDIuOTAyNiAxMy43ODE2IDAuOTE3OTg4QzEzLjg3NTUgMC44MjM2NjIgMTMuOTU0IDAuNjkyNjA3IDEzLjk4NzggMC41NjQ4OUMxNC4wMzk1IDAuMzY5NTU5IDEzLjkyMSAwLjE2NDYzIDEzLjc0NTggMC4wNjU3MTJDMTMuNTY4IC0wLjAzNDg3NDkgMTMuMzQ5OCAtMC4wMTkwMTUzIDEzLjE4ODcgMC4xMDk1MzVDMTMuMTQwMyAwLjE0ODM1MiAxMy4wOTczIDAuMTk0NjggMTMuMDUzNSAwLjIzODkyMUMxMS4wODMxIDIuMjA4NTEgOS4xMTMxNiA0LjE3ODA5IDcuMTQzNjIgNi4xNDgxQzcuMDk5OCA2LjE5MTkyIDcuMDY2IDYuMjQ1NzYgNy4wMjc2MiA2LjI5NTAxQzcuMDA1MDggNi4zMDI5NCA2Ljk4MjU1IDYuMzEwNDYgNi45NjAwMiA2LjMxODM5QzYuOTI3ODkgNi4yNjQ1NSA2LjkwNTM1IDYuMjAxMTEgNi44NjIzNyA2LjE1ODUzQzQuODc5MDYgNC4xNzIyNSAyLjg5MzY2IDIuMTg4NDcgMC45MDk5MzYgMC4yMDIxOTFDMC43NTA5NTQgMC4wNDMxNzI4IDAuNTc3MzY3IC0wLjA0Njk3OSAwLjM0OTk1MiAwLjAyNTIyNjZDMC4wMTMyMTA2IDAuMTMyNDkxIC0wLjEwOTQ2OSAwLjUzNDAwMyAwLjExMDg1MyAwLjgxMDcyMkMwLjE0OTY2IDAuODU5MTM4IDAuMTk2Mzk1IDAuOTAxNzExIDAuMjQwNjI2IDAuOTQ1OTUyQzIuMjEzOTIgMi45MjAxMyA0LjE4NjggNC44OTM4OSA2LjE2MDUyIDYuODY3MjNDNi4yMDA5OSA2LjkwNzMgNi4yNDg1NiA2LjkzOTQ0IDYuMzE5MDggNi45OTcwNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    width: 14px;
    height: 14px;
}
.ap-remove-fields-close .el-select__caret svg{
    display: none;
}

@keyframes stretch-reverse {
    0% {
        transform: scale(.5);
        background-color: rgba(255, 255, 255, 1);
    }
    50% {
        background-color: rgba(255, 255, 255, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(255, 255, 255, 1);
    }
}
@-webkit-keyframes stretch-reverse {
    0% {
        transform: scale(.5);
        background-color: rgba(255, 255, 255, 1);
    }
    50% {
        background-color: rgba(255, 255, 255, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(255, 255, 255, 1);
    }
}
@-moz-keyframes stretch-reverse {
    0% {
        transform: scale(.5);
        background-color: rgba(255, 255, 255, 1);
    }
    50% {
        background-color: rgba(255, 255, 255, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(255, 255, 255, 1);
    }
}
@-o-keyframes stretch-reverse {
    0% {
        transform: scale(.5);
        background-color: rgba(255, 255, 255, 1);
    }
    50% {
        background-color: rgba(255, 255, 255, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(255, 255, 255, 1);
    }
}



/* Header Logo */
.ap-header-navbar {
    background-color: var(--ap-cl-white);
    padding: 0 32px;
    box-shadow: 1px 2px 12px rgba(184, 193, 211, 0.4);
    z-index: 2001 !important;
    position: sticky;
    top: 32px;
    left: 0;
    overflow: auto;
    white-space: nowrap;
    box-sizing: border-box;
    margin-left: -20px;
}
.ap-date-range-picker-widget-wrapper, .ap-field-flag-message-popup{
    z-index: 2000 !important;
}
.ap-header-navbar-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap-header-logo{
    padding: 10px 0px;
}
/* Header End */
.no-data-found-text{
    font-family: var(--ap-primary-font);
    color: var(--ap-title-color);
    font-weight: 400;
    font-size: var(--ap-title-font-size);
    margin-top: 30px;
}
.ap-head-wrap .el-col{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap-head-wrap{
    padding: 32px;
    align-items: center;
    border-bottom: 1px solid var(--ap-gt-gray-300);
}
.ap-head-wrap .ap-head-left{
    justify-content: flex-start;
}
.ap-head-wrap .ap-head-right{
    justify-content: flex-end;
}
.ap-page-heading{
    font-family: var(--ap-primary-font) !important;
    color: var(--ap-title-color);
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-size: var(--ap-title-font-size);
    line-height: 42px;
}
/* Listing View Design Start */
.ap-main-listing-card-container{
    margin: 32px 40px 40px 20px;
    overflow: hidden;
    padding: 0;
    min-height: 65vh;
    /*overflow: auto;*/
}
.ap-main-listing-card-container.ap-settings-main-wrapper{
    margin: 32px auto 108px auto;
    width: 1202px;
    max-width: 100%;
}
.ap-default-card{
    background-color: var(--ap-cl-white);
    border: 1.5px solid var(--ap-gt-gray-300);
    border-radius: var(--ap-radius-8px);
    padding: 0;
    position: relative;
}

/* Admin Dashboard Screen */
.ap-dashboard-count{
    background-color: transparent;
    border: none !important;
}
.dashboard-head-filter .ap-form-date-range-control{
    max-width: 400px;
}
.dashboard-head-filter{
    display: flex;
    align-items: center;
    justify-content: end;    
}
#ap-main-container .dashboard-head-filter .ap-form-date-range-control .el-range__close-icon,
.ap---manage-commisiions-page .ap-table-filter-row .ap-form-date-range-control.el-date-editor .el-range__close-icon,
.ap---manage-visits-page .ap-table-filter-row .ap-form-date-range-control.el-date-editor .el-range__close-icon,
.ap---manage-payout-page .ap-table-filter-row .ap-form-date-range-control.el-date-editor .el-range__close-icon,
.ap---imp-exp-setings-page .ap-form-date-range-control.el-date-editor .el-range__close-icon{
    position: unset;
}

.ap---manage-commisiions-page .ap-table-filter-row .el-date-editor--daterange,
.ap---manage-visits-page .ap-table-filter-row .el-date-editor--daterange,
.ap---manage-payout-page .ap-table-filter-row .el-date-editor--daterange,
.ap---imp-exp-setings-page .el-date-editor--daterange{
    gap: 8px;
}



.ap-dashboard-box{
    display: flex;
    border-radius: var(--ap-radius);    
    padding: 30px 32px 30px 32px;
    margin-top: 32px;
    background-color: var(--ap-cl-white);
    gap: 32px;
}
.ap-dashboard-box-title{
    font-size: var( --ap-poup-title-font-size);
    color: var(--ap-dt-black-350);
    font-family: var(--ap-primary-font);
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 6px;
}
.ap-dashboard-box-value{
    font-size: var(--ap-title-font-size);
    color: var(--ap-title-color);
    font-family: var(--ap-primary-font);
    line-height: 42px;
    font-weight: 600;
}
.ap-dashboard-chart-up{
    display: flex;
    padding-top: 29px;
    padding-left: 32px;
    padding-right: 31px;
    padding-bottom: 42px;
    margin-top: 32px;
    flex-direction: column;
    border-color: var(--ap-cl-white);
    border-radius: var(--ap-radius);
}
.ap-dashboard-chart-title{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-poup-title-font-size);
    color: var(--ap-heading-color);
    font-weight: 500;
    line-height: 24px;
}
.ap-dashboard-chart{
    min-height: 200px;
}
.ap-dashboard-listing-data{
    margin-top: 32px;
    border-color: var(--ap-cl-white);
    border-radius: var(--ap-radius);    
    min-height: 500px;    
}
.ap-dash-listing-title{
    color: var(--ap-heading-color);
    font-size: var(--ap-poup-title-font-size);
    font-weight: 500;
    line-height: 24px;
    font-family: var(--ap-primary-font);
    margin-bottom: 24px;
}
.ap-dash-listing-title.ap-dash-valuable-title{
    margin-bottom: 10px;
}
.ap-dashboard-chart{
    display: flex;
}
.affiliaepress-reset-icon{
    float: right;
}
.ap-dash-listing-wrapper{
    padding: 32px 32px 12px 32px;
}


/* Table Filter Style Start */
.ap-table-filter{
    padding: 48px 32px;
}
.ap-table-filter.ap-filter-padding{
    padding: 20px 32px;
}
.ap-table-filter .el-row{
    align-items: flex-end;
}
.ap-tf-btn-group {
    display: flex;
    justify-content: flex-end;
}
/* Table Filter Style Over */

#ap-main-container{
    /*display: none;*/
}

/* Empty View Data Start */
.ap-data-empty-view{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px 0;
    height: 450px;
    margin-bottom: 60px;
}
.ap-ev-right-content{
    margin-left: 40px;
}
.ap-ev-right-content h4{
    font-size: 18px;
    line-height: 20px;
    color: var(--ap-title-color);
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px;
    font-family: var(--ap-primary-font);
}
.ap-ev-right-content p{
    font-size: 15px;
    line-height: 24px;
    color: var(--ap-title-color);
    margin-bottom: 12px;
}
.ap-data-empty-view--vertical{
    flex-direction: column;
    text-align: center;
    margin: 0;
    margin-top: 8px;
}
.ap-ev-left-vector{
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ap-data-empty-view--vertical .ap-ev-right-content{
    margin-left: 0;
    font-family: var(--ap-primary-font);
}
.ap-data-empty-view--vertical .ap-ev-right-content h4{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    font-family: var(--ap-primary-font);
}
/* Empty View Data Over */

/* Table List Loader Over */
.ap-table-container {
    padding: 0px;
}
.ap-table-container .ap-tc__wrapper{
    width: 100%;
}
.ap-table-container .el-table__header-wrapper{
    overflow: visible;
}
.ap-table-container .el-table__header-wrapper table thead{
    background-color: var(--ap-cl-white);
    box-shadow: 1px 2px 8px rgba(50,104,243,0.12);
}
.ap-table-container .el-table__header-wrapper table thead tr th{
    border-bottom: 1px solid var(--ap-seperator-color);
    font-size: var(--ap-subtitle-font-size);
    padding: 13px 0;
    color: var(--ap-title-color);
    font-weight: 600;
    line-height: 24px;
    font-family: var(--ap-primary-font);
}
.el-table th {
    height: 74px; 
}
.el-table th .cell {
    white-space: normal;
    line-height: 1.2;
    height: 100%;
    box-sizing: border-box;
}
.ap-table-column-avatar{
    min-width: 32px;
}
.ap-table-container .el-table .ap-table-column-avatar-with-detail .ap-table-column-avatar{
    width: 48px;
    height: 48px;
    vertical-align: middle;
    border-radius: var(--ap-radius-circle);
    min-width: 48px;
    margin: 14px 0;
}
.ap-table-container .el-table .ap-table-column-avatar-with-detail .ap-table-column-avatar .ap-item__avatar-detail-col{
    max-width: 80%;
    display: inline-block;
}
.ap-table-column-avatar-with-detail{
    display: flex;
    align-items: center;
}
.ap-table-column-avatar-with-detail .ap-item__avatar-detail-col{
    margin-left: 16px;
}
.ap-table-column-avatar-with-detail .ap-item__avatar-detail-col .ap-item_detail-label{
    color: var(--ap-content-color);
    font-weight: 600;
    font-size: var(--ap-field-font-size);
}
.ap-table-column-avatar-with-detail .ap-item__avatar-detail-col .ap-item_detail-data{
    color: var(--ap-content-color);
    font-weight: 400;
    line-height: 6px;
    margin-bottom: 10px;
}
.ap-item_detail-label.ap-affiliate-name-col,
.ap-item_detail-data.ap-affiliate-list-email{
    line-height: 22px !important;
}
.ap-item__avatar-detail-col{
    max-width: 180px;
}
.ap-table-container .el-table__header-wrapper table thead tr th .cell{
    font-family: var(--ap-primary-font);
    color: var(--ap-field-label-color);
    font-weight: 600;
    font-size: var(--ap-content-font-size);
    line-height: 24px;
}

.ap-table-container .el-table__body-wrapper table tbody tr td .cell{
    font-size: var(--ap-content-font-size);
    font-weight: 400;
    border-bottom: none;
    line-height: 24px;    
    color: var(--ap-setting-field-label-color);
    font-family: var(--ap-primary-font);
}

.ap-table-container .el-table-column--selection .el-checkbox__inner{
    height: 20px;
    width: 20px;
}

.ap-table-container .el-table-column--selection .el-checkbox__inner::after{
    height: 9px;
    left: 7px;
    top: 2px;
}

.el-table-column--selection .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{
    height: 4px;
    top:6px;
}

.ap-table-container .ap-padding-left-cls .cell{
    padding-left: 55px !important;
}
.ap-table-container .ap-grid-status-align-center .cell{
    display: flex;
    justify-content: center;
    padding: 0 !important;
}
.ap-table-container .ap-padding-right-col .cell{
    padding-right: 20px !important;
}
/* New Style */
.ap-table-container .el-table .caret-wrapper{
    height: 24px !important;
    width: 10px;
}
.ap-table-container .el-table .sort-caret.ascending{
    border-bottom-color: var(--ap-gt-gray-500);
    top: 1px;
}
.ap-table-container .el-table .sort-caret.descending{
    border-top-color: var(--ap-gt-gray-500);
    bottom: 1px;
}
.ap-table-container .el-table .ascending .sort-caret.ascending{
    border-bottom-color: var(--ap-primary-color);
    top: 1px;
}
.ap-table-container .el-table .descending .sort-caret.descending{
    border-top-color: var(--ap-primary-color);
    bottom: 1px;
}



.ap-table-container .el-table__header-wrapper table thead tr th:nth-child(2),
.ap-table-container .el-table__body-wrapper table tbody tr td:nth-child(2){
    padding-left: 15px;
}
.el-table .cell{
    padding: 0 !important;
    overflow: visible !important;
    max-width: 90%;
}
.el-table--border::after,
.el-table--group::after,
.el-table::before{
    display: none;
}
.el-table th.el-table__cell{
    overflow: visible;
}
.el-table__row:hover .ap-table-actions-wrap{
    transform: translateX(0%);
}
.el-table__row{
    height: 64px;
}
.el-table__body-wrapper table tbody tr .el-table-column--selection{
    width: auto;
}
/*
.el-table-column--selection{
    display: block;
    width: 73px !important;
    margin-top: 10px;
}
*/
.el-table__header-wrapper .el-table-column--selection, .el-table__body-wrapper .el-table-column--selection{
    position: relative;
    z-index: 999;
}
.el-table__header-wrapper table thead tr .el-table-column--selection .el-checkbox,
.el-table__body-wrapper table tbody tr .el-table-column--selection .el-checkbox{
    position: absolute; 
    left:50%;
    transform:translate( -50%, -50% );
    top:50%;
}
.el-table__header-wrapper table thead tr .el-table-column--selection .el-checkbox{
    top:30%;
}
.ap-table-container--is-not-checkbox-control .el-table__header-wrapper table thead tr th{
    padding: 20px 32px;
}   
.ap-table-container--is-not-checkbox-control .el-table__body-wrapper table tbody tr td{
    padding: 12px 32px;
}

/* Table Action Bar */
.ap-table-actions-wrap{
    transform: translateX(200%);
    position: absolute;
    top: calc(50% - 23px);
    right: 12px;
    min-width: 60px;
}
.ap-table-actions .ap-btn--icon-without-box .ap-small-btn-icon{
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-table__row:hover .ap-table-actions-wrap{
    transform: translateX(0%);
}
.ap-table-actions{
    background: var(--ap-cl-white);
    /* border: 1px solid var(--ap-gt-gray-300); */
    border-radius: var(--ap-radius-8px);
    padding: 6px 14px;
    box-shadow: 0 8px 16px rgba(114,124,149,0.06), 0 16px 32px rgba(114,124,149,0.16);
    display: flex;
}
.ap-btn--icon-without-box {
    padding: unset;
    border-radius: var(--ap-radius-circle);
    background-color: transparent;
    border-color: transparent;
    font-weight: unset;
    color: var(--ap-content-color);
    font-size: unset;
    min-width: 32px;
    min-height: 32px;
    line-height: unset;
}
.ap-table-actions button,
.ap-table-actions span{
    margin-right: 10px;
}
.import-export-tool .ap-btn--primary.el-button.is-plain{
    padding: 10px 24px;
}
.ap-btn--second.el-button,
.ap-btn--primary.el-button.is-plain {
    padding: 10px 24px;
    line-height: 22px;
    font-weight: 500;
}
.ap-settings--main-container .ap-btn--second.el-button .ap-btn__label{
    font-size: var(--ap-button-text-size);
}
.ap-btn--second.el-button .ap-btn__label{
    font-size: var(--ap-content-font-size);
}
.is-plain.ap-btn--primary{
    background-color:var(--ap-color-primary-light-10);
}
.is-plain.ap-btn--primary:hover{
    background-color:var(--ap-primary-color);
}
.el-button.ap-btn--config{
    color: var(--el-color-primary);
    background-color: var(--ap-color-primary-light-11);
    border-color: 1px solid var(--el-color-primary-light-9);
    border-radius: var(--ap-radius-6px);
}
.el-button.ap-btn-config-popup:hover{
    color: var(--el-color-primary);
    background-color: var(--ap-front-cl-white);
    border-color: 1px solid var(--el-color-primary-light-9);
    border-radius: var(--ap-radius-6px);
}

.ap-table-container .el-table td.el-table__cell,
.ap-table-container .el-table th.el-table__cell.is-leaf {
    border-bottom: none;
}

.ap-table-container .el-table td.el-table__cell {
    border-top: var(--el-table-border);
}

.ap-table-container .el-table .el-table__row:last-child td.el-table__cell{
    border-bottom: 1px solid var(--ap-settings-separator);
}

/*
.ap-table-actions .ap-small-btn-icon svg{
    width: 16.5px;
    height: 16.5px;
    border-width: 1.5px;
    fill: var(--ap-cl-white);
    stroke: var(--ap-content-color);
}
.ap-table-actions .ap-btn--icon-without-box:hover .ap-small-btn-icon svg{
    stroke: var(--ap-cl-white);    
}
*/

.ap-table-actions .ap-btn--icon-without-box:hover{
    border-color: transparent;
    background-color: var(--ap-primary-color);
    color: var(--ap-cl-white);
}
.ap-table-actions .ap-btn--icon-without-box.ap-delete-icon:hover{
   background-color: var(--ap-sc-danger);
}
.ap-table-actions .ap-btn--icon-without-box .ap-small-btn-icon-stoke-fill-white{
    stroke: var(--ap-action-icon-color);
    fill: var(--ap-action-icon-color);
}
.ap-table-actions .ap-btn--icon-without-box:hover .ap-small-btn-icon-stoke-fill-white{
    stroke: var(--ap-cl-white);
    fill: var(--ap-cl-white);
}
.ap-table-actions .ap-btn--icon-without-box .ap-small-btn-icon-stoke-white{
    stroke: var(--ap-action-icon-color);
}
.ap-table-actions .ap-btn--icon-without-box:hover .ap-small-btn-icon-stoke-white{
    stroke: var(--ap-cl-white);
    fill: var(--ap-primary-color);
}
.ap-table-actions .ap-btn--icon-without-box .ap-small-btn-icon-fill-white{
    fill: var(--ap-action-icon-color);
}
.ap-table-actions .ap-btn--icon-without-box:hover .ap-small-btn-icon-fill-white{
    fill: var(--ap-cl-white);
}
.ap-table-actions .ap-btn--icon-without-box+.ap-btn--icon-without-box{
    margin-left: 0;
}
.ap-table-actions button:last-child,
.ap-table-actions span:last-child{
    margin-right: 0;
}
.ap-table-actions .ap-btn--icon-without-box span{
    line-height: unset;
}
.ap-table-actions .ap-btn--icon-without-box:hover svg:not(.ap-not-fill-icon svg) {
    fill: var(--ap-cl-white);
}
/* Table Amount Row Start  */
.ap-table-container .ap-apc__amount-row{
	display: flex;
	align-items: center;
    justify-content: center;
}
.ap-table-container .ap-apc__ar-body{
    line-height: 18px;
    text-align: right;
    display: inline-flex;
    flex-direction: column;
}

/* Table Amount Row Over  */

/* Table Lists Over */

/* Listing View Design Over  */

/* Status DroupDown Start */

/* .ap-status-control{
    width: 128px !important;    
} */
.ap-status-loader-wrapper.ap-status--active,
.ap-status-loader-wrapper.ap-status--rejected,
.ap-status-loader-wrapper.ap-status--pending,
.ap-status-loader-wrapper.ap-status--unpaid,
.ap-commission-status-active.ap-status--active,
.ap-status-control .el-select__wrapper{
    border-radius: var( --ap-radius-8px);    
}
.ap-status-control .el-select__selected-item{
    line-height: inherit;
    text-align: left;
    margin-left: 5px;
    font-size: var(--ap-content-font-size);
}
.ap-status-control .el-select__wrapper.is-focused{
    box-shadow: unset;
}
.ap-status--unpaid,.ap-status--unpaid .el-select__wrapper{
    background: var(--ap-status-unpaid);
}
.ap-status-loader-wrapper.ap-status--unpaid,
.ap-status--unpaid input,
.ap-status--unpaid .el-select__wrapper,
.ap-status--unpaid:hover .el-input__inner,
.ap-status--unpaid.ap-form-control .el-input.is-focus .el-input__inner{
    border: 1px solid var(--ap-status-unpaid-border);
}
.ap-status--active,.ap-status--active .el-select__wrapper{
    background: var(--ap-status-active);
}
.ap-status-loader-wrapper.ap-status--active,
.ap-commission-status-active.ap-status--active,
.ap-status--active input,
.ap-status--active .el-select__wrapper,
.ap-status--active:hover .el-input__inner,
.ap-status--active.ap-form-control .el-input.is-focus .el-input__inner{
    border: 1px solid var(--ap-status-active-border);
    text-align: left;
}
.ap-status-loader-wrapper.ap-status--active,
.ap-status-loader-wrapper.ap-status--rejected,
.ap-status-loader-wrapper.ap-status--pending,
.ap-status-loader-wrapper.ap-status--unpaid{
    height: 32px;
    align-items: center;
    font-size: var(--ap-content-font-size);
}
.ap-commission-status-active.ap-status--active{
    height: 32px;
    align-items: center;
    font-size: var(--ap-content-font-size);
    padding: 4px 25px;
}
.ap-status-control .el-select__wrapper{
    padding-left: 20px;
}
.ap-small-screen-status-dropdown .ap-status-control .el-select__wrapper{
    padding: 4px 12px;
}
.ap-status-loader-wrapper.ap-status--pending:after,
.ap-status-loader-wrapper.ap-status--active:after,
.ap-status-loader-wrapper.ap-status--rejected:after,
.ap-status-loader-wrapper.ap-status--unpaid::after,
.ap-commission-status-active.ap-status--active::after,
.ap-status-control .el-select__wrapper::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(-125%, -50%);
    width: 8px;
    height: 8px;    
    border-radius: 50%;    
}
.ap-small-screen-status-dropdown .ap-status-loader-wrapper.ap-status--pending:after,
.ap-small-screen-status-dropdown .ap-status-loader-wrapper.ap-status--active:after,
.ap-small-screen-status-dropdown .ap-status-loader-wrapper.ap-status--rejected:after,
.ap-small-screen-status-dropdown .ap-status-loader-wrapper.ap-status--unpaid::after,
.ap-small-screen-status-dropdown .ap-commission-status-active.ap-status--active::after,
.ap-small-screen-status-dropdown .ap-status-control .el-select__wrapper::after{
    width: 12px;
    height: 12px;    
    margin-left: 7px;
}
.ap-status-loader-wrapper.ap-status--active:after,
.ap-commission-status-active.ap-status--active::after,
.ap-status--active .el-select__wrapper::after{
    background-color: var(--ap-status-active-border);
}

.ap-status--pending,.ap-status--pending .el-select__wrapper{
    background: var(--ap-status-pending);
}
.ap-status-loader-wrapper.ap-status--pending,
.ap-status--pending input,
.ap-status--pending .el-select__wrapper,
.ap-status--pending:hover .el-input__inner,
.ap-status--pending.ap-form-control .el-input.is-focus .el-input__inner{
    border: 1px solid var(--ap-status-pending-border);
}
.ap-status-loader-wrapper.ap-status--pending:after,
.ap-status--pending .el-select__wrapper::after{
    background-color: var(--ap-status-pending-border);
}
.ap-status--rejected,.ap-status--rejected .el-select__wrapper{
    background: var(--ap-status-reject);
}
.ap-status-loader-wrapper.ap-status--rejected,
.ap-status--rejected input,
.ap-status--rejected .el-select__wrapper,
.ap-status--rejected:hover .el-input__inner,
.ap-status--rejected.ap-form-control .el-input.is-focus .el-input__inner{
    border: 1px solid var(--ap-status-reject-border);
}
.ap-status-loader-wrapper.ap-status--rejected:after,
.ap-status--rejected .el-select__wrapper::after{
    background-color: var(--ap-status-reject-border);
}

/* Pagination Style Start Here */

.el-pagination{
    padding: 0;
    font-weight: unset;
}
.el-pagination .btn-next, .el-pagination .btn-prev{
    padding: 0;
}
.el-pagination button:disabled{
    
}
.el-pagination .btn-prev{
    padding-right: 0;
}
.el-pagination .btn-next{
    padding-left: 0;
}

.ap-pagination{
    margin: 32px 40px 60px;
    align-items: center;
    position: relative;
    font-family: var(--ap-primary-font);
    font-weight: 400;
    font-size: var( --ap-content-font-size);
}
.ap-pagination-nav {
    display: flex;
    justify-content: flex-end;
}
.ap-pagination-nav .el-pagination.is-background .el-pager li {
    background-color: var(--ap-cl-white);
    border: 1px solid var(--ap-border-color);
    font-size: var(--ap-content-font-size);
    border-radius: var(--ap-radius-6px);
    color: var(--ap-dt-black-350);
}
.ap-pagination-nav .el-pagination .btn-prev, .el-pagination.is-background .btn-prev:disabled, .ap-pagination-nav .el-pagination .btn-next, .el-pagination.is-background .btn-next:disabled{
    background-color: var(--ap-cl-white);
    color:var(--ap-title-color);
    min-width: 16px;
    height: 16px;
}

.ap-pagination-nav .el-pagination .btn-next .el-icon, .ap-pagination-nav .el-pagination .btn-prev .el-icon{
    font-size: 15px;
    font-weight: bold;
}
.ap-pagination-nav .el-pagination.is-background .el-pager li.is-active{
    background-color: var(--ap-primary-color);    
    color: var(--ap-cl-white);
}
.ap-pagination-left,.ap-pagination-left p{
    color: var(--ap-gt-gray-600);
    font-size: var(--ap-content-font-size);
}
/*.ap-pagination-left strong{
    color: var(--ap-title-color);
    font-weight: 500;
}*/
/*
.el-select-dropdown.ap-pagination-dropdown .el-select-dropdown__list .el-select-dropdown__item::before{
    right: 8px;
}
*/

/* Pagination Style End Here */

/* Popoer style */
.ap--popover-tool-tip{
    position: relative;
}
/* Status DroupDown End */

.ap--setting-popover-tool-tip{
    width: 332px;
    font-family: var(--ap-primary-font);
    color: var(--ap-content-color);
    font-size: var(--ap-font-size-medium);
    border-radius: var(--ap-radius);
    border: 1px solid var(--ap-border-color);
    padding: 16px;
    box-shadow: 0px 12px 48px 0px var(--ap-primary-color-opacity-5);
}
.ap--setting-popover-tool-tip div:not(:first-child){
    margin-top: 20px;
}
.ap--setting-popover-tool-tip .el-popper__arrow{
    display: none;
}
.ap-gs--tabs-pb__cb-item-row-inner-field .ap-gs__cb-item-left{
    padding-left: 35px;
}
/*
.ap-gs--tabs-pb__cb-item-row-parent, .ap-gs--tabs-pb__cb-item-row-inner-field{
    margin-bottom: 0px !important;
}
*/
/* Bulk Action Style Start */
/* Bulk Action Card */
.ap-bulk-actions-card{
    box-shadow: 0 8px 16px rgba(153,161,177,0.06), 0 16px 32px rgba(153,161,177,0.16);
    padding: 16px 40px 16px 20px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 5;
    min-width: 480px;
}
.ap-bulk-actions-card .ap-bac__left-area,
.ap-bulk-actions-card .ap-bac__right-area{
    display: flex;
    align-items: center;
}
.ap-bulk-actions-card .ap-bac__left-area span{
    font-size: 32px;
    margin-right: 12px;
    color: var(--ap-primary-color);
}
.ap-bulk-actions-card .ap-bac__left-area p{
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
}
.ap-bulk-actions-card .ap-bac__right-area .ap-form-control{
    margin-right: 16px;
}
.ap-bac__close-icon{
    position: absolute;
    right: 3px;
    top: 4px;
    min-height: 20px;
    min-width: 20px;
    line-height: 1;
    padding: 0px !important;
    border: none !important;
    height: auto;
    min-height: auto;
}
.ap-bulk-actions-card .ap-bac__close-icon:hover{
    background-color: unset !important;
}
.ap-bac__close-icon span.material-icons-round{
    font-size: 16px;    
}
.ap-bac__close-icon:hover span,
.ap-bac__close-icon:focus span{
    color: var(--ap-primary-color);
}
/* Bulk Action Style Over */

.ap-action-column{
    overflow: hidden !important;
}

.ap-bulk-actions-card .ap-bac__wrapper{
    width: 100%;
}

.ap-bulk-btn--primary{
    margin-left: 15px;
    border-radius: var(--ap-radius-4px);
}

/* .ap-bulk-actions-card */
.ap-popover-container{
    position: relative;
}
.ap--popover-tool-tip{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-font-size-small);
    font-weight: 600;
}
.ap--popover-tool-tip.is-dark .el-popper__arrow:before, .ap--popover-tool-tip.el-popper.is-dark {
    background: var(--ap-primary-color);
    border: 1px solid var(--ap-primary-color);
}
.ap--popover-tool-tip.is-danger .el-popper__arrow:before,
.ap--popover-tool-tip.el-popper.is-danger{
    background: var(--ap-sc-danger);
    border: 1px solid var(--ap-sc-danger);
    color: var(--ap-cl-white);
}
/* Add Popup HTML Start */
/* padding: 32px 24px 20px 24px; */
.el-drawer__header{
    display: none;
}
.ap-add__drawer-main .el-drawer__body{
    padding: 0px !important;
}
.ap-add__drawer{
    height: 100%;
}
.ap-add__drawer-main .el-drawer__body{
    overflow: hidden;
}
.ap-add__drawer .el-drawer__close-btn{
	display: none;
}
.ap-add__drawer .ap-dlt__footer{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 24px 32px 24px 32px;
    box-shadow: 0px 0px 64px 0px #22212C1F;
    position: relative;
    bottom:-15px;
}

.ap-margin-right--sec-btn{
   margin-right: 4px;
   position: relative; 
}

.ap-add__drawer .ap-dlt__footer .ap-dlt__footer-btn{
    display: flex;
    align-items: center;
    justify-content: center;    
}

.ap-add__drawer .ap-dlt__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 56px 32px 24px 32px;
    border-bottom: 1px solid var(--ap-border-color);
}
.ap-add__drawer .ap-dlt__heading{
	color: var(--ap-title-color);
	font-size: var(--ap-front-title-font-size);
	font-weight: 600;
	line-height: 32px;
	font-family: var(--ap-primary-font);
}
.ap-add__drawer .ap-dlt__body{
	height: calc(100% - 280px);
	overflow: auto;
    padding: 24px 32px 32px 32px;      
}
.ap-dlt__form_body .ap-dlt__form_title{
	color: var(--ap-title-color);
	font-size: var(--ap-poup-title-font-size);
	font-weight: 600;
	line-height: 26px;
	font-family: var(--ap-primary-font);    
}
/* .ap-dlt__body .ap-single-field__form{
    margin-top:24px;
} */
.ap-single-switch .el-form-item{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;    
}
.ap-single-switch .el-form-item__content{
    justify-content: flex-end;
}
.ap-single-switch .el-form-item__label{
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}
.ap-single-switch .ap-form-label{
    font-weight: 400 !important;
}
.ap-top-border{
    border-top: 1px solid var(--ap-border-color);
}
.ap-top-padding-top-15{
    padding-top: 15px;
}
.ap-top-padding-top-30{
    padding-top: 30px;
}
.ap-top-padding-top-20{
    padding-top: 20px;
}
.ap-top-margin-top-20{
    margin-top: 20px;
}
.ap-top-margin-top-10{
    margin-top: 10px;
}
.ap-top-margin-top-25{
    margin-top: 25px;
}
.el-form--label-top .el-form-item .el-form-item__label{
    display: flex;
    justify-content: flex-start;
}
/* Add Popup HTML Over */

/* Form Item Error Start */
.el-form-item__error {
    color: var(--ap-sc-danger);
    font-size: 13px;
    line-height: 24px;
    left: 3px;
    margin-top: 8px;
    padding-top: 0;
    font-family: var(--ap-primary-font);
}
.el-form-item.is-error .el-select__wrapper::after ,
.el-form-item.is-error .el-input__wrapper::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23EB5160" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm1 17h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    vertical-align: middle;
}
.el-form-item.is-error .el-date-editor .el-icon.el-input__icon{
    display: none;
}
/*  Setting Page Design Start */
.ap-settings--main-container .ap-tabs--vertical__left-side{
    min-height: 75vh !important;
}
.ap-tabs--vertical__left-side .el-tabs__header.is-left{
    min-height: 75vh !important;
    background-color: var(--ap-cl-white);
}
.ap-gs--tabs-pb__content-body{
    padding: 32px 64px 32px 64px;
}
.ap-settings-tab-content-body-wrapper{
    border-left: 1px solid var(--ap-border-color);
    min-height: 900px;
}
.ap-general-settings-tabs--pb__card.ap-email-settings-tabs .ap-gs--tabs-pb__content-body:not(:last-child){
    border-bottom: 2px solid var(--ap-settings-separator);
}
.ap-tabs--vertical__left-side .el-tabs__nav-prev, .ap-tabs--vertical__left-side .el-tabs__nav-next{
    display: none;
}

.ap-general-settings--main-container{
    padding: 32px;
}
.ap-mlc-head-wrap-settings.__ap-is-groupping{
    border-bottom: none;
    padding-bottom: 0;
}
.ap-gs-tabs--pb__heading--left{
    display: flex;
    align-items: center;
}
.ap-tabs--vertical__left-side{
    height: auto;
}
.ap-tabs--vertical__left-side .el-tabs__nav-scroll{
    display: flex;
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left.is-active{
    border: 1px solid var(--ap-primary-color);
    background-color: var(--ap-primary-color);
    color: var(--ap-cl-white);
    box-shadow: 0 4px 8px rgba(18,212,136,0.06), 0 8px 16px rgba(18,212,136,0.16);
}

.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left{
    background-color: var(--ap-cl-white);
    border-radius: var(--ap-radius-10px);
    padding: 11px 24px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
    color: var(--ap-dt-black-350);
    transition: unset;
}
.ap-hw-right-btn-group{
    display: flex;
    justify-content: flex-end;
}
.ap-gs-tabs--pb__btn-group{
    align-items: center;
}
.ap-gs__cb--item{
    /* margin-top: 32px; */
}
.ap-gs__cb--item .ap-gs__cb--item-heading{
    font-size: var(--ap-title-font-size-medium);
    font-weight: 600;
    font-family: var(--ap-primary-font);
    margin-bottom: 6px;
    color: var(--ap-heading-color);
    line-height: 42px;
}
.ap-gs__cb--item .ap-gs__cb--item-heading.ap-gs__cb--item--sub-heading{
    margin-top: 29px;
}
.ap-gs__cb--item .ap-gs__cb--item-heading.ap-gs__cb--item--main-heading{
    margin-bottom: 24px;
}
.ap-email-tags-container .ap-gs__cb--item-tags-body .ap-tags--item-body:hover{
    background-color: var(--ap-tag-background-color) !important;
    border: 1px solid var(--ap-tag-border-color);
}
.ap-sec--sub-heading {
    margin: 0;
    padding: 0;
    font-family: var(--ap-primary-font);
    font-size: var(--ap-subtitle-font-size);
    line-height: 26px;
    font-weight: 500;
    color: var(--ap-heading-color);
}
.ap-gs--tabs-pb__cb-item-row .ap-gs__cb-item-left h4{
    font-size: var(--ap-field-label-size);
    line-height: 24px;
    font-weight: 400;
    color: var(--ap-content-color);
    margin-top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: var(--ap-primary-font);
}
.ap-setting-info-icon{
    margin-left: 8px;
}
.ap-gs__cb-item-right{
    text-align: right;
    display: flex;
    justify-content: flex-end;    
    flex-direction: column;
}
.ap-gs__cb-item-right .el-form-item{
    width: 100%;
}
.ap-gs__cb-item-right .el-form-item .el-form-item__content{
    display: flex;
    justify-content: flex-end;
}
.ap-field-desc{
    font-family: var(--ap-primary-font);
    color: var(--ap-dt-black-350);
    font-size: var(--ap-font-size-medium);
    margin-top: 12px;
}
/* Element Tabs */
.el-tabs--card>.el-tabs__header{
    border-bottom: none;
}
.ap-tabs .el-tabs__header{
    margin: 0;
    margin-bottom: 32px;
}
.ap-tabs.el-tabs--top .el-tabs__item.is-top:nth-child(2){
    padding-left: 24px;
}
.ap-tabs.el-tabs--top .el-tabs__item.is-top:last-child{
    padding-right: 24px;
}
.ap-tabs .el-tabs__item{
    height: auto;
    padding: 0 24px 12px 24px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;    
    line-height: unset;
}
/* Tabs - Vertical Style */
.ap-tabs--vertical__left-side{
    display: flex;
    overflow: visible;
}
.ap-tabs--vertical__left-side .el-tabs__nav-wrap,
.ap-tabs--vertical__left-side .el-tabs__nav-scroll{
    overflow: visible;
}
.ap-tabs--vertical__left-side .el-tabs__header.is-left{
    padding: 48px 32px 48px 32px;
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__nav{
    border: none;
    border-radius: 0;
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left:last-child{
    margin-bottom: 0;
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left span{
    display: flex;
    align-items: center;
    font-family: var(--ap-primary-font);
    font-weight: 400;
    font-size: var(--ap-poup-title-font-size);

}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left span i,
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left span svg{
    font-size: 24px;
    margin-right: 12px;
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__content{
    flex-basis: 100%;
}
.ap-tabs--vertical__left-side .el-tabs__header .el-tabs__nav .el-tabs__item{
    width: 190px;
    display: flex;
    justify-content: flex-start;  
    max-width: 100%;
}
/* tab */
.el-input--large .el-input__inner{
    border: none !important;
}
.el-input--large .el-input__wrapper {
   /* padding: 2px 11px; */
}
.el-input__inner:focus{
    box-shadow: unset !important;
    outline: unset !important;
}
.el-input__wrapper .el-input__inner{
    background: transparent !important;
}
.ap-gs__cb--item-body .el-form-item{
    margin-bottom: 0px !important;
}
.ap-settings-new-section {
    border: 1px solid var(--ap-settings-separator);
    margin-top: 48px;
    margin-bottom: 48px;
}
.ap-settings-new-section:last-child {
    margin-bottom: 32px;
}
.ap-gs__cb-price-field{
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.ap-btn--icon-only-box {
    padding: unset;
    border-radius: var(--ap-radius-circle);
    background-color: transparent;
    color: var(--ap-primary-color);
    font-size: unset;
    min-width: 25px;
    min-height: 25px;
    line-height: unset;
    opacity: 0;
    border: none;
}
.ap-btn--icon-only-box .ap-small-btn-icon-stoke-fill-white{
    fill:var(--ap-primary-color);
    stroke:var(--ap-primary-color);
}
.ap-btn--icon-only-box:hover{
    background-color: transparent !important;
    border: none !important;
}

.ap-item__avatar-detail-col:hover .ap-btn--icon-only-box{
    opacity: 1;
}

.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left .ap-setting-stroke-only{
    stroke: var(--ap-content-color) !important;
}

.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left .ap-setting-fill-stroke{
    fill: var(--ap-label-color) !important;
    /*stroke:var(--ap-content-color)!important;*/
}

.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left.is-active .ap-setting-fill-stroke{
    stroke: var(--ap-cl-white) !important;
    
}

.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left .ap-setting-stroke{
    stroke: var(--ap-label-color) !important;    
}

.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left.is-active .ap-setting-stroke{
    stroke: var(--ap-cl-white) !important;
}

.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left.is-active{
    box-shadow: 0 4px 8px rgba(115, 98, 249, 0.06), 0 8px 16px rgba(115, 98, 249, 0.161) !important;    
}

.ap-top-border-seperator{
    border-top: 1px solid var(--ap-border-color);
    margin-top: 30px;
}

.el-table-column--selection{
    width: 65px !important;
}

.el-table-column--selection .el-checkbox{
    margin-left: 15px !important;
}
.ap-gs--tabs-pb__cb-item-row{
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
}
.ap-gs--tabs-pb__cb-item-row .ap-gs--tabs-fields-description{
    font-weight: 400;
    font-size: var(--ap-font-size-medium);
    color: var( --ap-dt-black-350);
    line-height: 24px;
    font-family: var(--ap-primary-font);
}
.ap-form-control .el-select__input-wrapper, .ap-form-control .el-select__input-wrapper .el-select__input{
    width: 100% !important;
    border: none;
}
.el-select__wrapper.is-filterable .el-select__input-wrapper, .el-select__wrapper.is-filterable .el-select__input-wrapper  .el-select__input{
   border: none !important; 
}
.el-notification{
    top:64px !important;
}
.el-select__wrapper.is-filterable .el-select__input-wrapper .el-select__input{
    box-shadow: none !important;
    background:transparent;
}

.ap-gs__redirect-url-val{
    padding: 13px 16px;
    width: 100%;
    text-align: left;
    position: relative;
    border: 1px solid var(--ap-gt-gray-400);
    background-color: var(--ap-gt-gray-100);
    border-radius: var(--ap-radius-6px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ap-gs__redirect-url-val span.material-icons-round{
    position: absolute;
    right: 12px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--ap-dt-black-200);
}
.ap-gs__redirect-url-val span.material-icons-round:hover{
	color: var(--ap-primary-color);
}

.ap-text--primary-color{
    color: var(--ap-primary-color) !important;
}
.ap-text--danger-color{
    color: var(--ap-sc-danger) !important;
}
.ap-text--success-color{
    color: var(--ap-sc-success) !important;
}

/* Toast Notification */

.ap-toast-notification{
    background-color: var(--ap-cl-white);
    border-left: 4px solid var(--ap-sc-danger);
    padding: 8px 16px;
    border-radius: var(--ap-radius-4px);
}
.ap-toast-notification .ap-front-tn-body {
    display: flex;
    align-items: center;
}
.ap-toast-notification span {
    font-size: 16px;
    margin-right: 8px;
    color: var(--ap-dt-black-300);
}
.ap-toast-notification.--ap-error span {
    color: var(--ap-sc-danger);
}
.ap-toast-notification.--ap-warning span{
    color: var(--ap-pt-secondary-orange);
}
.ap-front-toast-notification.--ap-error p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: var(--ap-primary-font);
    color: var(--ap-dt-black-300);
}
.ap-toast-notification.--ap-error p {
    color: var(--ap-sc-danger);
}
.ap-ns--sub-module__card .ap-toast-notification.--error{
    background-color: var(--ap-cl-white);
    border-left: 4px solid var(--ap-sc-danger);
    box-shadow: 0 4px 12px rgb(114 124 149 / 16%);
    padding: 12px 16px;
    border-radius: var(--ap-radius-4px);
    display: flex;
    margin-top: 12px;
    align-items: center;
}
.ap-message-row .ap-toast-notification.--error span,
.ap-message-row .ap-toast-notification.--error a.el-link{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: var(--ap-primary-color);
}
.ap-message-row .ap-toast-notification.--error a.el-link {
    margin-left: 8px;
}
.ap-message-row .ap-toast-notification.--error a.el-link.is-underline:hover:after{
    display: none;
}
.ap-message-row .ap-toast-notification.--success{
    border-left-color: var(--ap-sc-success);
}

.ap-form-full-width-control{
    width: 100% !important;
}

.ap-padding-right-16{
   padding-right: 16px; 
}
.ap-table-creatie-avatar img{
    width: 70px;
}


/* Email Notifications Module */
.ap-email-notifications-container{
    margin: 40px 40px 40px 20px;
    margin-top: 44px;
    padding: 0;
    overflow: hidden;
    overflow-x: auto;
}
.ap-email-notifications-container .ap-mlc-head-wrap{
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
}
.ap-email-notifications-container .ap-default-card{
    padding: 32px 36px;
    min-height: 65vh;
    min-width: 1200px;    
}
.ap-email-notifications-container #ap-main-container{
    width: 100%;
}
.ap-en-left{
    height: calc(100vh - 110px);
    overflow: hidden;
    margin: 48px 32px 32px 32px;
}
.ap-en-left .ap-en-left__item{
    width: 100%;
}
.ap-en-left .ap-en-left__item .ap-en-left__item-head:first-child{
    margin: 32px 0 4px 0;
}
.ap-en-left .ap-en-left__item .ap-en-left__item-head{
    display: flex;
    justify-content: space-between;    
    align-items: center;
    margin: 16px 0 0 0;    
}
.ap-en-left .ap-en-left__item .ap-en-left__item-head .ap-page-heading{
    font-size: 16px;
    line-height: 24px;
    word-break: break-all;
    padding: 0 24px;
}
.ap-en-left .ap-en-left__item .ap-en-left__item-head .ap-btn{
    padding: 8px 12px;
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list{
    max-height: calc(100vh - 170px);
    width: 232px;
    max-width: 100%;
}
.ap-en-left_item-body--list .ap-en-left_item-body--list__add-btn{
    margin: 16px 32px 0 32px;    
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    cursor: pointer;
    border-radius: var(--ap-radius-8px);
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item:hover{
    background-color: var(--ap-primary-hover-bg-color);
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item.__ap-is-active{
    background-color: var(--ap-primary-color);
    border-radius: 7px;
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item p{
    line-height: 24px;
    color: var(--ap-content-color);
    font-weight: 500;
    margin: 12px 12px 12px 20px;
    font-family: var(--ap-primary-font);
    font-size: var(--ap-field-label-size);    
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item.__ap-is-active p{
    color: var(--ap-cl-white);
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item span.--ap-item-status{
    font-size: 12px;
    color: var(--ap-gt-gray-400);
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item span.--ap-item-status.is-enabled{
    color: var(--ap-sc-success);
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item.__ap-is-active span.--ap-item-status{
    color: var(--ap-cl-white);
    opacity: 0.32;
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item.__ap-is-active span.--ap-item-status.is-enabled{
    color: var(--ap-cl-white);
    opacity: 1;
}
.ap-email-right-content{
    padding: 32px 64px 64px 64px;
}
.ap-right-content-wrapper{
    border-left: 1px solid var(--ap-border-color);
}
.ap-email-right-content .ap-page-heading{
    font-size: var(--ap-title-font-size-medium);
}
.ap-en-body-wrap{
    width: 100%;
}
.ap-en-body-card{
    display: flex;
    flex-direction: column;
}
.ap-en-body-card .ap-mlc-head-wrap{
    padding: 0;
}
.ap-en-body-card .ap-en-body-card__content{
    flex: 1;
}
.ap-en-body-card .ap-en-body-card__content .ap-tabs{
    margin-top: 24px;
}
.ap-en-body-card .ap-en-body-card__content .ap-en-body-card__content--form .ap-toast-notification{
    margin-top: 12px;
}
.ap-en-body-card .ap-dialog-footer .ap-df-btn-group{
    padding: 24px 16px 24px 0;
}
.ap-ns--sub-module__card .ap-ns--sub-module__card--row{
    align-items: center;
    margin-bottom: 32px;
}
.ap-ns--sub-module__card .ap-ns--sub-module__card--row:last-child{
    margin-bottom: 0;
}
.ap-ns--sub-module__card .ap-ns--sub-module__card--row .ap-form-control input,
.ap-ns--sub-module__card .ap-ns--sub-module__card--row .ap-form-control .el-textarea__inner{
    background-color: var(--ap-cl-white);
}
.ap-ns--sub-module__card .ap-ns--sub-module__card--row.--is-button{
    display: flex;
    justify-content: flex-end;
}
.ap-en-status--swtich-row{
    display: flex;    
    align-items: center;
    gap: 16px;
}
.ap-en-status--swtich-row label{
    margin-bottom: 0;
}
.ap-email-right-content .el-form-item{
    margin-bottom: 0px;
}
.ap-email-tags-container{
    box-sizing: border-box;
	overflow-y: auto;
    overflow-x: hidden;
	border: 1px solid var(--ap-border-color);
	border-radius: var(--ap-radius-6px);
	padding: 20px 20px 0px 20px;
    margin-top: 35px;
    max-height : 320px;
    background-color: var(--ap-dt-black-98);
}
.ap-email-tags-container .ap-sec--sub-heading{    
    margin-bottom: 24px;
}
.ap-email-tags-container .ap-gs__cb--item-tags-body .ap-tags--item-sub-heading{
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: var(--ap-content-color);
	padding-bottom: 8px;
    font-size: var(--ap-medium-font-size);
    font-family: var(--ap-primary-font);
}
.ap-email-tags-container .ap-gs__cb--item-tags-body .ap-tags--item-body{
	margin: 12px 0px;
}
.ap-email-tags-container .ap-gs__cb--item-tags-body .ap-tags--item-body{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 12px 12px 12px 16px;
	gap: 4px;
	background: var(--ap-cl-white);
	border: 1px solid var(--ap-background-color);
    font-size: var(--ap-content-font-size);
	cursor: pointer;
    color: var(--ap-dt-black-350);
    word-break: break-all;
    font-family: var(--ap-primary-font);
    border-radius: var(--ap-radius-6px) !important;
}
.el-tabs__item{
    color: var(--ap-title-color);
}.ap-email-right-content .el-tabs__item.is-active{
    background-color: var( --ap-cl-white);
    border-radius: var(--ap-radius-8px);
}
.ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list .ap-en-left_item-body--list__item.__ap-is-active p{
    color: var(--ap-cl-white);
}

.ap-main-container-pad{
    display: flex;
}
.ap-padding-left-none{
    padding-left: 0px !important;
}
.ap-padding-right-none{
    padding-right: 0px !important;
}
.ap-main-listing-card-container .el-tabs__item{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-subtitle-font-size);
    font-weight: 500;
    align-items: flex-start;
    line-height: 24px;
    padding: 8px 24px 8px 24px;
}
.ap-notification-tabs-row{
    margin-bottom: 48px;
}
.ap-notification-item-row{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.ap-notification-item-row .el-form-item__content, .ap-notification-item-row .el-form-item__content #wp-affiliatepress_email_notification_subject_message-wrap{
    width: 100%;
}
.ap-toast-notification.--ap-warning {
    background-color: var(--ap-warning-bg-color);
    border-left: none;
    border-radius: var(--ap-radius-6px);
    padding: 4px 14px;
    border: 1px solid var(--ap-warning-back-ground-color);
}
.ap-toast-notification.--ap-warning p {
    color:var(--ap-title-color-shadow); 
}
.ap-toast-notification.--ap-warning span {
    color: var(--ap-pt-secondary-orange);
}
.ap-toast-notification p{
    font-family: var(--ap-primary-font);
    margin: 0px;
}
.ap-sm__field-helper-label{
    font-family: var(--ap-primary-font);
    margin-top: 16px;
    margin-bottom: 24px;
}
/* Notification Settings */

/* Debug Log Popup Settings Start */
.ap-dialog--debug-log{
    width: 1400px;
    max-width: 1400px;
}
.ap-debug-item__btns{
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.ap-debug-item__btns .ap-di__btn-item{
    margin-right: 16px;
}
.ap-debug-item__btns .ap-di__btn-item:last-child{
    margin-right: 0;
}
.ap-download-dropdown-label {
    font-family:var(--ap-primary-font);
    font-size: var(--ap-content-font-size);
    margin-bottom:08px;
}
.ap-download-datepicker {
    margin-top: 10px;
}
.ap-dialog--debug-log{
    width: 80% !important; 
    --el-dialog-width: 80% !important;
}
.ap-debug-dialog-box{
    padding: 0px;
}
.ap-debug-dialog-box .el-dialog__header{
    padding-top: 24px;
    padding-left: 24px;
}
.ap-debug-dialog-box .el-table th .cell{
    height: auto;
}
.ap-debug-dialog-box .ap-pagination{
    margin: unset;
    padding: 20px;
}
/* Grid Listing */
.ap-grid-list-container{
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}
.ap-grid-list-container .el-row{
    align-items: center;
    width: 100%;
}
.ap-grid-list-container .ap-card{
    display: flex;
    padding: 0 92px;
}
.ap-grid-list-container .ap-card__heading-row{
    margin-bottom: 20px;
}
.ap-dialog--debug-log-col{
    width: 100%;
}
/* Grid Listing Over */
[v-cloak] .v-cloak-affiliatepress-hidden{
    display: none;
}
.ap-tabl-debug_log_settings .ap-gs__cb--item-body{
    padding-top: 0px !important;
}
.ap-dialog-download{
    padding: 15px;
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left.is-active .ap-setting-fill-stroke-active{
    stroke: var(--ap-cl-white) ;
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left.is-active .ap-setting-fill-active{
    fill: var(--ap-cl-white) ;
}
.ap-btn--log-download{
    padding: 5px;
    margin-top: 10px;
}
.ap-gs__cb-item-right-currency-seperator{
    display: flex;
    flex-direction: column;
}
.ap-gs__cb-item-right-currency-seperator .el-form-item .el-form-item__content{
    justify-content: flex-start;
}
.ap-gs__pst-custom-price-sep{
    margin-top: 15px;
}
.ap-gs__pst-custom-price-sep .ap-form-label{
    font-size: var(--ap-font-size-medium);
}
.affiliatepress_payment_ex_position_styles{
    margin-left: 10px;
}
.ap-dialog--debug-log-body{
    min-height: 500px !important;
}
.ap-btn__plain-small-icon{
    padding: 6px 12px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    border-radius: var(--ap-radius-10px);
}
.ap-btn__plain-small-icon .ap-btn-icn{
    margin-right: 4px;
}
.ap-btn__plain-small-icon .ap-btn-lbl{
    font-size: var(--ap-content-font-size) !important;
    font-weight: 500;
    font-family: var(--ap-primary-font);
    line-height: 22px;
}
.ap-btn__plain-small-icon .ap-debug-log-icon{
    fill: var(--ap-label-color) !important;
    stroke: var(--ap-label-color) !important;
}
.ap-btn__plain-small-icon .ap-debug-log-icon-stoke{
    stroke: var(--ap-label-color) !important;
}
.ap-btn__plain-small-icon .ap-debug-log-icon-fill{
    fill: var(--ap-label-color) !important;
}
.ap-btn__plain-small-icon:hover .ap-debug-log-icon-fill{
    fill: var(--ap-primary-color) !important;
}
.ap-btn__plain-small-icon:hover .ap-debug-log-icon-stoke{
    stroke: var(--ap-primary-color) !important;
}
.ap-btn__plain-small-icon:hover .ap-debug-log-icon{
    fill: var(--ap-primary-color) !important;
    stroke: var(--ap-primary-color) !important;
}

/* Fields Style Start */

/* Fields Style Start */
.ap-customize-main-container{
    padding: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ap-customize-body-wrapper{
    width: 100%;
}

.ap-customer-field-settings-body-container {
    margin-right: 60px;
}
.ap-customer-field-settings-body-container #ap-customer-draggable-container {
    padding-top: 40px;
}
.ap-customize-body-wrapper{
    width: 100%;
}
.ap-customize-body-wrapper .ap-message-label{
    color: var(--ap-label-color);
    font-family: var(--ap-primary-font);
    font-weight: 400;
    font-size: var(--ap-field-label-size);
    line-height: 24px;
    margin-bottom: 12px;
}
.ap-customize-body-wrapper .ap-message-settings-wrapper{
    margin-bottom: 24px;
}
.ap-cfs-item-card{
    border: 1px solid var(--ap-border-color);
    border-radius: var(--ap-radius-10px);
    margin-bottom: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ap-customize-field-settings-body-container .el-row .el-col:last-child .ap-cfs-item-card{
    margin-bottom: 0;
}
.ap-cfs-item-card .ap-cfs-ic--head{
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--ap-gt-gray-400);
}
.ap-customize--edit-label-popover--actions{
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__type-label{
    display: flex;
    align-items: center;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__type-label span{
    transform: rotate(90deg);
    color: var(--ap-dt-black-100);
    margin-right: 8px;
    font-size: 20px;
    cursor: all-scroll;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__type-label p{
    color: var(--ap-dt-black-400);
    font-size: 13px;
    font-weight: normal;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__field-controls{
    display: flex;
    align-items: center;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__field-controls .ap-cfs-ic--head__fc-swtich{
    margin-right: 12px;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__field-controls .ap-cfs-ic--head__fc-swtich label{
    font-size: 12px;
    color: var(--ap-title-color);
    margin-left: 6px;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__field-controls .ap-cfs-ic--head__fc-swtich .ap-swtich-control .el-switch__core{
    width: 26px !important;
    height: 14px;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__field-controls .ap-cfs-ic--head__fc-swtich .ap-swtich-control .el-switch__core::after{
    width: 9px;
    height: 9px;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__field-controls .ap-cfs-ic--head__fc-swtich .ap-swtich-control.is-checked .el-switch__core::after{
    margin-left: -10px;
}
.ap-cfs-item-card .ap-cfs-ic--head .ap-cfs-ic--head__field-controls .ap-cfs-ic--head__fc-actions .ap-btn--icon-without-box+.ap-btn--icon-without-box{
    margin-left: 0;
}
.ap-cfs-item-card .ap-cfs-ic--body{
    padding: 16px 20px;
    box-sizing: border-box;
}
.ap-cfs-item-card .ap-cfs-ic--body .ap-cfs-ic--body__field-preview .ap-form-control input{
    background-color: var(--ap-cl-white);
}
.ap-cmb-step-preview{
    min-height: calc(100vh - 84px);
}
.ap-cfs-ic--head__type-label-heading{
    color: var(--ap-title-color);
    font-weight: 500;
    font-size: var(--ap-subtitle-font-size);
}
.ap-field-settings-edit-container{
    flex-direction: column;
    padding: 5px 12px;
    max-width: 430px;
    min-width: 300px;
}
.ap-field-settings-edit-container .ap-fs-item-settings-form-control-item{
    margin-bottom: 12px;
}
.ap-field-settings-edit-popover{
    min-width: 300px;
}
.ap-fs-item-settings-form-control-item .ap-form-label{
    color: var(--ap-field-label-color);    
}
.ap-csf-field-required{
    color: var(--ap-title-color);
    font-weight: 500;
    line-height: 22px;
    font-size: var(--ap-place-holder-font-size);
    font-family: var(--ap-primary-font);
}
.ap-cfs-ic--body__field-preview .ap-form-label{
    font-size: var(--ap-place-holder-font-size);
    color: var(--ap-dt-black-300);
}
.ap-cfs-ic--head-drag-icon{
    margin-right: 8px;
}
/* Fields Style Over */
.ap-cfs-settings:hover{
    cursor: pointer;
}
.ap-customize-field-settings-body-container .list-group{
    width: 100%;
}
.ap-cfs-ic--head-drag-icon:hover{
    cursor: move;
}
.ap-gs__cb-item-set-col{
    flex-direction: column;
}
.ap-frm-disable-active-txt .el-input__wrapper, .ap-frm-disable-active-txt input[readonly]{
    color: var(--ap-disable-text-color) !important;
    cursor: pointer;
}
.ap-csf-custom-checkbox{
    display: flex;
    align-items: center;
}
.ap-custom-checkbox--is-label .el-checkbox__inner:after{
    height: 9px;
    left: 6px;
    top: 2px;
    width: 4px;    
}
.ap-bulk-btn--primary, .ap-btn--log-download, .el-button--danger, .el-button--small{
    min-height: fit-content !important;
}
.ap-refrance-link, .ap-refrance-link:hover{
    color: var(--ap-primary-color);
    text-decoration: none;
}
.ap-refrance-link:hover{
    text-decoration: underline;
}
.ap-canvas-chart-data{
    width: 100%;
    min-height: 350px;
    margin-top: 32px;
}
.ap-form-date-picker-control .el-input__icon, .ap-form-date-picker-control .el-input__inner{
    left: 0px !important;
    padding-left: 0px !important;
}
.ap-flex-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ap-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ap-dlt__form_payout_info{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-subtitle-font-size);
    font-weight: 500;
    color: var(--ap-content-color);
}
.ap-dlt__form_payout_info .ap-payout-min-amt{
    font-weight: 600;
    color: var(--ap-title-color);
}
.ap-add__drawer-main .el-drawer.open{
    width: 640px !important;
}
.ap-dlt__payout-preview_info{
    font-size: var(--ap-place-holder-font-size);
}
.ap-pl-5{
    padding-left: 5px;
}
.ap-payout-preview{
    margin-top: 30px;
}
.ap-border-left{
    border-left: 1px solid var(--ap-content-color);
}
.ap-manage-payout-items{
    border: 1px solid #DCE4F5;
    border-radius: var(--ap-radius-8px);
    margin-top: 24px;
}
.ap-manage-payout-items .el-table__header-wrapper table thead tr .el-table-column--selection .el-checkbox,.ap-manage-payout-items .el-table__body-wrapper table tbody tr .el-table-column--selection .el-checkbox{
    left: 15%;
}
.ap-manage-payout-items.el-table th .cell{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-place-holder-font-size);
    color: var(--ap-title-color);
}
.ap-manage-payout-items.el-table td .cell{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-place-holder-font-size);
    color: var(--ap-content-color);
}
.ap-manage-payout-items .el-table-column--selection .el-checkbox__inner{
    height: 20px;
    width: 20px;
}
.ap-manage-payout-items .el-table-column--selection .el-checkbox__inner::after {
    height: 9px;
    left: 7px;
    top: 2px;
}
.ap-generate-payout-loader-container{
    position: absolute;
    height: calc(100% - 250px);
    width: calc(100% - 50px);
    z-index: 9999;    
    top:374px;
    text-align: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
}
.ap-generate-payout-loader{
    display: flex;
    flex-direction: column;
    background-color: var(--ap-cl-white);
    padding: 48px;
    align-items: center;
    justify-content: center; 
    border-radius: var(--ap-radius-8px);   
}
.ap-payout-buttons .ap-payout-loader-button{
    margin-bottom: 16px;
}
.ap-loader-progress-txt{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-poup-title-font-size);
    font-weight: 600;
    color: var(--ap-title-color);
    margin-top: 10px;
}
.ap-table-container{
    min-height: 350px;
}
.ap-payout-table .el-table__body-wrapper table tbody tr td .cell{
    padding: 10px !important;
}
.ap-payout-box{
    margin-top: 20px;
}
.ap-payout-detail-value{
    min-width: 160px;
    font-family: var(--ap-primary-font);
    font-size: var(--ap-content-font-size);
    font-weight: 500;
    color: var(--ap-title-color);    
}
.ap-payout-detail-title{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-content-font-size);
    color: var(--ap-content-color);
    font-weight: 500;
}
.ap-payment-table-data{
    margin-top: 35px;
}
.ap-payment-table-data .el-table .cell{
    padding: 10px !important;
}
.ap-status-green{
    color: var(--ap-sc-success);
}
.ap-status-blue{
    color: var(--ap-status-unpaid-border);
}
.ap-status-display{
    font-weight: 500;
}
.ap-table-actions.ap-payment-table-actions .ap-btn--icon-without-box:hover{
    background-color: var(--ap-cl-white);
}
.ap-flex-right{
    display: flex;
    justify-content: end;   
}
.ap-payment-msg .ap-single-field__form .el-form-item{
    display: block;
}
.ap-add__drawer-msg{
    background-color: transparent;
}

.ap-only--loader__circles  div{
    animation-name: stretch-reverse;
}

.ap-only--loader__circles div:first-child{
    animation-delay: 0s;
    margin: 0;
}
.ap-only--loader__circles div:last-child{
    animation-delay: .2s;
    margin:0px;
}
.ap-only--loader__circles  div{
    animation-name: stretch-reverse-dark;
}
.ap-only--loader__circles {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: var(--ap-radius-8px);
    align-items: center;
    justify-content: center;
}
.ap-only--loader__circles div {
    animation: stretch-reverse-dark running 0.5s infinite ease-out alternate;
    border-radius: 50%;
    display: block;
    height: 8px;
    width: 8px;
    animation-delay: .1s;
    margin: 0 4px;
}

.ap-integrations-settings-top{
    margin-top: 20px;
}
/**Upgrad popup css */
.ap-dialog--upgrade-to-premium .el-dialog__header{
    display: none !important;
}
.ap-dialog--upgrade-to-premium .el-dialog{
    padding: 0px !important;
    border-radius: 16px;    
}
.ap-dialog--upgrade-to-premium .ap-dialog-utp__head-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #5012D4;
    padding: 25px;
    border-radius: 16px;
}
.ap-dialog--upgrade-to-premium .ap-dialog-utp__head-wrap h3{
    color: var(--ap-cl-white);
    font-size: 30px;
    font-weight: 900;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    font-family: 'SatoshiBlack';
}
.ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap h4{
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    font-family: 'Satoshi';
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 0px !important;
}
.ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap p{
    font-size: 16px;
    line-height: 30px;
    margin: 20px 40px;
    text-align: center;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-family: var(--ap-primary-font);
}
.ap-dialog--upgrade-to-premium .ap-utp__key-features h5{
    display: table;
    position: relative;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    margin: 0 auto 24px;
    color: #000000;  
    font-family: 'Satoshi';
    font-weight: 700;  
    letter-spacing: 1px;
}
.ap-dialog--upgrade-to-premium .ap-utp__key-features h5::before,
.ap-dialog--upgrade-to-premium .ap-utp__key-features h5::after{
    content: '';
    position: absolute;
    left: -150px;
    top: calc(50% - 1px);
    height: 0.17px;
    width: 140px;
    background-color: rgb(80, 18, 212,0.15);
}
.ap-dialog--upgrade-to-premium .ap-utp__key-features h5::after{
    left: auto;
    right: -150px;
}
.ap-dialog--upgrade-to-premium .ap-kf__item-row{
    display: flex;
    flex-direction: row;   
    flex-wrap: wrap;  
}
.ap-dialog--upgrade-to-premium .ap-kf__item {
    flex: 1 1 40%;        
    padding: 10px;
    text-align: center;
    box-sizing: border-box; 
    display: flex;
    margin-bottom: 5px;
}
.ap-dialog--upgrade-to-premium .ap-kf__item .ap-kf__item-icon{
    margin-right: 8px;
    display: flex;
}
.ap-dialog--upgrade-to-premium .ap-kf__item-title{
    font-family: var(--ap-primary-font);
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.ap-dialog--upgrade-to-premium .ap-utp__key-features .ap-kf__item-row{
    display: flex;
    padding: 0 60px;
    margin-bottom: 24px;
}
.ap-dialog--upgrade-to-premium .ap-utp__key-features .ap-kf__item-row:last-child{
    margin-bottom: 0;
}
.ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap .ap-utp-comparison-btns h4{
    font-family: 'Satoshi';
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;

}
.ap-upt-fancy-cb__wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.ap-dialog--upgrade-to-premium .ap-dialog-footer{
    background-color: #F9F7FD;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    margin-top: 20px;
}
.ap-upt-btn--primary{
    margin-left: 18px !important;
}
.ap-utp-btn--primary{
    width: 240px;
    background-color: #5012D4;
}
.ap-utp-comparison-btns button span{
    font-weight: 500;
}
/* Upgrade to Pro End */
.ap_custom_warning_migration .v-modal{
    z-index: 2000 !important;
}
.el-dialog__title {
     font-family: var(--ap-primary-font) !important;
    color: var(--ap-title-color);
    font-weight: 600;
    font-size: var(--ap-title-font-size);
}

@keyframes stretch-reverse-dark {
    0% {
        transform: scale(.5);
        background-color: rgba(115, 98, 249, 1);
    }
    50% {
        background-color: rgba(115, 98, 249, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(115, 98, 249, 1);
    }
}
@-webkit-keyframes stretch-reverse-dark {
    0% {
        transform: scale(.5);
        background-color: rgba(115, 98, 249, 1);
    }
    50% {
        background-color: rgba(115, 98, 249, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(115, 98, 249, 1);
    }
}
@-moz-keyframes stretch-reverse-dark {
    0% {
        transform: scale(.5);
        background-color: rgba(115, 98, 249, 1);
    }
    50% {
        background-color: rgba(115, 98, 249, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(115, 98, 249, 1);
    }
}
@-o-keyframes stretch-reverse-dark {
    0% {
        transform: scale(.5);
        background-color: rgba(115, 98, 249, 1);
    }
    50% {
        background-color: rgba(115, 98, 249, 1);
    }
    100% {
        transform: scale(1);
        background-color: rgba(115, 98, 249, 1);
    }
}

.ap-payment-table-data .ap-table-actions-wrap .ap-payment-table-actions{
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 107px;
}
.ap-status-loader-wrapper.ap-status--unpaid::after,
.ap-status--unpaid .el-select__wrapper::after{
    background-color: var(--ap-status-unpaid-border);
}
.ap-popconfirm-delete{
    top:75px !important;
    right: -60px !important;
}
.el-popover.ap-popconfirm-delete.ap-setting-confirm{
    top: unset !important;
    right: unset !important;
}
.ap-popconfirm-delete  .el-popper__arrow:before {
    border-top-left-radius: 2px;
    border-top-right-radius:unset;
}
.ap-popconfirm-delete .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
}
.ap-popconfirm-delete .el-popper__arrow{
    /* right: 30px !important;
    top: -5px !important;
    transform: translate(50%, 0) !important; */
    display: none !important;
}
.ap-front-copy-field{
    position: relative;
}
.ap-copy-button{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    right: 0;   
    min-width: auto;
    padding: 16px 16px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.ap-copy-button .ap-btn__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: unset;
}
/*.ap-popconfirm-delete{
    border: 1px solid var(--ap-general-border) !important;
    box-shadow: 0px 5px 10px 0px #00000029;
}*/
.ap-popconfirm-delete .el-popconfirm, .ap-popconfirm-delete-debug .el-popconfirm{
    padding: 5px;
}
.ap-popconfirm-delete .el-popconfirm__main, .ap-popconfirm-delete-debug .el-popconfirm__main{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-button-text-size);
    color: var(--ap-black-color);
    text-align: center;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.ap-popconfirm-delete .el-popconfirm__action, .ap-popconfirm-delete-debug .el-popconfirm__action{
    margin-top: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    border-radius: 12px !important;
}
.ap-popconfirm-delete .el-popconfirm__action .el-button--plain, .ap-popconfirm-delete .el-popconfirm__action .el-button--danger, .ap-popconfirm-delete-debug .el-popconfirm__action .el-button--plain, .ap-popconfirm-delete-debug .el-popconfirm__action .el-button--danger{
    height: 40px;
    width: 100% !important;
}
.ap-popconfirm-delete .el-popconfirm__action .el-button--plain{
    color: var(--ap-dt-black-350);
}
.ap-popconfirm-delete .el-popconfirm__action .el-button--plain:hover{
    border-color: var(--ap-dt-black-350);
    background-color: unset;
}
.ap-popconfirm-delete .el-button--small span, .ap-popconfirm-delete-debug .el-button--small span{
    font-size: var(--ap-content-font-size);
}
.ap-hidden-table{
    visibility: hidden;
}
.ap-hidden-table .ap-table-status-dropdown-wrapper{
    min-height: 44px;
}
.ap-hidden-table .ap-table-status-dropdown-wrapper .el-select{
    display: none !important;
}
.ap-btn--round{
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;    
}
.ap-btn--round:hover{
    background-color: unset;
    border-color: var(--ap-placeholder-color);
}
.ap-import-field-data{
    margin-top: 30px;
}
.ap-head-fields{
   font-family: var(--ap-primary-font);
   font-size: var(--ap-poup-title-font-size);
   font-weight: 500;
   color: var(--ap-title-color); 
}
.ap-import-fields-label{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-content-font-size);
    font-weight: 400;
    color: var(--ap-content-color);    
}
.ap-import-field-head{
    margin-bottom: 24px;
}
.ap-import-field-body{
    margin-bottom: 24px;
}
.ap-import-field-body .ap-import-field__left-area{
    display: flex;
    align-items: center;
}
.ap-import-field-body .el-form-item{
    margin-bottom: 0px;
}

.ap-req-imp-fld:after {
    color: var(--el-color-danger);
    content: "*";
    margin-left: 4px;
}
.ap-gs--tabs-pb__cb-item-row.ap-settings-inner-row:not(:last-child){
    border: 1px solid var(--ap-border-color);
    padding: 24px;
    border-radius: var(--ap-radius);
}
.ap-gs--tabs-pb__cb-item-row .ap-setting-warning .ap-gs__cb-item-left{
    margin-bottom: 20px;
}
.ap-gs--tabs-pb__cb-item-row-inner{    
    margin-bottom: 24px;
}
.ap-gs--tabs-pb__cb-item-row-inner:last-child{
    margin-bottom: 0px;
}
.ap-gs--tabs-pb__cb-item-row:last-of-type 
  > .ap-setting-inner-fields 
  > .ap-gs--tabs-pb__cb-item-row-inner:last-of-type {
    margin-bottom: 0px;
}
.ap-gs--tabs-pb__cb-item-row-inner .el-col{
    display: flex;
    align-items: center;
}
.ap-cf-field-terms-cond-chk .el-checkbox__inner{
    height: 20px !important;
    width: 20px !important;
}
.ap-status-orange-color{
    color: var(--ap-status-pending-border);
}
.ap-status-reject-color{
    color: var(--ap-status-reject-border);
}

.ap-table-actions-wrap-disp{
    transform: translateX(0%);
}
.ap-header-logo img{
    height: 50px;
}
.ap-form-control .el-input__inner{
    padding: 0px !important;
}
.el-select .is-filterable .el-select__input{
    padding: 0px !important;
}
.ap-pg-warning-belt-box.ap-notice{
    border-left: 4px solid var(--ap-pt-secondary-orange);
    background-color: #fbf0df;;
}
.ap-pg-warning-belt-box.ap-error {
    background-color: #FCEBEB;
    border-left: 4px solid var(--el-color-danger);
}
.ap-pg-warning-belt-box {
    position: relative;
    background-color: #fbf0df;
    border-left: 4px solid var(--ap-pt-secondary-color);
    padding: 10px 16px;
    width: calc(100% - 60px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px 40px 0 20px;
    border-radius: var(--ap-radius-small);
    -webkit-box-shadow: 0px 3px 8px rgba(20, 15, 15, 0.12);
    -moz-box-shadow: 0px 3px 8px rgba(20, 15, 15, 0.12);
    -o-box-shadow: 0px 3px 8px rgba(20, 15, 15, 0.12);
    box-shadow: 0px 3px 8px rgba(20, 15, 15, 0.12);
}
.ap-pg-warning-belt-box .ap-wbb__desc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 13px;
    font-weight: normal;
    color: var(--ap-dt-black-400);
    font-family: var(--ap-primary-font);
    margin:0px;
}
.ap-pg-warning-belt-box.ap-error .ap-wbb__desc span.ap-wbb__desc-icon {
    color: var(--el-color-danger);
}
.ap-pg-warning-belt-box.ap-notice .ap-wbb__desc span.ap-wbb__desc-icon{
    color: var(--ap-front-status-pending-border);
}
.ap-pg-warning-belt-box span.ap-uwb-close-icon{
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 10px;
    margin-right: 0;
    font-size: 20px;
}
span.ap-wbb__desc-content {
    float: left;
    width: calc(100% - 80px);
    padding-left: 28px;
    padding-right: 25px;
}
.ap-pg-warning-belt-box .ap-wbb__desc a {
    font-weight: 500;
    color: var(--ap-dt-black-400);
    text-decoration: underline;
    margin-left: 0px;
    font-family: var(--ap-primary-font);
    display: inline-block;
    outline: none;
}
.notice:not(.ap-wp-default-notice) {
    display: none !important;
}
.ap-mt-5{
    margin-top: 5px;
}
.ap-dashboard-box-value{
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: normal;    
}
.ap-btn--fit-content{
    width: fit-content;
}
.ap-align-right{
    display: flex;
    align-items: end;
}

/* Highchart Gradiant Start */

/* Define the stop colors */
.ap-dashboard-revenue-up #gradient-0 stop {
    stop-color: #A882E4;
}
.ap-dashboard-revenue-up #gradient-0 stop[offset="0"] {
    stop-opacity: 0.75;
}
.ap-dashboard-revenue-up #gradient-0 stop[offset="1"] {
    stop-opacity: 0;
}
.ap-dashboard-revenue-up #gradient-1 stop {
    stop-color: #E1D6F3;
}
.ap-dashboard-revenue-up #gradient-1 stop[offset="0"] {
    stop-opacity: 0;
}
.ap-dashboard-revenue-up #gradient-1 stop[offset="1"] {
    stop-opacity: 0.25;
}
.ap-dashboard-revenue-up .highcharts-plot-background {
    fill: url(#gradient-1);
}
.ap-dashboard-revenue-up .highcharts-color-0 .highcharts-area {
    fill-opacity: 1;
    fill: url(#gradient-0);
}
.ap-dashboard-revenue-up .highcharts-color-0{
    fill: #A882E4;
    stroke: #A882E4;
}



.ap-dashboard-visits-up #gradient-visit-0 stop {
    stop-color: #7ECAC6;
}
.ap-dashboard-visits-up #gradient-visit-0 stop[offset="0"] {
    stop-opacity: 0.75;
}
.ap-dashboard-visits-up #gradient-visit-0 stop[offset="1"] {
    stop-opacity: 0;
}
.ap-dashboard-visits-up #gradient-visit-1 stop {
    stop-color: #b3e6e3;
}
.ap-dashboard-visits-up #gradient-visit-1 stop[offset="0"] {
    stop-opacity: 0;
}
.ap-dashboard-visits-up #gradient-visit-1 stop[offset="1"] {
    stop-opacity: 0.25;
}
.ap-dashboard-visits-up .highcharts-plot-background {
    fill: url(#gradient-visit-1);
}
.ap-dashboard-visits-up .highcharts-color-0 .highcharts-area {
    fill-opacity: 1;
    fill: url(#gradient-visit-0);
}
.ap-dashboard-visits-up .highcharts-color-0{
    fill: #7ECAC6;
    stroke: #7ECAC6;
}

.ap-notification-item-row .wp-editor-area{
    font-family: var(--ap-primary-font);
    color: var(--ap-content-color);
    font-size: var(--ap-field-font-size);
}

.ap-form-control .el-input-group__prepend{
    background-color: transparent;
    color: var(--ap-content-color);  
    padding-right: 0;
}      


.ap-mt-10{
    margin-top: 10px;
}

.ap-form-control.el-input-group--prepend .el-input__wrapper{
    box-shadow: inset -1px 0 0 0 var(--el-input-border-color, var(--el-border-color)), inset 0 1px 0 0 var(--el-input-border-color, var(--el-border-color)), inset 0 -1px 0 0 var(--el-input-border-color, var(--el-border-color)), inset 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) !important;
    padding-left: 10px;
}
/* .ap-form-control.el-input-group--prepend .el-input-group__prepend::after {
    content: '';
    display: block; 
    width: 1px;
    height: 14px; 
    background-color: #606060; 
    position: absolute;
    right: 0;
    top: 50%; 
    transform: translateY(-50%); 
    font-family: var(--ap-primary-font);
} */

.ap-cf-field-terms-cond-chk.el-checkbox.el-checkbox--large{
    height: auto;
    margin-top: 5px;
}

.ap-email-notifications-container .ap-form-label{
    color: var(--ap-content-color);
}
.el-col .el-form-item.is-error + .ap-field-desc {
    margin-top: 25px; 
}
.nf-admin-notice{
    display: none !important;
}
.ap-table-container{
    width: 100%;
    position: relative;
} 
.ap-table-container .el-table__header-wrapper {
    overflow: hidden;
}
.ap-gs__cb-item-below-control{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 25px;
}

.ap-gs_cb-item-setting-control{
    margin-top: 0px;
}
.ap-gs--tabs-pb__cb-item-row .ap-gs__cb-item-left h4{
    margin-bottom: 6px;
}
.ap-combine-field .ap-setting-info-icon{
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 8px; 
    vertical-align: middle;
    position: relative;
    top: 2px; 
    cursor: pointer;
}
.ap-gs--setting__cb-item-row .ap-gs__cb-item-left{
    margin-bottom: 27px;
}
.ap-combine-field .ap-form-label{
    display: flex;
    /*
    align-items: center;
    justify-content: center;
    */
}
/** table actions*/

.ap-status-container {
    display: flex;
    align-items: center; 
    gap: 5px; 
}
.ap-field-settings-edit-popover .ap-table-actions{
    border: unset;
    padding: unset;
    box-shadow: unset;
}
.ap-tablet-popupconfirm-delete.ap-popconfirm-delete{
    top:unset !important;
}
.ap-tablet-popupconfirm-delete.ap-popconfirm-delete.ap-popup-set-top{
    top: 113px !important;
}
.ap-field-settings-edit-popover.ap-tablet-actions{
    min-width: 100px;
    padding: 5px;
}

/* Add Padding for table screen  */

.ap-small-screen-table .ap-table-container .el-table__header-wrapper table thead tr th:nth-child(2), .ap-small-screen-table .ap-table-container .el-table__body-wrapper table tbody tr td:nth-child(2) {
    padding-left: 0px;
}

.ap-small-screen-table .el-table__body-wrapper table tbody tr .el-table-column--selection .el-checkbox{
    position: relative; 
    top: unset; 
    left: unset;
    transform: unset;
}
.ap-small-screen-table .el-table-column--selection .el-checkbox{
    margin-left: 0px !important;
}

.ap-cfs-ic--head-drag-icon svg path{
    fill: var(--ap-title-color);
}
.ap-page-heading-placeholder{
    font-size: var(--ap-sub-title-font-size) !important;
    font-weight: 600;
}

.ap-table-container .ap-small-screen-table .el-table__header-wrapper table thead tr th:nth-child(2), .ap-table-container .ap-small-screen-table  .el-table__body-wrapper table tbody tr td:nth-child(2) {
    padding-left: 0px !important;
}

.ap-small-screen-table .el-table__header-wrapper table thead tr .el-table-column--selection .el-checkbox{
    position: relative !important;
    transform: unset !important;
    top: -5px !important;
    left: unset !important;
}

.ap-small-screen-status-dropdown{
    width: 66px !important;
}
.ap-small-screen-status-dropdown .ap-status-control{
    width: 66px !important;
}
.ap-small-screen-status-dropdown .el-select--large .el-select__wrapper{
    padding: 0px !important;
    padding-right: 6px !important;
}
.ap-small-screen-status-dropdown .ap-status-control .el-select__wrapper::after{
    left: 16px;
}
.ap-small-screen-status-dropdown .el-select--large .el-select__wrapper{
    min-height: 35px !important;
}
.ap-table-expand-view-wapper{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#fff ;
    margin-top: -9px;

}
.ap-table-expand-view{
    border-top: 1px solid var(--ap-border-color);
    width: 100%;
    /* margin-top: 5px;
    margin-bottom: 5px; */
    padding: 16px 0 8px 0;
    margin-left: 12%;
}
.ap-table-expand-view-inner{
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}
.ap-table-expand-label{
    width: 15%;
    font-family: var(--ap-primary-font);
    font-weight: 400;
    font-size: var(--ap-content-font-size);
    color: var(--ap-dt-black-350);
    line-height: 22px;
}
.ap-table-expand-value{
    font-family: var(--ap-primary-font);
    font-weight: 400;
    font-size: var(--ap-content-font-size);
    color: var(--ap-title-color);
    line-height: 22px;
    margin-left: 24px;
    width: 700px;
}
.ap-align-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap-payout-table .ap-small-screen-table .el-table__body-wrapper table tbody tr td .cell {
    padding: unset !important; 
}
.ap-small-screen-status-dropdown .ap-commission-status-active.ap-status--active span,
.ap-small-screen-status-dropdown .el-select__selected-item {
    display: none;
}
.ap-gs-tabs--pb__footer-integration{
    margin-top: 60px;
}
.ap-data-clean-up .ap-gs--setting__cb-item-row .ap-gs__cb-item-left{
    margin-bottom: 0px !important;
}
.ap-dashboard-main .el-table__inner-wrapper:before,
.ap-small-screen-table .el-table__inner-wrapper:before{
    background-color: unset !important;
}
.toplevel_page_affiliatepress #wpfooter{
    position: relative !important;
}
.el-switch input[type=checkbox][aria-disabled=true]{
    opacity: 0;
}
.ap-status-control{
    border-radius: var(--ap-radius-4px);
}    

[v-cloak] { display: none !important; }

/* Helper Drawer Style Add Start */

.ap-hd-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.ap-hd-header .ap-page-heading{
    font-size: 20px;
    line-height: 28px;
    font-family: var(--ap-primary-font) !important;
}

.ap-help-drawer .el-drawer__body .el-container {
    flex-direction: column;
    padding: 40px;
}


.ap_new_single_content h1 {
    font-family: var(--ap-primary-font) !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 36px !important;
    color: var(--ap-title-color) !important;
    border-left: none !important;
    padding-left: 0px !important;
}
.ap_new_single_content h4 {
    font-size: 20px !important;
    font-weight: 500;
    color: var(--ap-title-color) !important;
    line-height: 28px !important;
    margin: 0 0 16px 0;
    font-family: var(--secondary-font) !important;
    border-left: 3px solid var(--ap-primary-color);
    margin-top: 48px;
}
.ap_new_single_content a {
    color: var(--ap-primary-color) !important;
    transition: all 0.5s;
}
.ap_new_single_content p {
    font-size: 15px;
    line-height: 24px;
    color: var(--ap-dt-black-300);
    font-weight: normal;
    font-family: var(--ap-primary-color);
    margin-bottom: 16px;
    margin-top: 10px;
    text-align: left;
}
.ap_new_single_content ol {
    margin-left: 20px;
}
.ap_new_single_content ol li {
    list-style: decimal outside;
    font-size: 16px;
    line-height: 26px;
    color: var(--ap-dt-black-300);
    font-weight: normal;
    font-family: 'Poppins' !important;
    margin-bottom: 5px;
}

.ap_new_single_content ol li img {
    margin: 12px 0px !important;
    width: 100%;
    display: inline-block;
    border: 2px solid #E9EDF5;
}

.ap-help-drawer .el-drawer{
    overflow: unset;
}

.ap_new_single_content{
    font-size: 15px;
}

/* Helper Drawer Style Add Over  */

/* FAB Component CSS Starts */
.ap-fab-component{
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 99 !important;
    display: flex !important;
}

.ap-fab-component .ap-fc__inactive-box .ap-btn--icon-without-box:hover{
    background: unset !important;
    border-color: unset !important;
}

.ap-fab-component .ap-fc__inactive-box,
.ap-fab-component .ap-fc__active-box{
    width: 60px;
    height: 60px;
    background-color: var(--ap-pt-secondary-color);
    border-radius: 30px;
    box-shadow: 1px 4px 8px 0px rgba(18, 92, 212, 0.23);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 0.3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 0.3s cubic-bezier(.645, .045, .355, 1);
    transition: all 0.3s cubic-bezier(.645, .045, .355, 1);
}
.ap-fab-component .ap-fc__active-box{
    width: 304px;
    /* justify-content: flex-start; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}
.ap-fab-component .ap-fc__active-box.__ap-is-active{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.ap-fab-component .ap-fc__active-box.__ap-is-active + .ap-fc__inactive-box{
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 0;
    visibility: hidden;
}
.ap-fab-component .ap-fc__active-box .ap-fc__item:not(:last-child){
    margin-right: 10px;
}
.ap-fab-component .ap-fc__active-box .ap-btn--icon-without-box{
    min-width: 52px;
    min-height: 52px;
}
.ap-fab-component .ap-fc__active-box .ap-fc__item:not(.ap-ab__close-icon) .ap-btn--icon-without-box:hover{
    background-color: var(--ap-pt-secondary-color) !important;
    color: var(--ap-pt-secondary-color) !important;
}

.ap-fab-component .ap-btn--icon-without-box:hover{
    background-color: var(--ap-pt-secondary-color) !important;
    color: var(--ap-pt-secondary-color) !important;
    border: 1px solid var(--ap-cl-white);    
}

/* FAB Component CSS Ends */
.ap-help-drawer .el-drawer__close-btn {
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 4px 0 0 4px;
    background-color: var(--ap-primary-color);
    padding: 0;
    margin: 0;  
    display: flex;
    align-items: center;
    justify-content: center;
}

.ap-help-drawer .el-drawer__header{
    padding: 0;
    position: absolute;
    left: -28px;
    margin: 0;
    top: 40px;    
    display: block;
}

.ap-help-drawer figure {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.ap-help-drawer .el-drawer__close-btn .el-drawer__close{
    color: #fff !important;
}

.ap-help-drawer .wp-block-heading {
    display: none;
}
.ap-help-drawer figure.wp-block-image a{
    width: 100%;
}

.ap-help-drawer figure.wp-block-image img {
    height: auto;
    width: auto;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
}
.ap-help-drawer .el-drawer.open{
    width: 640px !important;
}

.el-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: inherit;
    background-color: transparent;
}
.toplevel_page_affiliatepress_lite_wizard #wpfooter, .toplevel_page_affiliatepress #wpfooter, .affiliatepress_page_affiliatepress_commissions #wpfooter, .affiliatepress_page_affiliatepress_visits #wpfooter, .affiliatepress_page_affiliatepress_affiliates #wpfooter, .affiliatepress_page_affiliatepress_creative #wpfooter, .affiliatepress_page_affiliatepress_payout #wpfooter, .affiliatepress_page_affiliatepress_notifications #wpfooter, .affiliatepress_page_affiliatepress_affiliate_fields #wpfooter, .affiliatepress_page_affiliatepress_settings #wpfooter, .affiliatepress_page_affiliatepress_addons #wpfooter, .affiliatepress_page_affiliatepress_growth_tools #wpfooter, .toplevel_page_affiliatepress #wpfooter{
    display: none !important;
}

.ap-gs-mb-none{
    margin-bottom: 0px !important;
}

.affiliaepress-reset-icon{
    cursor: pointer;
}
.ap-small-screen-table .el-scrollbar__view{
    width: 100% !important;
}
.ap-small-screen-table{
    width: 100% !important;
}
.ap-small-screen-table .el-table__header, .ap-small-screen-table .el-table__body{
    width: 100% !important;
}
.ap-tbl_most_valueable__adm-table th.is-right .cell, .ap-tbl_most_valueable__adm-table td.is-right .cell{
    display: flex;
    padding-left: 0px;
    justify-content: flex-end;
    padding-right: 150px !important;
}
.ap-commisson-tablet-screen th.is-right .cell, .ap-commisson-tablet-screen td.is-right .cell{
    display: flex;
    padding-left: 0px;
    justify-content: flex-end;
    padding-right: 40px !important;    
}
.ap-tbl_top_affiliate__adm-table .el-table__header-wrapper table thead tr th:nth-child(2), .ap-tbl_top_affiliate__adm-table .el-table__body-wrapper table tbody tr td:nth-child(2) {
    padding-left: 0px !important;
}
.ap-el-select--is-with-navbar{
    z-index: 2000 !important;
}
.ap-padding-left-cls-status .ap-small-screen-status-dropdown{
    margin-left: 10px !important;
}
.ap-help-close-icon-inside{
    display: none;
}
.ap-table-filter-row .is-plain.ap-btn--primary{
    background-color:var(--ap-cl-white);
    border: 1px solid var(--ap-border-color);
    color: var(--ap-dt-black-350);
    font-size: var(--ap-content-font-size) !important;
}
.ap-table-filter-row .is-plain.ap-btn--primary:hover{
    background-color:var(--ap-dt-black-350);
    color: var(--ap-cl-white);
}
.ap-table-filter-row .ap-btn--second{
    border: none;
}
.ap-table-filter-row .ap-btn--second .ap-btn__label{
    color: var(--ap-gt-gray-600);
}
.ap-table-filter-row .ap-btn--second:hover, .ap-btn--second:focus {
    background-color: var(--ap-dt-black-99);
    color: var(--ap-dt-black-350);
}
.ap-table-filter-row .ap-btn--second:hover  .ap-btn__label{
    color: var(--ap-gt-gray-600);
}
.ap-btn--second:focus .ap-btn__label,
.ap-btn--second:hover .ap-btn__label{
    color: var(--ap-content-color);
}
.ap-btn--second:hover, .ap-btn--second:focus{
    border-color:var(--ap-dt-black-96);
}
.import-export-tool .el-button:hover svg path {
    stroke: var(--ap-cl-white) ;
    fill: none;
}
.ap-form-date-range-control .el-range-separator {
    font-size: 0;
    position: relative;
}
.ap-form-date-range-control .el-range-separator::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33331 12.5H16.6666L11.6667 7.5' stroke='%239CA7BD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.import-export-tool .ap-btn__icon{
    margin-top: 8px;
} 
.ap-creative-landing-url{
    line-height: 22px;
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.ap-redirect-btn{
    cursor: pointer;
    line-height: 0px;
}
.ap-gs--tabs-pb__cb-item-row.ap-wizard-redirect{
    align-items: center;
}
.ap-wizard-redirect .ap-gs__cb-item-right .el-form-item{
    margin-bottom: 0;
}
/* .ap-settings--main-container .ap-form-control input[type=color], .ap-settings--main-container .ap-form-control input[type=date], .ap-settings--main-container .ap-form-control input[type=datetime-local], .ap-settings--main-container .ap-form-control input[type=datetime], .ap-settings--main-container .ap-form-control input[type=email], .ap-settings--main-container .ap-form-control input[type=month], .ap-settings--main-container .ap-form-control input[type=number], .ap-settings--main-container .ap-form-control input[type=password], .ap-settings--main-container .ap-form-control input[type=search], .ap-settings--main-container .ap-form-control input[type=tel], .ap-settings--main-container .ap-form-control input[type=text], .ap-settings--main-container .ap-form-control input[type=time], .ap-settings--main-container .ap-form-control input[type=url], .ap-settings--main-container .ap-form-control input[type=week], .ap-settings--main-container .ap-form-control select, .ap-settings--main-container .ap-form-control textarea, .ap-settings--main-container .ap-form-control--number input[type=number], .ap-settings--main-container .ap-form-control.el-select .el-select__selected-item.el-select__placeholder {
    color: var(--ap-dt-black-350) !important;
} */
.ap-settings--main-container .el-date-editor .el-range-input{
    color: var(--ap-black-color);
}
.ap-settings--main-container .ap-combine-field {
    position: relative;
    padding-top: unset;
    padding-bottom: unset;
}
.ap-gs--tabs-pb__cb-item-row.ap-settings-main-row{
    margin-bottom: 24px;
}
.ap-gs--tabs-pb__cb-item-row.ap-settings-main-row.ap-integration-enabled{
    margin-bottom: 12px;
}
.ap-gs--tabs-pb__cb-item-row.ap-settings-main-row.ap-integration-enabled h4{
    color: var(--ap-primary-color);
    font-weight: 600;
    font-size: var(--ap-field-label-size)
}
.ap-gs--tabs-pb__cb-item-row.ap-settings-inner-row{
    margin-bottom: 32px;
}
.ap-gs--tabs-pb__cb-item-row.ap-debug-log-btn-row{
    margin-bottom: 0;
}
.ap-combine-field-upload .ap-fu__text{
    color: var(--ap-placeholder-color);
}
.el-color-picker__color {
    border: 1px solid var(--ap-color-picker-border);
}
.ap-settings--main-container .ap-combine-field label .ap-form-label{
    color: var(--ap-setting-field-label-color);
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left.is-active:hover{
    background-color: var(--ap-primary-color);
}
.ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left:hover{
    background-color: var(--ap-primary-hover-bg-color);
}
.ap-form-control.ap-append-input-select .el-select__placeholder{
    overflow: visible;
    margin-left: -20px;
    position: relative;
    text-align: center;
    width: 30px;
    transform: inherit;
}
.ap-table-status-dropdown-wrapper .el-select__placeholder.is-transparent{
    color: var(--ap-title-color) !important;
}
.ap-form-control.ap-append-input-select .el-select.ap-form-control .el-icon.el-input__icon.el-input__validateIcon{
    display: none;
}
.ap-cms-tm__body .el-radio-button__inner:hover {
    color: var(--ap-setting-field-label-color);
}
.el-button.ap-btn.ap-hover-primary:hover{
    background-color: var(--ap-primary-color);
    color: var(--ap-cl-white);
}
.el-button.ap-btn.ap-hover-primary:hover .ap-btn-icn path{
    stroke: var(--ap-cl-white);
}
.ap-btn-settting-delete-btn:focus,
.el-button.ap-btn.ap-hover-danger:hover{
    background-color: var(--el-color-danger);
    color: var(--ap-cl-white);
    border-color:var(--el-color-danger);
}
.el-button.ap-btn.ap-hover-danger:hover .ap-btn-icn path{
    stroke: var(--ap-cl-white);
}
.ap-simple--file-upload .ap-fu__placeholder{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.ap-combine-field-upload .ap-fu__icon{
    margin-bottom: 12px;
}
.ap-simple--file-upload{
    flex-direction: column; 
    text-align: center;
}
.ap-combine-field-upload .ap-form-label{
    margin-bottom: 12px;
    color: var(--ap-field-label-color);
}
.ap-form-control--number .el-input-number__decrease .el-icon,
.ap-form-control--number .el-input-number__increase .el-icon{
    background-color: var(--ap-dt-black-99);
    padding: 7px;
    border-radius: var(--ap-radius-small);
}
.ap-gs--tabs-pb__cb-item-row.ap-email-send-row{
    margin-bottom: 0px;
}
.ap-email-send-row .el-form-item{
    margin-bottom: 24px;
}
.ap-simple--file-upload:hover{
    background-color: var(--ap-dt-black-97) !important;
}
.ap-dashboard-heading-row{
    padding: 4px 5px 0 0;
}
.ap-dash-column-avatar{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 16px;
    object-fit: cover;
    min-width: 30px;
}
.ap-form-date-picker-control .el-input__wrapper.is-focus, .ap-form-control .el-input__wrapper.is-focus, .ap-form-control .el-textarea__inner.is-focus, .el-range-editor.is-active,.ap-form-control--number .el-input__wrapper.is-focus, .ap-form-control:not(.ap-status-control) .el-select__wrapper.is-focused, .el-input-group__append div.el-select .el-select__wrapper.is-focused, .el-range-editor.is-active , .ap-form-date-picker-control .el-input__wrapper.is-focus:hover, .ap-form-control .el-input__wrapper.is-focus:hover, .ap-form-control .el-textarea__inner.is-focus:hover, .el-range-editor.is-active:hover,.ap-form-control--number .el-input__wrapper.is-focus:hover, .ap-form-control:not(.ap-status-control) .el-select__wrapper.is-focused:hover, .el-range-editor.is-active:hover, .el-input-group__append div.el-select .el-select__wrapper.is-focused:hover{
    border: 1px solid var(--ap-primary-color) !important;
    box-shadow: 0 0 0 4px var(--ap-primary-opacity-color);
    z-index: 10; 
    position: relative;
    background-color: unset;
}
.ap-form-date-picker-control .el-input__wrapper:hover, .ap-form-control .el-input__wrapper:hover, .ap-form-control .el-textarea__inner:hover, .el-range-editor:hover,.ap-form-control--number .el-input__wrapper:hover, .ap-form-control:not(.ap-status-control) .el-select__wrapper:hover,.ap-form-control.ap-frm-disable-active-txt .el-input__wrapper:hover,.ap-form-control.ap-frm-disable-active-txt .el-input__wrapper:focus,.ap-form-control.ap-frm-disable-active-txt .el-input__wrapper.is-focus:hover,.ap-form-control.ap-frm-disable-active-txt .el-input__wrapper.is-focus,.ap-form-control .el-select__wrapper.is-disabled:hover, .el-input-group__append div.el-select .el-select__wrapper:hover,.ap-form-control .el-input-group__append button:hover{
    background-color: var(--ap-primary-color-opacity-5);
    box-shadow: none;
    border-color: var(--ap-primary-color);
}
.ap-form-date-range-control.is-active:hover, .ap-form-date-range-control.is-active{
    box-shadow: 0 0 0 4px var(--ap-primary-opacity-color);
}
.ap-cmc--tab-menu .el-radio-button__inner{
    font-size: var(--ap-button-text-size);
    font-family: var(--ap-primary-font) ;
}
.ap-addon-deative-btn .ap-only--loader__circles div{
    background-color: var(--ap-sc-danger) !important;
}
.ap-remove-left-padding{
    padding-left: 0px  !important;
}
.ap-btn--is-loader .ap-btn__label{
    opacity: 0;
}
.ap-form-control .el-input-group__append button:hover{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.ap-cfs-settings:hover .ap-svg-hover-primary-color,
.ap-redirect-btn svg:hover .ap-svg-hover-primary-color{
    stroke: var(--ap-primary-color);
}
.ap-form-date-range-control.el-range-editor--large.el-input__wrapper{
    height: 40px;
}
.ap-form-date-range-control.el-date-editor .el-range__icon{
    left: 8px;
}
.ap-form-date-range-control.el-date-editor .el-range__close-icon{
    margin-right: 8px;
}
.ap-status-loader-wrapper .ap-status-loader{
    margin-top: -10px;
    height: 48px;
    margin-left: 20px;
}
.ap-affiliate-user-details-popover .ap-status-loader-wrapper{
    top:40%;
    position: absolute;
    left: 28%;
}
.ap-table-column-avatar img{
    object-fit: cover;
}
.ap-simple-upload-form-control.ap-combine-field-upload.ap-is-disabled .ap-simple--file-upload{
    cursor: no-drop;
}
.ap-form-control .el-input-group__append .el-select__wrapper::after{
    display: none;
}
.ap-cmc--tab-menu .ap-cms-tm__body {
    display:inline-block;
    padding: 4px;
    border: 1px solid var(--ap-gt-gray-400);
    border-radius: var( --ap-radius);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--ap-dt-black-98);
}
.ap-paymnet-radio{
    margin-bottom: 10px;
}
.el-table__expand-icon .el-icon{
    color: var(--ap-title-color);
    font-size: var(--ap-content-font-size);
}

/* Form Fields */
.ap-form-item-field-heading {
    color: var(--ap-title-color);
    font-weight: 600;
    font-size: var(--ap-sub-title-font-size);
    margin: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 24px;
}
.ap-customize-step-side-panel {
    min-height: calc(100vh - 80px);
    background-color: var(--ap-gt-gray-100);
    border-radius: var(--ap-radius-10px);
    padding: 24px 24px;
    padding-top: 0px;
    box-sizing: border-box;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

.ap-customize-step-side-panel .ap-cs__items .ap-cs__item {
    background-color: var(--ap-cl-white);
    border-radius: var(--ap-radius-4px);
    padding: 12px 0 12px 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid var(--ap-cl-white);
}

.ap-customize-step-side-panel .ap-cs__items .ap-cs__item:hover{
    background-color: var(--ap-primary-color-opacity-5);
    box-shadow: none;
    border-color: var(--ap-primary-color);
}

.ap-customize-step-side-panel .ap-cs__items .ap-cs__item p {
    font-size: 13px;
    line-height: 16px;
    color: var(--ap-title-color);
    font-weight: 500;
    margin: 0px !important;
}

.ap-customize-step-side-panel .ap-cs__items .ap-cs__item:hover span,
.ap-customize-step-side-panel .ap-cs__items .ap-cs__item:hover p{
    color: var(--ap-primary-color);
}

.ap-customize-step-side-panel .ap-cs__items .ap-cs__item span {
    font-size: 16px;
    margin-right: 8px;
    color: var(--ap-title-color);
}
/* .ap-customize-field-settings-body-container{
    margin:0px 32px;
} */
.ap-gs--tabs-pb__cb-item-row .ap-settings-col{
    margin-bottom: 32px;
}
.ap-message-settings-container .ap-gs--tabs-pb__cb-item-row{
    margin-bottom: 0;
}
.ap-message-settings-container .ap-settings-new-section
{
    margin-top: 16px;
}
.ap-manual-approve-checkbox{
    margin-top: 12px;
}
.ap-custom-checkbox--is-label .el-checkbox__inner, .ap-custom-radio--is-label .el-radio__inner{
    height: 20px;
    width: 20px;
}
.ap-payout-loader-button.ap-btn--primary .ap-btn__icon svg{
    fill: var(--ap-primary-color);
    margin-top: 6px;
}
.ap-payout-loader-button.ap-btn--primary .ap-btn__icon svg path{
    stroke: var(--ap-cl-white);
}
.ap-payout-loader-close-button{
    width: 225px;
}
.ap-affiliate-user-details-container{
    min-height: 350px;
}
.ap-user-details-heading{
    padding: 16px 24px;
    line-height: 22px;
    font-weight: 600;
    font-size: var( --ap-poup-title-font-size);
    color: var(--ap-black-color);
    border-bottom: 1px solid var(--ap-settings-separator);
    font-family: var(--ap-primary-font);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ap-close-popup{
    cursor: pointer;
}
.ap-user-details-row{
    display: flex;
    margin-bottom: 24px;
}
.ap-user-details-content{
    padding: 24px;
}
.ap-user-details-value,
.ap-user-details-label{
    color: var(--ap-dt-black-350);
    font-family: var(--ap-primary-font);
    font-weight: 400;
    font-size: var(--ap-content-font-size);
    line-height: 22px;
    width: 124px;
}
.ap-user-details-value{
    color: var(--ap-black-color);
    margin-left: 16px;
    width: 150px;
}
.el-popover.el-popper.ap-affiliate-user-details-popover{
    padding: unset;
}
.ap-affiliate-user-details-popover{
    box-shadow: 6px 6px 32px 0px #00000029;

}
a.ap-affiliate-edit-user{
    display: flex;
    gap: 6px;
    justify-content: center;
    text-decoration: none;
    color: var(--ap-dt-black-96);
    line-height: 22px;
    font-size: var(--ap-content-font-size);
    border: 1px solid var(--ap-border-color);
    padding: 7px;
    border-radius: var(--ap-radius-6px);
    outline: none;
    box-shadow: none;
}
a.ap-affiliate-edit-user:hover, a.ap-affiliate-edit-user:focus{
    background-color: var(--ap-dt-black-350);
    color: var(--ap-cl-white);
}
.ap-user_details{
    border-bottom: 1px dashed var(--ap-border-color);
    cursor: pointer;
}
.ap-user_details:hover{
    border-bottom: 1px solid var(--ap-tag-border-color);
    color: var(--ap-primary-color);
}
.ap-table-container .el-table__header-wrapper table thead tr th.ap-affiliate-user-col{
    padding-left: 45px;
}
.ap-table-container .el-table__header-wrapper table thead tr th.ap-affiliate-user-col-large{
    padding-left: 65px !important;
}
.ap-table-container table .ap-padding-left-col-20{
    padding-left: 20px !important;
}
@media (max-width: 767px) {
    .ap-help-close-icon-inside{
        display: block;
    }
}
@media (max-width: 1200px) {
    .ap-gs--tabs-pb__cb-item-row .ap-gs__cb-item-left h4{
        margin-bottom: 0px !important;
    }
    .ap-gs--setting__cb-item-row .ap-gs__cb-item-left{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }   
    .ap-gs--setting__cb-item-row .ap-gs__cb-item-flex-col{
        flex-direction: column;
        align-items: flex-start;
    } 
    .ap-gs_cb-item-setting-control-first{
        width: 100%;
    }
    .ap-gs_cb-item-setting-control{
        margin-top: 0px;
        display: contents;
    }   
    .ap-gs_cb-item-setting-control .ap-combine-field{
        width: 100%;
    }
    .ap-gs__cb-item-left .ap-combine-field{
        width: 100%;
    }
    .ap-gs--setting__cb-item-row .ap-gs__cb-item-right {
        margin-bottom: 20px;
    }
    .ap-gs--setting__cb-item-row .ap-gs__cb-item-left {
        margin-bottom: 20px;
    }  
    .ap-settings--main-container .ap-gs__cb--item-body {
        padding-top: 0px;
    }
    .ap-settings--main-container .ap-gs--setting__cb-item-row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .ap-settings--main-container .ap-gs--tabs-pb__cb-item-row {
        padding: 0 0px;
    }
    .ap-round-loader{
        margin: 4px 0px;
    }

    /** settings tab css -*/
    .ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left .ap-settings-tab-lbl{
        display: none;
    }
    .ap-tabs--vertical__left-side .el-tabs__header.is-left{
        padding: 40px 10px;
    }
    .ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left span i, .ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left span svg{
        margin-right: unset;
    }
    .ap-gs--tabs-pb__cb-item-row{
        padding: unset;
    }
    /** settings tab css end -*/
    .ap-table-container{
        min-height: auto;
    }
    .ap-table-filter {
        padding: 24px 24px !important;
    }
    .ap-head-wrap {
        padding: 24px 24px 24px 24px !important;
    }  
    .ap-dashboard-listing-data-mobile .ap-small-screen-table{
        margin: 0px !important;
    }
    .ap-pagination-nav .el-pagination.is-background .el-pager li{
        height: 40px;
        width: 40px;
    }
    .el-pagination.is-background .el-pager li{
        margin: 0 6px;
    }
    .ap-pagination-nav .el-pagination .btn-next .el-icon, .ap-pagination-nav .el-pagination .btn-prev .el-icon {
        font-size: 20px;
        font-weight: bold;
    } 
    .ap-small-screen-table .el-table__header-wrapper table thead tr th{
        line-height: 20px !important;
        padding: 12px 0 !important;
    }
    .ap-bulk-actions-card{
        position: relative;
        max-width: 480px !important;
    }
    /** settings tab css*/
    .ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left .ap-settings-tab-lbl{
        display: none;
    }
    .ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left{
        width: auto;
        padding: 16px;
    }
    .ap-tabs--vertical__left-side .el-tabs__header.is-left{
        padding: 40px 10px;
    }
    .ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left span i, .ap-tabs--vertical__left-side.el-tabs--card .el-tabs__item.is-left span svg{
        margin-right: unset;
    }
    .ap--popover-tool-tip{
        opacity: 0;
    }
    .ap-tbl_most_valueable__adm-table th.is-right .cell, .ap-tbl_most_valueable__adm-table td.is-right .cell{
        padding-right: 90px !important;
    }  
    .ap-small-screen-table .ap-padding-left-cls .cell{
        padding-left: 0 !important;
    }  
    .ap-status-dropdown-popper, .ap-tablet-actions{
        z-index: 2000 !important;
    }
    .ap-gs--tabs-pb__cb-item-row .ap-gs-col-first{
        margin-bottom: 32px;
    }
    .ap-gs--tabs-pb__cb-item-row .ap-gs-col-second{
        margin-top: 32px;
    }
    .ap-en-left .ap-en-left__item .ap-en-left__item-body .ap-en-left_item-body--list{
        width: unset;
    }
    .ap-email-tags-container{
        max-height: 350px;
    }
    .ap-email-right-content{
        padding: 32px 32px 32px 32px;
    }
    .ap-status-loader-wrapper .ap-status-loader{
        margin-top: -4px;
        height: 37px;
        margin-left: 5px;
    }
    .ap-generate-payout-loader-container{
        top: 270px;
    }
}



@media (max-width: 768px){
    .ap-tbl_most_valueable__adm-table th.is-right .cell, .ap-tbl_most_valueable__adm-table td.is-right .cell{
        padding-right: 50px !important;
    }

    .ap-dialog--upgrade-to-premium .el-dialog{
        width: 95% !important;
    }
    .ap-dialog--upgrade-to-premium .ap-dialog-utp__head-wrap h3{
        font-size: 24px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap h4{
        font-size: 20px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap p{
        font-size: 15px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__key-features h5{
        font-size: 20px;
    }
    .ap-dialog--upgrade-to-premium .ap-kf__item-title{
        font-size: 14px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__key-features .ap-kf__item-row{
        padding: 0 40px;
    }
    .ap-add__drawer-main .el-drawer.open{
        width: 100% !important;
    }
    .ap--setting-popover-tool-tip{
        max-width: 300px;
    }
    .ap-table-container .ap-padding-left-cls .cell{
        padding-left: 10px !important;
    }
    .ap-item__avatar-detail-col{
        max-width: 180px;
    }
    .ap-item_detail-label.ap-affiliate-name-col,
    .ap-item_detail-data.ap-affiliate-list-email{
        line-height: 22px !important;
    }
    .ap-help-drawer .el-drawer.open{
        width: 100% !important;
    }    
    .ap-addon-two-button .ap-addon-deative-btn, .ap-addon-two-button .ap-addon-configure-btn{
        max-width: 50% !important;
    }
    .ap-tabs--vertical__left-side .el-tabs__header.is-left{
        margin-right: 10px;
    }
    .ap-table-container .el-table__header-wrapper table thead tr th.is-sortable .cell{
        margin-top: -5px;
    }
    .ap-email-tags-container{
        max-height: 428px;
    }
    .ap-dashboard-box .ap-dashboard-box-icon svg{
        height: 65px;
        width: 65px;
    }
    .ap-table-expand-label{
        width: 20%;
    }
    .ap-table-expand-value{
        width: 400px;
    }
}
@media (max-width: 767px){
    .ap-help-close-icon-inside {
        position: absolute;
        top: 54px;
        right: 16px;
        width: 28px;
        height: 28px;
        text-align: center;
        border-radius: 4px 0 0 4px;
        background-color: var(--ap-primary-color);
        padding: 0;
        margin: 0;
        align-items: center;
    }
    .ap-head-wrap-notification .ap-gs-tabs--pb__heading--right{
        display: flex !important;
        align-items: flex-start !important;
        margin-top: 15px;
        justify-content: flex-start !important;
    }
}

@media (max-width: 630px){
    .ap-dialog--upgrade-to-premium .ap-utp__key-features .ap-kf__item-row{
        padding: 0 10px;
    }
    .ap-tbl_most_valueable__adm-table th.is-right .cell, .ap-tbl_most_valueable__adm-table td.is-right .cell{
        padding-right: 0px !important;
    }     
}

@media (max-width: 560px){
    .ap-dialog--upgrade-to-premium .ap-utp__key-features .ap-kf__item-row{
        padding: 0 10px;
    }
    .ap-dialog--upgrade-to-premium .ap-kf__item{
        flex: 1 1 50%;
    }
    .ap-dialog--upgrade-to-premium .ap-kf__item{
        padding: 6px;
        padding-right: 2px;
    }
}

@media (max-width: 550px){
    .ap-dialog--upgrade-to-premium .ap-dialog-utp__head-wrap h3{
        font-size: 20px;
    }    
    .ap-dialog--upgrade-to-premium .ap-kf__item-title{
        font-size: 12px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap h4 {
        font-size: 19px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap .ap-utp-comparison-btns h4{
        font-size: 18px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__key-features h5 {
        font-size: 18px;
    }    
}

@media (max-width: 500px){
    .ap-dialog--upgrade-to-premium .ap-dialog-utp__head-wrap h3{
        font-size: 18px;
    }    
    .ap-dialog--upgrade-to-premium .ap-kf__item-title{
        font-size: 13px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap h4 {
        font-size: 16px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__body-item-wrap .ap-utp-comparison-btns h4{
        font-size: 16px;
    }
    .ap-dialog--upgrade-to-premium .ap-utp__key-features h5 {
        font-size: 16px;
    }    
    .ap-dialog--upgrade-to-premium .ap-dialog-utp__head-wrap{
        padding: 7px;        
    }
    .ap-dialog--upgrade-to-premium .ap-utp__key-features .ap-kf__item-row{
        flex-direction: column;
    }
    .ap-dialog--upgrade-to-premium .ap-kf__item{
        padding-left: 15px;
    }
    .ap-upt-fancy-cb__wrap{
        flex-direction: column;        
    }
    .ap-upt-btn--primary{
        margin-left: 0px !important;
        margin-top: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .ap-add__drawer-main .el-drawer.open{
        width: 450px !important;
    }
    .ap-gs--tabs-pb__cb-item-row.ap-settings-inner-row{
        padding-bottom: 20px;
    }
    .ap-help-drawer .el-drawer.open{
        width: 450px !important;
    }
}

@media (min-width: 1100px) and (max-width: 1300px) {
    .ap-add__drawer-main .el-drawer.open{
        width: 500px !important;
    } 
    .ap-help-drawer .el-drawer.open{
        width: 500px !important;
    } 
}

@media (min-width: 1300px) and (max-width: 1400px) {
    .ap-add__drawer .ap-dlt__header{
        padding: 60px 25px 28px 25px;
    }
    .ap-add__drawer .ap-dlt__body{
        padding: 28px 25px 28px 25px;
    }
    .ap-add__drawer-main .el-drawer.open{
        width: 550px !important;
    }     
    .ap-help-drawer .el-drawer.open{
        width: 550px !important;
    }     
}

@media (min-width: 1368px) and (max-width: 1439px) {
    .ap-main-listing-card-container{
        margin: 32px 32px 32px 12px;
        margin-top: 132px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .ap-main-listing-card-container{
        margin: 20px 20px 20px 0;        
    }
    .ap-table-filter-row .el-col{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .ap-form-date-range-control.el-date-editor .el-range__icon{
        left: 8px;
    }
    .ap-table-filter-row .ap-tf-btn-group .ap-btn--second, .ap-table-filter-row .ap-tf-btn-group .el-button--primary{
        padding: 10px 0px !important;
        min-width: 80px !important;
    }
    .import-export-tool .ap-btn--primary.el-button.is-plain{
        padding: 10px 24px !important;
    }
    .ap-main-listing-card-container.ap-settings-main-wrapper{
        margin-left: -10px;
    }
    .ap-dashboard-box-icon svg{
        height: 60px;
        width: 60px;
    }
    .ap-dashboard-chart-up{
        padding: 10px;
    }
    .ap-canvas-chart-data{
        min-height: 255px;
    }
    .ap-debug-dialog-box{
        margin-left: 17%;
    }
    .ap-generate-payout-loader-container{
        top: 270px;
    }
    
}
@media (min-width: 1440px) and (max-width: 1600px) {
    .ap-main-listing-card-container.ap-settings-main-wrapper{
        margin: 32px 200px 109px 200px;
    }
    .ap-generate-payout-loader-container{
        top: 250px;
    }
}
@media (max-width: 1199px) {
    .ap-table-filter .el-row .el-col {
        margin-bottom: 14px;
    }    
    .ap-table-filter .ap-tf-btn-group{
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ap-tf-btn-group .ap-btn--full-width {
        width: auto;
    }
    .ap-pagination{
        margin: 0px 36px 40px;
    }
    .ap-pagination-left, .ap-pagination-nav{
        align-items: center;
        justify-content: center;
        display: flex;
    }
}
@media (max-width: 1024px) {
    .ap-main-listing-card-container{
        margin: 28px 28px 28px 8px;
    }
    .ap-customize-main-container{
		padding: 32px 24px;
	}    
}
@media (max-width: 1023px) {
    .ap-main-listing-card-container{
        margin: 15px;
    }
}

@media (max-width: 700px) {
    .ap-addons-items-col{
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

@media (min-width: 550px) and (max-width: 768px) {
    .ap-head-wrap .ap-head-left{
        max-width: 50% !important;
    }
    .ap-head-wrap .ap-head-right{
        max-width: 50% !important;
    }
}
@media (min-width: 600px) and (max-width: 768px) {
    .ap-header-navbar{
        top:45px;
    }
}
@media (max-width: 550px) {
    .ap-head-wrap .ap-head-right{
        display: flex !important;
        align-items: flex-start !important;
        margin-top: 15px;
        justify-content: flex-start !important;
    }
}
@media (max-width: 600px){
    .ap-header-navbar{
        top:0 !important;
    }
    .ap-commisson-tablet-screen th.is-right .cell, .ap-commisson-tablet-screen td.is-right .cell{
        padding-right: 5px !important;    
    }    
}