/* @font-face {
    font-family: 'Outfit-Black';
    src:url('../fonts/modern/Outfit/static/Outfit-Black.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
  } */
body.affiliate_modern_dashboard_page { margin: 0px 0px;  font-family: 'poppins'; }
.affiliate_dashboard_theme_mod h1, .affiliate_modern_dashboard_page h2, .affiliate_modern_dashboard_page h3, .affiliate_modern_dashboard_page h4, .affiliate_modern_dashboard_page h5 , .affiliate_modern_dashboard_page h6, .affiliate_modern_dashboard_page a, .affiliate_modern_dashboard_page input, .affiliate_modern_dashboard_page label, .affiliate_modern_dashboard_page button, .affiliate_modern_dashboard_page p { font-family: 'poppins'; margin: 0}

.affiliate_modern_dashboard_page img { max-width: 100%; }

.affiliate_modern_dashboard_page textarea { resize: none}

.affiliate_modern_dashboard_page ul { list-style-type: none; padding: 0;}

.affiliate_modern_dashboard_page input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: 3px solid #9677EF; border-radius: 50%; outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); background-color: #ffffff;}

.affiliate_modern_dashboard_page input[type="radio"]:checked { background-color: #9677EF; border-color: #9677EF; box-shadow: inset 0 0 0 4px white; }

.affiliate_modern_dashboard_page input[type=checkbox], .affiliate_modern_dashboard_page select { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; outline: none; content: none; }

.affiliate_modern_dashboard_page input[type=checkbox]:before { content: "✔"; font-size: 13px; color: transparent !important; width: 16px; height: 16px; border: 1px solid #C5C5D3; display: flex; align-items: center; justify-content: center; }

.affiliate_modern_dashboard_page input[type=checkbox]:checked:before { color: black !important; }

.affiliate_modern_dashboard_page .form_field input::placeholder, .affiliate_modern_dashboard_page .form_field textarea::placeholder { color: #979797; font-size: 13px; font-weight: 500; }

.affiliate_modern_dashboard_page .form_field input::-ms-input-placeholder, .affiliate_modern_dashboard_page  .form_field textarea::-ms-input-placeholder { /* Edge 12-18 */ color: #979797; font-size: 13px; font-weight: 500; }

.affiliate_modern_dashboard_page input[type=date]::-webkit-calendar-picker-indicator { opacity: 0;  z-index: 11;}

.affiliate_modern_dashboard_page input[type=date]:after { content: ""; background-image: url("../../images/calendar.png"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; display: block; position: absolute; right: 15px; top: 15px; }

::-webkit-scrollbar { display: none; }

.affiliate_modern_dashboard_page .content_space { margin-top: 30px; padding: 0 30px; box-sizing: border-box;}

.affiliate_modern_dashboard_page .heading_space { margin: 30px 0; }

.affiliate_modern_dashboard_page .margin_top, .affiliate_dashboard_theme_mod .newsletter .margin_top{ margin-top: 30px;}



.affiliate_modern_dashboard_page .text_space { margin: 5px 0 25px; }

.affiliate_modern_dashboard_page .container #content{
    background:none;
    padding: 0;
}

.affiliate_modern_dashboard_page .container{
    width: 75%;
    padding: 0;
}

  .popup_container .primary_text p{
    font-size: 13px !important; font-weight: 500 !important; line-height: 28px !important; color: #8b8b8b !important;
}
/*background and font-size*/
.affiliate_dashboard_theme_mod .bg_primary { background: #2196F3;}

  .affiliate_dashboard_theme_mod  .primary_title { font-size: 13px; font-weight: 700; line-height: 30px; color: #343a40; }

  .affiliate_dashboard_theme_mod .secondary_title { font-size: 13px; font-weight: 700; line-height: 24px; color: #343a40; }

 .affiliate_dashboard_theme_mod  .primary_text { font-size: 13px !important; font-weight: 500 !important; line-height: 28px !important; color: #8b8b8b !important; }

.affiliate_dashboard_theme_mod  .secondary_text { font-size: 13px; font-weight: 500; line-height: 20px; color: #979797; }
.affiliate_dashboard_theme_mod  .primary_label { font-size: 13x; font-weight: 600; line-height: 30px; color: #474747;}
.affiliate_dashboard_theme_mod .secondary_label { font-size: 13x; font-weight: 500; line-height: 27px; color: #72777A;}


/* Input with buttons */
.affiliate_dashboard_theme_mod .share_link { margin-top: 20px; display: flex; gap: 20px; align-items: center; }

.affiliate_modern_dashboard_page .share_link .link_input { word-break: break-word; padding: 10px 20px; box-sizing: border-box; border-radius: 5px; width: calc(100% - 180px); font-weight: 600; color: #474747; background-color: #F7F5FE; border: 0; }

.affiliate_dashboard_theme_mod .share_link .primary_cta { width: 190px; }

/* Buttons */
.affiliate_dashboard_theme_mod .cta { font-weight: 600; padding: 13px 30px; box-sizing: border-box; transition: .3s ease-in-out; border-radius: 8px; text-decoration: none; cursor: pointer; }

.affiliate_dashboard_theme_mod .primary_cta { display: inline-block; font-size: 13px; font-weight: 500; line-height: 20px; background-color: #7559EF; color: #fff !important; border: none; padding: 15px 20px; box-sizing: border-box; border-radius: 5px;}

.affiliate_dashboard_theme_mod .primary_cta:hover {background-color: #463596; }


.affiliate_dashboard_theme_mod .secondary_cta { font-size: 13px; line-height: 20px; background-color: transparent; color: #474747; border: 1px solid #9677EF; }



/* Body Content */
.affiliate_modern_dashboard_page.main_container { max-width: 1450px; margin: auto; box-sizing: border-box; }

.affiliate_modern_dashboard_page .section_body { display: flex; justify-content: space-between; }

.affiliate_modern_dashboard_page .main_content .form_cta { margin-top: 30px; text-align: right; width: 100%; padding: 0 30px; box-sizing: border-box;}

.affiliate_modern_dashboard_page .block_bg { background-color: #ffffff; border-radius: 10px; margin: 25px 0; padding: 25px; box-sizing: border-box; overflow: hidden; }

.affiliate_modern_dashboard_page .side_bar { width: 320px; background-color: #ffffff; margin-top: 25px; padding: 20px 15px 10px 30px; box-sizing: border-box; height: 100%; }

.affiliate_modern_dashboard_page .side_bar .side_bar_header { text-align: center; }

.affiliate_modern_dashboard_page .side_bar .side_bar_header .user_title  .user_name { margin: 0; }

.affiliate_modern_dashboard_page .side_bar .side_bar_header .user_title .user_email { font-size: 12px; font-weight: 400; line-height: 20px; color: #8b8b8b; }

.affiliate_modern_dashboard_page .side_bar .side_bar_header .user_title .level { color: #9677EF; font-size: 13px; font-weight: 700; line-height: 24px; background-color: #F7F5FE; padding: 5px 10px; width: fit-content; margin: 0 auto; margin-top: 5px; box-sizing: border-box; border-radius: 6px; }

.affiliate_modern_dashboard_page  .navigation { margin: 0; padding: 0; margin-top: 25px; }

.affiliate_modern_dashboard_page  .navigation .item { list-style-type: none; border-bottom: 1px solid rgba(151 151 151 / 0.75); padding: 15px 20px; display: flex; gap: 20px; align-items: center; font-size: 13px; }

.affiliate_modern_dashboard_page .navigation .item a { display: flex; gap: 20px; align-items: center; text-decoration: none; }

.affiliate_modern_dashboard_page .navigation .item.selected { background-color: #F7F5FE !important; color: #9677EF !important; border-bottom: 1px solid #d0d0d0; border-radius: 4px; }

.affiliate_modern_dashboard_page .navigation .item.selected a, .navigation .item.selected svg { color: #9677EF; fill: #9677EF; stroke: #9677EF; stroke-width: 0; }

.affiliate_modern_dashboard_page .navigation .item:last-child { border-bottom: none; }

.affiliate_modern_dashboard_page .main_content { width: calc(100% - 345px); }

.affiliate_modern_dashboard_page .top_bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: wrap; }

.affiliate_modern_dashboard_page .block_content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }

.affiliate_modern_dashboard_page .block_header { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }

.affiliate_modern_dashboard_page .block_header .search_bar { border: 1px solid #C5C5D3; display: flex; align-items: center; gap: 7px; width: 40%; padding: 15px; box-sizing: border-box; border-radius: 7px; position: relative; }

.affiliate_modern_dashboard_page .block_header .search_bar::after { content: ""; background-image: url("../../images/chevron-grey.png"); background-position: right; background-repeat: no-repeat; width: 15px; height: 15px; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_prod { border: none; width: 100%; color: #d8d8d8; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_prod:focus-visible { outline: 0px; outline-offset: 0px; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail { border: 1px solid #C5C5D3; border-top: none; border-radius: 7px; position: absolute; top: 55px; left: 0; z-index: 1; background-color: #ffffff; width: 100%; display: none; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list { margin: 0; padding: 0; overflow-y: auto; max-height: 220px; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li { border-bottom: 1px solid #C5C5D3; padding: 8px 30px; box-sizing: border-box; position: relative; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li:last-child { border-bottom: none; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li .prod_status { color: #343A40; line-height: 30px; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li .prod_title { color: #72777A; font-weight: 400; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li .order_status { border: none; width: 100%; cursor: pointer; color: #d8d8d8; font-weight: 400; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li:nth-child(2):after { content: ""; position: absolute; background-image: url("../../images/chevron-grey.png"); background-repeat: no-repeat; background-position: center; background-size: 15px; right: 30px; top: 15px; width: 15px; height: 12px; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li .date_label { font-weight: 400; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li .date { border: none; width: 100%; cursor: pointer; color: #d8d8d8; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li .date:focus-visible { outline: 0; outline-offset: 0; }

.affiliate_modern_dashboard_page .block_header .search_bar .search_product_detail .search_list li input[type=date]:after { content: ""; background-image: url("../../images/calendar.png"); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; display: block; position: absolute; right: 30px; top: 10px; }

.affiliate_modern_dashboard_page .block_header .total_product_rows { display: flex; justify-content: center; gap: 20px; align-items: center; width: fit-content; position: relative; }

.affiliate_modern_dashboard_page .block_header .total_product_rows:after { content: ""; background-image: url("../../images/chevron-grey.png"); background-repeat: no-repeat; background-position: center right; display: block; width: 15px; height: 15px; position: absolute; top: 17px; right: 12px; }

.affiliate_modern_dashboard_page .block_header .total_product_rows .product_rows { padding: 10px; }

.affiliate_modern_dashboard_page .block_header .total_product_rows .product_rows { content: ""; background: transparent; border-color: #C5C5D3; padding: 15px; box-sizing: border-box; border-radius: 7px; color: #72777a; min-width: 80px; appearance: none; }

.affiliate_modern_dashboard_page .block_header .form_cta { margin: 0; width: auto; padding: 0; box-sizing: border-box; }

.affiliate_modern_dashboard_page .form_cta .cta { width: auto; box-sizing: border-box; position: relative; }

.affiliate_modern_dashboard_page .pagination { display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; width: 100%; margin: 0 auto; max-width: 348px; margin-bottom: 10px; }

.affiliate_modern_dashboard_page .pagination .next, .pagination .previous { border: 1px solid #339AF0; border-radius: 3px; color: #339AF0; position: relative; box-sizing: border-box; cursor: pointer; text-decoration: none; }

.affiliate_modern_dashboard_page .pagination .previous { padding: 8px 10px 8px 23px; }

.affiliate_modern_dashboard_page .affiliate_modern_dashboard_page .next { padding: 8px 23px 8px 10px; }

.affiliate_modern_dashboard_page .affiliate_modern_dashboard_page .next:after { content: ""; background-image: url("../../images/next.png"); background-repeat: no-repeat; display: block; width: 15px; height: 15px; position: absolute; right: 3px; top: 10px; }

.affiliate_modern_dashboard_page .pagination .previous::before { content: ""; background-image: url("../../images/previous.png"); background-repeat: no-repeat; display: block; width: 15px; height: 15px; position: absolute; left: 5px; top: 10px; }

.affiliate_modern_dashboard_page .pagination .page_numbers { display: flex; justify-content: center; align-items: center; gap: 10px; cursor: pointer; }

.affiliate_modern_dashboard_page .pagination .page_numbers .number, .pagination .page_numbers .dots { text-decoration: none; }

.affiliate_modern_dashboard_page .pagination .page_numbers .number.active { background-color: #2196F3; color: #ffffff; padding: 4px 6px; box-sizing: border-box; border-radius: 4px; }

.affiliate_modern_dashboard_page .switch_btn { flex: 0 0 120px; text-align: center; margin: 0; display: flex; align-items: center; justify-content: center; gap: 5px }

.affiliate_modern_dashboard_page .switch { display: inline-block; }
  
.affiliate_modern_dashboard_page .switch input { display: none; }
  
.affiliate_modern_dashboard_page .switch label { display: block; width: 40px; height: 20px; padding: 3px; border-radius: 15px; background-color: #72777A; cursor: pointer; transition: 0.3s; }
  
.affiliate_modern_dashboard_page .switch label::after { content: ""; display: inherit; width: 20px; height: 20px; border-radius: 12px; background: #ffffff; transition: 0.3s; }
  
.affiliate_modern_dashboard_page .switch input:checked ~ label { background-color: #39CA74; }
  
.affiliate_modern_dashboard_page .switch input:checked ~ label::after { translate: 20px 0; background: #ffffff; }


/* Tables */
.affiliate_modern_dashboard_page th { color: #474747}

.affiliate_modern_dashboard_page td { color: #8b8b8b}

.affiliate_modern_dashboard_page .table { width: 100%; border-collapse: collapse; }

.affiliate_modern_dashboard_page .table .table_header_row th { padding: 15px 30px; box-sizing: border-box; background-color: #F3F4F5; font-size: 13px; font-weight: 600; line-height: 20px; text-align: center;}

.affiliate_modern_dashboard_page .table .table_header_row th:first-child { border-radius: 5px 0 0 5px; }

.affiliate_modern_dashboard_page .table .table_header_row th:last-child { border-radius: 0 5px 5px 0; }

/* .table_body_row {
    border-bottom: 1px dashed #C5C5D3 !important;
} */

.affiliate_modern_dashboard_page .table_body_row td {border-top: none;  border-bottom: 1px dashed #C5C5D3 !important; padding: 20px 30px; box-sizing: border-box;  font-size: 13px; font-weight: 500; line-height: 20px; text-align: center;}

.affiliate_modern_dashboard_page .table_body_row:last-child td { border-bottom: none; }

.affiliate_modern_dashboard_page .table_body_row td .status { padding: 5px 20px; box-sizing: border-box; border-radius: 20px; } 

.affiliate_modern_dashboard_page .table_body_row td .paid, .table_body_row td .active { background-color: #D9F2DD; color: #51CF66; }

.affiliate_modern_dashboard_page .table_body_row td .pending { background-color: #FFF5CC; color: #EFC000; }

.affiliate_modern_dashboard_page .table_body_row td .cancel { background-color: #FFE5E5; color: #FC677C; }

.affiliate_modern_dashboard_page .table_body_row td .action { display: flex; gap: 6px; justify-content: center; align-items: center;}

.affiliate_modern_dashboard_page .table_body_row td .action .table_icon { width: 25px; height: 25px; display: block; background-color: rgba(101, 220, 130, 30%); border-radius: 25px; padding: 4px; box-sizing: border-box; }

.affiliate_modern_dashboard_page .table_icon.delete img { background-color: rgba(252, 103, 124, 0.3); padding: 8px; box-sizing: border-box; border-radius: 20px;}

.affiliate_modern_dashboard_page .table_body_row td .payment-status { background-color: rgba(33, 150, 243, 0.15); color: #2196F3; }


/* Forms */
.affiliate_modern_dashboard_page .form { display: flex; flex-wrap: wrap; gap: 25px; position: relative; }

.affiliate_modern_dashboard_page .form_field { position: relative; }

.affiliate_modern_dashboard_page .form_field.full { width: 100%; }

.affiliate_modern_dashboard_page .form_field.col-70 { width: 70%; }

.affiliate_modern_dashboard_page .form_field.half { width: calc(50% - 15px); }

.affiliate_modern_dashboard_page .form_field.col-33 { width: calc(33% - 15px); }

.affiliate_modern_dashboard_page .form_field.col-25 { width: calc(25% - 20px); }

.affiliate_modern_dashboard_page form_field fieldset a { position: absolute; top: 28px; left: 15px; text-decoration: none; }

.affiliate_modern_dashboard_page .form_field fieldset .upload_img { content: ""; background-image: url("../../images/upload_img_icon.png"); background-position: 95% 40%; background-repeat: no-repeat; background-color: #fafafa; background-size: 6%; border: none; }

.affiliate_modern_dashboard_page .options .form_field:nth-child(2) fieldset input::placeholder, 
.affiliate_modern_dashboard_page .add_prod_csv .form_field fieldset input::placeholder, 
.affiliate_modern_dashboard_page .add_virtual_product .form_field fieldset input::placeholder { color: #979797; font-size: 13px; font-weight: 500;  text-indent: 10px; opacity: 1;}


.affiliate_modern_dashboard_page .options .form_field:nth-child(2) fieldset input::-moz-placeholder, 
.affiliate_modern_dashboard_page .add_prod_csv .form_field fieldset input::-moz-placeholder, 
.affiliate_modern_dashboard_page .add_virtual_product .form_field fieldset input::-moz-placeholder { color: #979797; font-size: 13px; font-weight: 500;  text-indent: 10px; opacity: 1;}


.affiliate_modern_dashboard_page .options .form_field:nth-child(2) fieldset input, 
.affiliate_modern_dashboard_page .add_prod_csv .form_field fieldset input, 
.affiliate_modern_dashboard_page .add_virtual_product .form_field fieldset input { color: #979797; font-size: 13px; font-weight: 500; padding-left: 85px}


.affiliate_modern_dashboard_page .form_field .img_link.dotted { border: 1px dotted #C5C5D3;}

.affiliate_modern_dashboard_page .field_item { border: 1px solid #d0d0d0; background-color: #F8F8F8; padding: 15px 20px; border-radius: 5px; width: 100%; box-sizing: border-box; }

.affiliate_modern_dashboard_page .field_label { color: #72777A; font-size: 13px; line-height: 16px; background-color: #ffffff; padding: 0 5px; }

.affiliate_modern_dashboard_page .field_item:focus-visible { outline: none; }

.affiliate_modern_dashboard_page .field_item::placeholder { color: #d8d8d8; }
  
.affiliate_modern_dashboard_page .field_item::-ms-input-placeholder { color: #d8d8d8; }

.affiliate_modern_dashboard_page .img_link { border: 1px solid #C5C5D3; border-radius: 10px; padding: 0; background-color: #fafafa;}

.affiliate_modern_dashboard_page .img_link_label { margin-left: 15px; color: #72777A; font-size: 13px; line-height: 16px; font-weight: 400;}

.affiliate_modern_dashboard_page .upload_img { content: ""; background-image: url("../../images/link.svg"); background-position: 95% 50%; background-repeat: no-repeat; background-size: 8%; }


/* Dropdown */
.dropdown { width: 100%; cursor: pointer; }
  
.affiliate_modern_dashboard_page .dropdown ul { list-style: none; margin: 0; border: 0; max-height: 165px; overflow-y: auto; border-radius: 7px; }

.affiliate_modern_dashboard_page .dropdown .textfirst { border: 1px solid #C5C5D3; border-radius: 7px; position: relative; }
  
.affiliate_modern_dashboard_page .dropdown ul li, .dropdown .textfirst { color: #72777A; padding: 15px 20px; }
  
.affiliate_modern_dashboard_page .dropdown .textfirst:after { content: ""; position: absolute; background-image: url("../../images/chevron-grey.png"); background-repeat: no-repeat; background-position: center; background-size: 15px; right: 15px; top: 22px; width: 15px; height: 12px; }
  
.affiliate_modern_dashboard_page .dropdown ul li:last-child { border-bottom: 0; }
  
.affiliate_modern_dashboard_page .dropdown ul li { display: none; align-items: center; gap: 10px; font-weight: 400; padding: 0 0 6px; }
  
.affiliate_modern_dashboard_page .dropdown ul li.main { display: block; }

 /* Language Selector  */
 .affiliate_modern_dashboard_page .language_selecor { display: flex; gap: 13px; align-items: center; position: relative; width: fit-content; }

.affiliate_modern_dashboard_page .language { content: ""; background: transparent; border: 1px solid #C5C5D3; padding: 15px; box-sizing: border-box; border-radius: 10px; min-width: 170px; color: #72777A; font-size: 13px; font-weight: 500; appearance: none; cursor: pointer; }

.affiliate_modern_dashboard_page .language_selecor:after { content: ""; background-image: url("../../images/chevron-grey.png"); background-size: auto; background-position: center; background-repeat: no-repeat; top: 12px; right: 35px; position: absolute; z-index: 1; width: 25px; height: 25px; }

-webkit-scrollbar { display: none;  -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */}
.affiliate_dashboard_theme_mod #affiliate_newsletter_pop_up{
    background-color: #F7F5FE;
    border: 0;
    padding: 20px 15px;
    box-sizing: border-box;
    color: #474747;
    margin-top: 10px;
    border-radius: 5px;
    font-weight: 600;
    display: block;
 
}
.affiliate_dashboard_theme_mod #affiliate_newsletter_pop_up p{
    margin-bottom: 10px;
}

@media screen and (max-width: 319px) {
    body { display: none; }
}

@media (min-width: 320px) and (max-width: 1250px) {
    
  .affiliate_modern_dashboard_page .table_data { width: 100%; overflow-x: auto; }
  
  .affiliate_modern_dashboard_page .table .table_header_row th { min-width: 170px; }
  
  .affiliate_modern_dashboard_page .field_label { top: -10px; }

  .affiliate_modern_dashboard_page .field_label.shipping_label { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; width: 250px; }
}

@media (min-width: 1050px) and (max-width: 1500px) {
    .affiliate_modern_dashboard_page .share_link{
        display: block;
    }
    .affiliate_modern_dashboard_page .share_link .link_input{
        width: 100%;
        display: block;
        margin: 5px;
    }
    .affiliate_modern_dashboard_page .voucher .referral_text,
    .affiliate_modern_dashboard_page .voucher .referral_text .referral_code ,
    .affiliate_modern_dashboard_page .voucher{
        display: block !important;
        text-align: center; 
    }
    .affiliate_modern_dashboard_page .affiliate_referral_container{
        display: block !important;
        width: 100%;
    }
    .affiliate_modern_dashboard_page .affiliate_referral_container .form_field {
        width: 100%;
        margin-bottom: 3px;
    }

}
@media (min-width: 320px) and (max-width: 1049px) {
    .affiliate_modern_dashboard_page .primary_title { font-size: 18px; line-height: 26px;}
    
    .affiliate_modern_dashboard_page .secondary_title { font-size: 15px; line-height: 20px; }
    
    .affiliate_modern_dashboard_page .primary_label { font-size: 15px; line-height: 20px; }

    .affiliate_modern_dashboard_page .secondary_label { font-size: 13px; line-height: 18px; }
    
    .affiliate_modern_dashboard_page .primary_text { font-size: 13px; line-height: 24px; }
    
    .affiliate_modern_dashboard_page .secondary_text { font-size: 13px; font-weight: 500; line-height: 18px; }

    .affiliate_modern_dashboard_page .section_body {
        display: block;
    }

    .affiliate_modern_dashboard_page .side_bar { display: none; width: 100%; height: 100vh; z-index: 99; overflow: auto; padding: 10px 30px;}
    /* .hide_mob_tab_content{
        display: none;
    } */

    .affiliate_modern_dashboard_page .close_sidebar { position: absolute; right: 10px; }

    .affiliate_modern_dashboard_page .hide_sidebar { display: block; }

    .affiliate_modern_dashboard_page .upload_img { background-size: 4%;}

    .affiliate_modern_dashboard_page .hamburger_icon { display: flex; gap: 10px; align-items: center; margin: 25px 0 0; color: #343a40; }
    
    .affiliate_modern_dashboard_page .hamburger_icon img { background-color: #ffffff; display: block; padding: 10px; border-radius: 10px; }

    .affiliate_modern_dashboard_page .main_content { width: 100%; }

    .affiliate_modern_dashboard_page .dropdown ul li, .dropdown div.textfirst { padding: 8px 15px; }

    .affiliate_modern_dashboard_page .dropdown ul { max-height: 130px; }

    .affiliate_modern_dashboard_page .dropdown .textfirst:after { top: 15px; }
    
    .affiliate_modern_dashboard_page .form_field.col-100 { width: 100%; }
    
    .affiliate_modern_dashboard_page .language_selecor { gap: 5px; justify-content: center; }

    .affiliate_modern_dashboard_page .block_content { height: auto; }
}

@media (min-width: 320px) and (max-width: 767px) {    
  .affiliate_modern_dashboard_page .content_space { margin-top: 15px; padding: 0 15px; }
  
  .affiliate_modern_dashboard_page .heading_space { margin: 20px 0; }

  .margin_top { margin-top: 15px;}

  .affiliate_modern_dashboard_page .text_space { margin: 5px 0 15px; }
  
  .affiliate_modern_dashboard_page .hamburger_icon { margin: 15px 0 0; }

  .cta { padding: 10px 20px; }

 .primary_cta, .secondary_cta { font-size: 13px; line-height: 18px; }

  .affiliate_modern_dashboard_page .main_content .form_cta { text-align: center; }

  .affiliate_modern_dashboard_page .upload_img { background-size: 4%; }
  
  .affiliate_modern_dashboard_page .field_label.shipping_label  { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; width: 170px; }

  .affiliate_modern_dashboard_page .block_bg { padding: 15px; }

  .affiliate_modern_dashboard_page .top_bar { gap: 15px; }
  
  .affiliate_modern_dashboard_page .block_header .search_bar { padding: 10px; max-width: 300px; width: 100%; }
  
  /* .block_header { justify-content: center; } */

  .affiliate_modern_dashboard_page .language { padding: 10px; min-width: 125px; }

  .affiliate_modern_dashboard_page .language_selecor:after { top: 8px;}

  .affiliate_modern_dashboard_page .block_header .total_product_rows:after { top: 16px; }

  .affiliate_modern_dashboard_page .primary_cta { font-size: 13px; line-height: 22px; }

  .affiliate_modern_dashboard_page .share_link { flex-direction: column; align-items: flex-start; gap: 10px; }

  .affiliate_modern_dashboard_page .share_link .link_input { width: 100%; }

  .affiliate_modern_dashboard_page .share_link .primary_cta { width: auto; }
}

@media screen and (min-width: 1050px) {
    .affiliate_modern_dashboard_page .hamburger_icon { display: none; }

    .affiliate_modern_dashboard_page .close_sidebar { display: none; }
}




/* Popup */

.affiliate_dashboard_theme_mod  .popup_box .popup { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); top: 0; left: 0; text-align: center; z-index: 1000;}

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container { max-width: 540px; width: calc(100% - 50px); padding: 30px; margin: 0 auto; position: absolute; background-color: white; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 20px; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .popup_title { border-bottom: 1px dashed #b81818; padding-bottom: 15px; box-sizing: border-box; width: fit-content; margin: 0 auto; margin-top: 20px; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .header, .popup_box .popup .popup_container .block, .popup_box .popup .popup_container .footer { display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 600; color: #474747; line-height: 26px; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container , .popup_box .popup .popup_container .footer { margin-left: 10px; margin-right: 50px; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .block { margin-bottom: 5px; color: #8b8b8b; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .block .border { border: 1px dashed #474747; width: 100%; max-width: 250px; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container  .block label { display: flex; gap: 8px; align-items: center; }

.affiliate_dashboard_theme_mod .popup_box .popup .popup_container .block label input[type="checkbox"] { border: 1px solid #d0d0d0; border-radius: 5px; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .footer { border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; padding-block: 15px; color: #9677EF; }

.affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .close_btn { position: absolute; right: 40px; top: 30px; background: transparent; border: none; }
.affiliate_dashboard_theme_mod  ul.affiliation_tabs li {
    cursor: pointer;
    display: inline-block;
    margin-right: 2px;
}
@media (min-width: 320px) and (max-width: 767px) {
    .affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .header, .popup_box .popup .popup_container .body .block, .popup_box .popup .popup_container .footer { font-size: 13px; line-height: 22px;     }
   
    .affiliate_dashboard_theme_mod .popup_box .popup .popup_container .body .block .border { max-width: 120px; }
}

@media (min-width: 320px) and (max-width: 499px) {
    .affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .popup_title { border-bottom: 1px dashed #D0D0D0; padding-bottom: 15px; box-sizing: border-box; width: fit-content; margin: 0 auto; margin-top: 20px; }

    .affiliate_dashboard_theme_mod  .popup_box .popup .popup_container .body .block .border { max-width: 70px; }
}

.affiliate_dashboard_theme_mod  .success_popup .popup { display: block; }

.affiliate_dashboard_theme_mod  .success_popup .popup .popup_container .popup_title { border-bottom: 0; }

.affiliate_dashboard_theme_mod  .sign_up .popup { display: block; }

.affiliate_dashboard_theme_mod  .sign_up .popup .popup_container .popup_title { border-bottom: 0; }

.affiliate_dashboard_theme_mod  .newsletter .popup { display: block; }

.affiliate_dashboard_theme_mod  .newsletter .popup .popup_container .popup_title { border-bottom: 0; }

.affiliate_dashboard_theme_mod .newsletter .input_btn { display: flex; gap: 15px; align-items: center; justify-content: center; }

.affiliate_dashboard_theme_mod .newsletter .popup .popup_container { min-width: 250px; }

.affiliate_dashboard_theme_mod  .newsletter .input_btn input { padding: 10px 15px; box-sizing: border-box; background-color: #F7F5FE; border-radius: 5px; border: 0; }

.affiliate_dashboard_theme_mod  .product_popup .popup { display: block;}

.affiliate_dashboard_theme_mod .product_popup .popup .popup_container .popup_title { border-bottom: 0; }

.affiliate_dashboard_theme_mod .product_popup  .popup_container { 
    max-width: 90%; 
    width: fit-content;
    background-color: white;
    text-align: center;
    line-height: 28px;
    margin: auto;
    
}
.affiliate_dashboard_theme_mod .product_popup  .popup_container .affiliate_product_popup_link{
    max-width: 90%; 
}


.affiliate_dashboard_theme_mod .product_popup .input_btn input.primary_text { padding: 10px 15px; background-color: #F7F5FE; border-radius: 5px; border: 0; width: 100%; margin: 20px 0; box-sizing: border-box; }

.affiliate_dashboard_theme_mod .product_popup .popup_img { margin-bottom: 15px; }
.affiliate_modern_dashboard_page #affiliate_witdraw_payment_container{
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    width: 400px;
  flex-wrap: wrap;
  margin: 27px auto;
  height: 100px;
  overflow: scroll;
}

.affiliate_modern_dashboard_page .affiliate_witdraw_payment_body .payment_detail{
    margin:auto;
}


.affiliate_modern_dashboard_page .affiliate_witdraw_payment_body{
    gap: 10px;
    display: flex;
    margin: auto;
    /* max-width:30px; */
    /* background-color: #39CA74; */
}
.affiliate_modern_dashboard_page .affiliate_witdraw_payment_body p{
    max-width: 100px;
}