#signature { border: 2px dashed #ccc; border-radius: 8px; background-color: #fff; padding: 10px; width: 520px; height: 320px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
#signature canvas { width:500px !important; height: 300px !important; border: none; }
#clear-signature { margin-top: 10px; padding: 8px 16px; font-size: 14px; background-color: #f44336; color: #fff; border: none; border-radius: 5px; cursor: pointer; }
#clear-signature:hover { background-color: #d32f2f; }
.quizmodal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transform: scale(1.1); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 18px rgba(0,0,0,0.20); transition: all 0.25s linear; z-index: 99999999; padding: 0 15px; }
.quizmodalcontent { background-color: #ffffff; width: 100%; overflow: hidden; max-width: 650px; padding: 32px 0 0; border-radius: 0.5rem; position: relative; }
.closequizmodal { float: right; width: 32px; height: 32px; line-height: 32px; padding: 0; text-align: center; cursor: pointer; border-radius: 0px; background: #000; box-shadow: none; outline: none; border: 1px solid #000; color: #fff; font-size: 26px; position: absolute; right: 0px; top: 0px; z-index: 9; }
.quizmodal .mainformbody { width: 100%; height:100%; max-height:calc(100vh - 80px); overflow: auto; padding: 0 20px 20px; }
.quizmodal.active { opacity: 1; visibility: visible; transform: scale(1); }
.quizmodal .mainformbody h3 { text-align: center; font-size: 22px; margin: 0 0 15px; color: #000; font-weight: 600; font-family: 'Poppins', sans-serif; }
.quizmodal .form-group > label { padding: 0 0 5px; font-weight: 500; letter-spacing: 0.5px; line-height: 20px; font-size: 15px; display: block; }
.quizmodal .form-check .checkradiocol { padding: 0px 5px; display: inline-block; transition: all .3s;}
.quizmodal .radiogroup .form-check input[type=radio] { margin: 0; min-width: 18px; min-height: 18px; cursor: pointer; }
.quizmodal .radiogroup .form-check label { padding-left: 5px; font-size: 15px; vertical-align: top; cursor: pointer; }
.quiz-groupbtn { text-align: center; }
.quiz-groupbtn .submitquizbtn { background: #000; color: #FFF; border: 1px solid #000; box-shadow: none; display: initial; padding: 5px 10px; min-width: 150px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; cursor: pointer; }
.quizmodal .form-check.wrongans .checkradiocol { background: #ff5252; border-radius: 4px; }
.quizmodal .form-check.rightans .checkradiocol { background: #68f568; border-radius: 4px; }
.select2-container { width:100% !important; box-sizing:border-box; } 
.select2-container .select2-selection--multiple { min-height:42px; padding:6px 8px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#222; display: inline-block !important; width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { color:#666; line-height:24px; display: block !important; }
.select2-container .select2-search__field {color:#222 !important; margin-top: 0 !important; margin-bottom: 5px !important; }
.select2-container--open .select2-dropdown { z-index:999999 !important; }
.coupanwmodal { position: fixed; inset: 0; z-index: 9999; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,0.55); }
.coupanwmodal .modalcontentbox { width: 720px; max-width: 100%; max-height: 100%;: 100%; background: #fff; padding: 32px 0px 10px 26px; box-shadow: 0 22px 40px rgba(0,0,0,0.35); position: relative; box-sizing: border-box; overflow: hidden; }
.coupanwmodal .mainform-body { padding: 0 26px 15px 0; width: 100%; height: 100%; max-height: 500px; overflow: auto; }
#influencer-coupon-builder p { margin:8px 0 14px; color:#333; }
#influencer-coupon-builder .coupon-row { display: grid; grid-template-columns: 1fr 1fr 100px 100px; /* value | count | spacer | remove button */ gap: 8px; align-items: center; margin-bottom: 10px; }
#influencer-coupon-builder input[type="number"], #influencer-coupon-builder input[type="text"] { width:100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #d7d7d7; border-radius: 4px; font-size: 14px; background: #fff; }
#influencer-coupon-builder .coupon-row input { width: 100%; padding: 8px 10px; border: 1px solid #d7d7d7; border-radius: 0px; font-size: 14px; background: #fff; }
#influencer-coupon-builder .coupon-count { width: 100%; }
#influencer-coupon-builder .remove-row { margin-top: 21px; background: transparent; border: 1px solid #bbb; padding: 6px 8px; border-radius: 0px; cursor: pointer; color: #333; }
#influencer-coupon-builder .remove-row:hover { background:#fafafa; }
#add-coupon-row, #create-coupons, #pay-shortfall { display:inline-block; padding: 8px 12px; border-radius: 0px; border: 1px solid #111; background: #111; color: #fff; font-weight: 600; cursor: pointer; text-decoration: none; margin-top: 8px; }
#add-coupon-row { background: #fff; color:#111; border:1px solid #d0d0d0; font-weight:500; }
#add-coupon-row:hover{ box-shadow: 0 6px 14px rgba(0,0,0,0.06); }
#influencer-coupon-builder div[style] { margin-top:10px; } /* keeps your inline style block spacing */
#required-credits, #available-credits, #shortfall-amount { font-weight:600; }
#result { margin-top: 14px; font-size:14px; color:#222; }
#result ul { padding-left: 18px; margin: 8px 0; }
.coupanwmodal .modalcontentbox * { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.coupon-row .coupon-value { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #d7d7d7; border-radius: 0px; font-size: 14px; background: #fff; }
/*influ new dash*/
#affiliate-dashboard .affdash { --bg: #ffffff; --muted: #9aa4b2; --card: #f7fafb; --accent: linear-gradient(90deg,#3b82f6,#6366f1); font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #1f2937; max-width: 980px; margin: 0 auto; padding: 28px; border-radius: 16px; background: var(--bg); box-shadow: 0 10px 30px rgba(15,23,42,0.06); }
#affiliate-dashboard .header { display:flex; align-items:flex-start; gap:12px; }
#affiliate-dashboard .header {#affiliate-dashboard h1 { margin:0; font-size:28px; letter-spacing: -0.2px; } display:flex; align-items:flex-start; gap:12px; }
#affiliate-dashboard .subtitle { color:var(--muted); font-size:13px; margin-top:4px; }
#affiliate-dashboard .top-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:18px; }
#affiliate-dashboard .card { background:var(--card); padding:14px; box-shadow: 0 1px 0 rgba(15,23,42,0.03); }
#affiliate-dashboard .card .label { font-size:12px; color:var(--muted); } 
#affiliate-dashboard .card .value { font-weight:700; font-size:20px; margin-top:6px; }
#affiliate-dashboard .progress-wrap { margin-top:6px; } #affiliate-dashboard .progress-bar { height:10px; border-radius:999px; background:#fff; box-shadow: inset 0 1px 0 rgba(0,0,0,0.03); overflow:hidden; } 
#affiliate-dashboard .progress-fill { height:100%; width:40%; background:var(--accent); } 
#affiliate-dashboard .progress-legend { display:flex; justify-content:space-between; font-size:12px; color:var(--muted); margin-top:8px; }
#affiliate-dashboard .main-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; align-items: flex-start;}
#affiliate-dashboard .missions .row { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border-radius:10px; padding:10px; margin-top:10px; box-shadow: 0 1px 0 rgba(15,23,42,0.03); }
#affiliate-dashboard .missions .left { display:flex; gap:10px; align-items:center; width: 100%; } 
#affiliate-dashboard .icon-box { min-width:44px; width: 44px; height:44px; border-radius:8px; background:#f1f5f9; display:flex; align-items:center; justify-content:center; font-size:18px; } #affiliate-dashboard .status.completed { color:#10b981; font-weight:600; } #affiliate-dashboard .status.not { color:#94a3b8; font-weight:600; }
#affiliate-dashboard .timeline { background:#fff; padding:14px; }
#affiliate-dashboard .timeline ol { list-style:none; padding:0; margin:0; position:relative; }
#affiliate-dashboard .timeline .dot { position:absolute; left:0px; top:15px; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; background:#2563eb; box-shadow:0 4px 8px rgba(37,99,235,0.14); font-size:14px; }
#affiliate-dashboard .timeline .title { font-weight:600; font-size:14px; }
#affiliate-dashboard .timeline .date { color:var(--muted); font-size:13px; margin-top:4px; }
#affiliate-dashboard .muted { color:var(--muted); font-size:13px; }
#affiliate-dashboard .footer { margin-top:14px; color:var(--muted); font-size:12px; }
#affiliate-dashboard .creditcard-row .card { background: #f7f7f7; border: 1px solid #ddd; }
#affiliate-dashboard .creditcard-row .card .label { font-size: 20px; line-height: 1.2em; font-weight:500; margin:0 0 10px; }
#affiliate-dashboard .creditcard-row .card .value { font-size: 26px; margin: 0; line-height: 1; }
#affiliate-dashboard .creditcard-row .progress-wrap { margin: 0; }
#affiliate-dashboard .creditcard-row .progress-fill { background: #000; }
#affiliate-dashboard .creditcard-row .progress-legend { font-size: 15px; font-weight: 500; }
#affiliate-dashboard .creditcard-row .card h4 { font-size: 18px; color: #545454; font-weight: 500; margin: 0; }
#affiliate-dashboard .creditcard-row .card a { color: #4978f4; font-size: 16px; font-weight: 700; text-decoration: none; }
#affiliate-dashboard .main-grid.missioncard-row { grid-template-columns: 1fr 0.5fr; }
#affiliate-dashboard .missioncard-row .card { background: #f7f7f7; border: 1px solid #ddd; }
.missionselect-row { display: flex ; align-items: center; justify-content: space-between; padding: 0 0 10px; }
.c-account .missionselect-row label { margin: 0; padding: 0; font-size: 20px; text-transform: inherit; }
.missionselect-row .form-select { width: auto; min-width: 150px; border-radius: 4px; font-size: 15px; font-weight: 400; cursor: pointer; border: 1px solid #bebebe; }
.missioncard-row .databox h4 { margin: 0; padding: 0; font-size: 16px; font-weight: 500; border: 0; }
.missioncard-row .databox p { margin: 0; padding: 0; font-size: 14px; color: #777777; }
.missioncard-row .icon-box svg { fill: none; }
#affiliate-dashboard .missioncard-row .card ol li { padding: 12px 15px 12px 45px; margin: 0; position: relative; }
#affiliate-dashboard .timeline ol li:not(:last-child)::before { content: ""; position: absolute; left: 18px; top: 15px; width: 2px; height: 100%; background: #393939; border-radius: 2px; }
#affiliate-dashboard .missioncard-row .card ol li .dot { background: #202020; }
#affiliate-dashboard .missioncard-row .card ol li .dot svg { fill: none; }
#affiliate-dashboard .header h1 { font-family: "Inter", system-ui, sans-serif; font-size: 28px; font-weight: 600; color: #111827; margin: 0; line-height: 1.2; }
.c-account .recently_viewd_list { margin: 30px 0 0; margin: 40px 0 0; padding: 50px 0 0; border-top: 1px solid #c5c4c4; }
.titlecomplete { display: flex; align-items: center; justify-content: space-between; }
.titlecomplete .status { min-width: 100px; text-align: right; }
.databox { width: 100%; }
.c-account .timeline.card h3 { margin: 0 0 10px; }
/*.collab-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:9999; align-items:center; justify-content:center; }
.collab-modal .box { background:#fff; padding:18px; width:420px; max-width:95%; border-radius:6px; box-shadow:0 6px 30px rgba(0,0,0,.25); }
.collab-edit-icon { cursor:pointer; margin-left:8px; vertical-align:middle; }
.collab-field { margin-bottom:10px; }
.collab-actions { text-align:right; margin-top:8px; }*/
.collab-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:9999; align-items:center; justify-content:center; padding:20px;  box-sizing:border-box; }
.collab-modal .box { background:#fff; padding:18px; width:420px; max-width:95%; border-radius:6px; box-shadow:0 6px 30px rgba(0,0,0,.25); position:relative; }
.collab-edit-icon { cursor:pointer; margin-left:5px; vertical-align:middle; }
.collab-field { margin-bottom:10px; }
.collab-actions { text-align:right; margin-top:8px; }
small#collab-feedback { font-size: 13px; }
.collab-plan-wrap { margin-top: 10px; }
.level_name { margin-bottom: 0px !important; margin-top: 7px !important; }
#notif-bell { background:transparent; border:0; cursor:pointer; }
#notif-dropdown .notif-item { padding:8px; border-bottom:1px solid #f0f0f0; font-size:14px; }
#notif-dropdown .notif-item.unread { background:#fbfbfb; }
#notif-dropdown .notif-item .time { display:block; font-size:12px; color:#999; margin-top:4px; }
#affiliate-dashboard .header { justify-content: space-between; }
.header #user-notifications { position: relative; margin-top: 10px; }
.header #notif-list { max-height: 350px; overflow: auto; }
#notif-count { border-radius: 100px !important; padding: 0 !important; width: 18px; min-width: 18px; height: 18px; line-height: 18px; }
.main-grid.missioncard-row { margin: 0 0 30px; }
.missionheading { display: flex; align-items: center; justify-content: space-between; padding: 0 0 15px; } 
.missionimensec { border: 1px solid #ddd; width: 100%; padding: 20px 20px; } 
#page .missiontitle { line-height: 1; font-size: 24px; margin: 0; font-weight: 500; text-transform: uppercase;} 
.missionright { display: flex; align-items: center; } 
#page .missionright h4 { margin: 0; line-height: 1; font-size: 16px; font-weight: 500; margin: 0 20px 0 0; } 
.bonuscountcol { display: inline-block; background: #ededed; border-radius: 6px; padding: 3px 10px; font-size: 14px; }
.mensiliist { margin: 0 -10px; padding: 0; list-style: none; display: flex ; flex-wrap: wrap; }
.mensiliist .item { padding: 10px; width: 20%; }
.mensilicoldata { border: 1px solid #ddd; display: inline-block; padding: 15px 15px; text-decoration: none !important; width: 100%; height: 100%; cursor: pointer; }
.mensilicoldata svg { width: 26px; height: 26px; fill: none; }
.mensilicoldata strong { display: block; font-size: 15px; font-weight: 700; margin: 0; padding: 0 0 7px; }
.mensilicoldata i { font-family: "Font Awesome 5 free"; }
.mensilidatacol { display: inline-block; width: 100%; margin: 10px 0; }
.mensilidatacol .databox { position: relative; padding: 0px 15px 0px 35px; margin: 5px 0; display: inline-block; width: 100%; border: 1px solid #ddd; }
.mensilititle { padding: 15px 0; }
.mensilidatacol .databox h4 { font-weight:700; font-size:16px; margin:0; padding:7px 0; line-height:1.2; cursor: pointer; }
.mensilidatacol .databox h4:before { content: "\f053"; font-family: "Font Awesome 5 free"; padding-right: 7px; display: inline-block; vertical-align: middle; position: absolute; left: 15px; top: 23px; }
.mensilidatacol .databox p { font-size: 15px; font-weight: 400; margin: 0 0 3px; }
.mensilidatacol .databox .vip_mem_link { background: #4099e8; display: inline-block; color: #fff; font-size: 16px; text-decoration: none; min-width: 150px; text-align: center; border-radius: 6px; padding: 6px 10px; margin: 10px 0 0; }
.mensiliist .mensilicoldata.active { border: 2px solid #4099e8; background: #ecf6ff; }
.mensilicoldata.completeactive { background: #e8fff7; }
.mensilicoldata span svg { width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.mensilidatacol .databox.active h4:before { content: "\f078"; }
.mensiliaccodata { display: none; padding: 0 0 10px; position: relative; top: -10px; }
.main-grid .mensiliist { margin: 0 -5px; }
.main-grid .mensiliist .item { padding: 5px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account { width: 100%; max-width: 100%; } 
.woocommerce-account #page .c-account .c-account__col-content .edit-account .form-row { display: inline-block; width: 49%; padding: 0 10px; } 
.woocommerce-account #page .c-account .c-account__col-content .edit-account fieldset { width: 100%; } 
.woocommerce-account #page .c-account .c-account__col-content .edit-account fieldset legend { padding: 0 10px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account p { width: 100%; padding: 0 10px; display: inline-block; }
#page .password-input { position: relative; display: block; }
#page .password-input .show-password-input { position: absolute; right: 0; top: 0; background: transparent; border: 0; padding: 8px 10px; cursor: pointer; }
#page .password-input .show-password-input:before { content: "\f06e"; font-family: "Font Awesome 5 free"; font-weight: 900; }
#page .password-input .show-password-input.display-password::before { content: "\f070"; }
.creditvalue { display: flex ; align-items: center; gap: 20px; margin: 0 0 5px; }
#affiliate-dashboard .creditcard-row .card .creditvalue .label { margin: 0; }
#affiliate-dashboard .creditcard-row .card p { margin: 0; font-size: 15px; }
#affiliate-dashboard .creditcard-row .card p a { color: #000; text-decoration: underline; text-underline-position: under; font-weight: 500; font-size: 15px; }
.livelloeditlock { display: flex; gap: 15px; margin: 13px 0 0; }
.livelloeditlock .level_name { margin: 0 !important; line-height: 1; }
.lockeditcollab { display: flex ; gap: 8px; }
.livelloeditlock .fa-lock { font-size: 14px; }
.livelloeditlock .collab-plan-wrap { margin: 0; font-size: 15px; line-height: 1.2; }
.livelloeditlock .collab-plan-wrap .collab-edit-icon i { font-size: 13px; }
.woocommerce-message-offer-influencer { background: #f7f7f7; border: 1px solid #ddd; padding: 20px 20px; margin: 0 0 20px !important; } 
#page .woocommerce-message-offer-influencer h2 { margin: 0 0 10px; color: #010101; font-size: 20px; font-weight: 600; line-height: 1.2em; } 
#page .woocommerce-message-offer-influencer h2 span { font-weight: inherit !important; } 
#page .woocommerce-message-offer-influencer p { color: #010101; font-size: 15px; margin: 0; }
.content-upload-info { padding: 0 0 12px; }
.content-upload-info h4 { font-size: 18px; font-weight: 600; color: #000; margin: 0 0 5px; }
.content-upload-info p { font-size: 14px; margin: 0 0 5px; }
.salvebtnfunzione { display: flex; align-items: flex-start; gap: 7px; flex-direction: column; }
.salvebtnfunzione .content-upload-info { padding: 0; display: flex; align-items: center; gap: 10px;}
.salvebtnfunzione .content-upload-info h4 { margin: 0; }
.comefunztip i { font-size: 14px; cursor: pointer; }
.comefunztip { position: relative; }
.comefunztip .lock-tooltip-text { transform: translateX(-40%); top: 25px; bottom: auto; }
.comefunztip .lock-tooltip-text::after { margin-left: -30px; top: -11px; transform: rotate(180deg); }
.comefunztip:hover .lock-tooltip-text { visibility: visible; opacity: 1; }
.content-upload-info .comefunztip .lock-tooltip-text p { font-size: 12px; }
.referralcopyrow { display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px; }
.referralcopyrow h2 { margin: 0 !important; }
.copycodebox { display: flex; align-items: center; position: relative; }
.copycodebox .copylinkinput { border: 0; background: #fff; padding: 10px 40px 10px 12px; max-width: 180px; color: #000; font-size: 14px; border-radius: 4px; }
.copycodebox .copylinkbutton { border: 0; position: absolute; right: 0; top: 0; z-index: 9; background: transparent; color: #000; font-size: 16px; padding: 6px 10px; box-shadow: none; cursor: pointer; }
div#affiliate-dashboard { padding-top: 40px; }
.comefunztip { display: inline-flex ; align-items: center; margin-left: 8px; position: relative;}
.content-upload-info h4 { display: inline-flex;}
#hy-premium-popup { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; z-index:2147483647; font-family:"Roboto",sans-serif; }
.hy-popup-content { background:#fff; padding:25px 30px; border-radius:0; max-width:480px; width:90%; text-align:left; box-shadow:0 5px 15px rgba(0,0,0,0.3); font-size:15px; line-height:1.6; font-family:"Roboto",sans-serif; }
.hy-popup-content h3 { margin-top:0; color:#333; text-align:center; font-family:"Roboto",sans-serif; }
.hy-popup-content p { padding-left:20px; margin:10px 0; font-family:"Roboto",sans-serif; }
.hy-popup-actions { text-align:center; margin-top:20px; } 
.hy-popup-actions .hy-popup-pay, 
.hy-popup-actions button#hy-popup-close { display:inline-block; margin:0 8px; padding:10px 20px; border-radius:0; font-family:"Roboto",sans-serif; font-weight:bold; cursor:pointer; }
.hy-popup-actions .hy-popup-pay { background:#000; color:#fff; text-decoration:none; }
.hy-popup-actions button#hy-popup-close { background:#ccc; border:none; color:#000; }
.open_ref_info { cursor: pointer; }
.vantaggi { display: none; }
.custom-coupon-message { display: none; }
#umt-add-coupon-form p { margin-bottom: 10px; }
div#umt-credit-notices { margin-top: 10px; }
#umt-credit-notices .error { color: red; }
button#umt-add-coupon-btn { margin-top: 10px;font-size: 12px; }
#customer_coupon_code { width:40% }
.user_product_search_select2.user_product_list { position: relative; }
.user_product_search_select2.user_product_list .select2-container.select2-container--default { position: initial !important ;display: inline; }
.user_product_search_select2.user_product_list .select2-container.select2-container--default .select2-dropdown.select2-dropdown--below { position: absolute; left: 0; top: auto; transform: inherit; width: 100% !important; }
#contentEditModal.memeditmodal .mainform-body { padding: 0 20px 70px; }
.user_product_search_select2 .select2-container--default .select2-results>.select2-results__options { max-height: 180px; }
#contentEditModal p { margin: 0; }


.c-account__col-content { font-size: 16px; font-family: 'Roboto'; } .c-account__col-content h2 { font-size: 25px !important; }




/*Responsive media Query*/
@media (max-width: 1199px) { 
.mensilicoldata { padding: 10px; }
.main-grid .mensiliist .item { width: 33.33%; }


}


@media (max-width: 1024px) { 
.mensiliist .item { width: 33.33%; }
.missionimensec { padding: 15px 15px; }
.missionright { display: block; text-align: right; }
#page .missionright h4 { margin: 0 0 5px; font-size: 14px; }
#page .missiontitle { font-size: 20px; }
.missionheading { align-items: flex-end; }
#affiliate-dashboard .main-grid.missioncard-row { grid-template-columns: 1fr; }


}


@media (max-width:900px){
#affiliate-dashboard .top-cards { grid-template-columns:1fr; }
#affiliate-dashboard .main-grid { grid-template-columns:1fr; }
#affiliate-dashboard { padding:15px 0 0; }
#affiliate-dashboard .creditcard-row .card .label { font-size: 18px; }
#affiliate-dashboard .creditcard-row .card .value { font-size: 20px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account .form-row { width: 100%; padding: 0px; }
.woocommerce-account #page .c-account .c-account__col-content .edit-account fieldset legend { padding: 0; }


}


@media (max-width: 767px) { 
.coupanwmodal .modalcontentbox { padding: 32px 0px 10px 15px; }
#influencer-coupon-builder .coupon-row { grid-template-columns: 1fr 1fr; }
.coupanwmodal .mainform-body { padding: 0 10px 15px 0; }
#affiliate-dashboard .main-grid.missioncard-row { grid-template-columns: 1fr; }
.c-account .missionselect-row label { font-size: 16px; }
.missionselect-row .form-select { min-width: 120px; font-size: 14px; }
.missioncard-row .databox h4 { font-size: 14px; }
#affiliate-dashboard .missions .row { display: block; }
#affiliate-dashboard .header h1 { font-size: 22px; }
.mensiliist .item { padding: 5px; width: 50%; }
.mensiliist { margin: 0 -5px; }
.missionheading { display: block; }
.missionright { text-align: left; margin: 13px 0 0; }
#page .missionright h4 { margin: 0 0 10px; }
.main-grid .mensiliist .item { width: 50%; }


}


@media (max-width:480px){ 
.collab-modal { align-items:flex-start; padding-top:40px; } 
.collab-modal .box { width:100%; } 


}