@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
* { box-sizing: border-box; text-decoration: none; list-style: none; font-family: 'Inter', sans-serif; padding: 0; margin: 0; margin-bottom: 0px; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .shimmer-main-content, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { overflow: hidden; }
h1, h2, h3, h4, h5, h6 {color: #322f2b; font-weight: 600; line-height: 1;}
h2 {font-size: 15px; line-height: 1; }
h3 {font-size: 15px; font-weight: 700; }
h4 {font-size: 14px; font-weight: 700; }
h5 {font-size: 10px; color: #121013; }
p {font-size: 14px; color: #535353; margin-bottom: 0px;}
a, button {outline: none; text-decoration: none !important; transition: all 0.3s ease-out 0s; }
select {outline: none; }
html{scroll-behavior: smooth;}
::selection {text-shadow: none; color: #fff; background: #87b0fa; }
.select2-results__options::-webkit-scrollbar, .modal-popup-create .modal-content::-webkit-scrollbar { width: 0px; background-color: #F5F5F5; } .position-box-wrap .scroll-drop.show::-webkit-scrollbar {width: 3px;}
.tables-wrapper-box::-webkit-scrollbar-thumb, .modal-popup-create .modal-content::-webkit-scrollbar-thumb, .scroll-drop.show::-webkit-scrollbar-thumb { background-color: #9ebbea; border-radius: 3px; border-bottom: none; }
.tables-wrapper-box::-webkit-scrollbar-track, .modal-popup-create .modal-content::-webkit-scrollbar-track, .scroll-drop.show::-webkit-scrollbar-track {background-color: #F5F5F5; }
.tables-wrapper-box { min-height: 408px; max-height: 656px; overflow-y: auto; padding-right: 7px; overflow-x: hidden; }
.bottom-table-wrapper .tables-wrapper-box { min-height: auto; max-height: fit-content; overflow-y: auto; }
.tables-wrapper-box::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; }
.right-content-wrapper h1, .right-content-wrapper h2, .right-content-wrapper h3, .right-content-wrapper h4, .right-content-wrapper h5, .right-content-wrapper h6 {margin-bottom: 0px;}
.rlspace { padding-left: 33px; padding-right: 25px; }
.inline-wrapper { display: flex; justify-content: space-between; gap: 20px; flex-direction: column; }
.campaign-inner-title .inline-wrapper, .campaign-add .inline-wrapper { gap: 0; }
/* .h100 { height: 100%; } 
.h90 { height: 90%; } */
.input-field .form-control::placeholder { color: #667085; opacity: 1!important; }
.input-field .form-control.error::placeholder { color: #F04438!important; }
.field-input-group .form-control.error::placeholder { color: #F04438!important; }
.input-field .form-control.error, .error .select2-selection__rendered, .input-field .form-control.error ~ .currencysign, .input-field .form-control.error ~ .icon-box path { color: #F04438!important; stroke: #F04438!important;}
.error path, .error i { stroke: #F04438; color: #F04438; }
.error .select2-selection__arrow b { background: url(../images/chevron-down-error.svg)!important; }
.form-control.disabled_input:disabled, .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #fff; border-color: #ccc; opacity: .65; }

/*************************** 
left-sidebar-wrapper 
***************************/ 
.main-outer-wrapper { border-radius: 4px; background: #F2F4F7; padding: 84px 86px 99px 86px; position: relative; width: 100%; display: inline-flex; align-items: center; justify-content: center; 
    height: 100%;}
.content-inner-wrapper { border-radius: 22px; border: 2px solid #EAECF0; background: #F2F4F7; }
.main-outer-wrapper .container { max-width: 1556px; } a { text-decoration: none; }
.col-md.left-sidebar-wrapper { max-width: 360px; padding: 0px 25px 0px 17px; min-height: 875px; max-height: 934px; }
.right-sidebar-wrapper { border-radius: 18px; background: #FFF; margin: 8px 9px 8px 0px!important; border: 2px solid #EAECF0; max-height: 934px; min-height: 875px; position: relative; }
.logo-header, .menu-wrapper-content { width: 100%; }
.logo-header { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 12px 0px 27px 11px; border-bottom: 2px solid #EAECF0; }
.logo-right-btn { width: 40px; height: 40px; background: #D0D5DD; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; color: #475467; font-weight: 600; text-transform: uppercase; cursor: pointer; }
.menu-items span, .bottom-bar span { color: #344054; font-family: Inter; font-size: 16.692px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; }
.menu-items .active-num { color: #D0D5DD; font-weight: 600;}
.menu-items .active .active-num { display: block;}
.navbar ul li a { padding: 10px 14px 10px 14px; border-radius: 8px; width: 100%; display: block; border: 2px solid #eaecf000; }
.menu-icon { width: 24px; height: 24px; display: inline-block; margin-right: 22px; }
.navbar a.active, .navbar .menu-wrapper-content a:hover { border: 2px solid #EAECF0; background: #FFF; }
.menu-items .nav-items:nth-child(2) a { display: flex; align-items: center; justify-content: space-between; }
.navbar-expand-lg .navbar-collapse { flex-direction: column; align-items: center; justify-content: space-between;}
.left-sidebar { width: 100%; }
/* .manu-navbar { padding-top: 1rem; height: 62vh; width: 100%; } */
.manu-navbar { padding-top: 42px; height: 100%; width: 100%; }
.logo { align-self: center; }
.navbar-collapse.collapse.show .logo { align-self: flex-start; } #jdnnavbar ul { padding-left: 0; }
.left-sidebar-wrapper .navbar-expand-lg { flex-wrap: nowrap; flex-direction: column; height: 100%;}
.navbar-toggler.collapsed { background: #92a0d1; box-shadow: none; }
.bottom-bar { padding-top: 46px; border-top: 2px solid #EAECF0; position: absolute; bottom: 0; }
.menu-items { min-height: 645px; }

/**************************
Right Side Bar
***************************/
.p0 { padding: 0px!important; }
.right-content-wrapper { padding: 16px 0px 20px 0px; }
.header-content-area { display: inline-flex; justify-content: space-between; width: 100%; gap: 15px; align-items: center; padding-bottom: 19px; border-bottom: 2px solid #F2F4F7; }
.page-title h1, .page-title span { color: #1E293B; font-size: 25.736px; font-weight: 700; line-height: normal; letter-spacing: -0.772px; text-transform: capitalize; }
.page-title span { color: #D0D5DD; }
.campaign-inner-title .page-title span { color: #98A2B3; }

/*==========================
Dashbord-chart
==========================*/
.chart-box-content.left-bar { width: 157px; }
.chart-box-content.right-bar { width: 110px;}
.chart-block.left-bar { width: calc(100% - 110px); padding-right: 24px; }
.chart-wrapper { margin-top: 35px; }
.chart-block-wrap { padding: 24px; border-radius: 8px; border: 1px solid #EAECF0; background: #fff; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10); color: #101828;  display: flex; flex-direction: column; align-items: flex-start; }
.bottom-area .chart-block-wrap { display: block; }
.circle-chart .chart-block-wrap { min-height: 347px;}
.chart-heading { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 24px;}
.line-chart .chart-block { padding-top: 13px; width: calc(100% - 157px); padding-left: 24px; max-height: 80px; }
.left-bar { float: left; }
.right-bar { float: right; }
.circle-chart .chart-box-wrap { padding-right: 88px; }
.chart-heading h5 { font-size: 16px; font-weight: 500; text-transform: capitalize; }
.line-chart .chart-content-num { margin-bottom: 16px; }
.chart-content-num { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.72px; }
.growing { color: #667085; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: capitalize; }
.up-grow { color: #027A48; }
.growing i { width: 20px; height: 20px; text-align: center; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; margin-right: 2px; color: #12B76A; font-weight: 600; } 
.growing span { margin-left: 8px; }
.row.circle-chart { margin-top: 19px; margin-bottom: 28px; }
.platform-num { color: #667085; font-size: 14px; line-height: 20px; text-transform: capitalize; margin-bottom: 0px; padding-left: 0px; }
.platform-num li { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.circle-chart .chart-block { padding-top: 0px; }
.platform-num i { font-size: 8px; }
.bottom-area .chart-heading h5 { font-size: 14px; font-weight: 500; text-transform: capitalize; }
.bottom-area .chart-block { padding-top: 9px; }
.badge-text { padding: 2px 4px 2px 6px; border-radius: 6px; border: 1px solid #D0D5DD; background: #fff; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #344054; font-size: 12px; font-weight: 500; line-height: 18px; } 
.bottom-area .chart-heading { margin-bottom: 8px; }

/*-------------
Empty Box 
--------------*/ 
.empty-col-wrapper { display: flex; align-items: center; justify-content: center; } 
.empty-col-inner img { width: 100%; max-width: 250px; }
.empty-col-inner { padding: 100px 0px 100px 0px; text-align: center; } 
.empty-col-content h3 { padding: 71px 0px 74px 0px; margin-bottom: 0; color: #BFDBFE; text-align: center; font-size: 29px; font-weight: 600; line-height: normal; text-transform: capitalize; } 
.ept-campaign-btn-wrap { display: flex; gap: 16px; justify-content: center; } 
.ept-campaign-btn-wrap .ept-btn { display: inline-flex; gap: 13px; background: #EFF6FF; border: none; color: #3B82F6; font-weight: 500; line-height: normal; text-transform: capitalize; } 
.ept-btn i { color: #93C5FD; width: 15px; height: 17px; } 
.ept-btn:hover { background: #3B82F6; color: #EFF6FF; } 

/*-------------
Button
--------------*/
.placement .date-rang-block { width: 255px; padding: 11px 10px 11px 29px; }
.placement .date-rang-block svg { position: absolute; left: 5px; }
.campaign-inner-title .input-field .field-input-group:nth-child(2) #select-search .select2-container--default .select2-selection--single .select2-selection__rendered, .campaign-inner-title .input-field .field-input-group:nth-child(3) input { font-weight: 500; }
.campaign-inner-title .input-field .field-input-group #select-search .select2-container--default .select2-selection--single .select2-selection__rendered, .campaign-inner-title .input-field .field-input-group input { color: #101828; }
.input-field .field-input-group #select-search .select2-container--default .select2-selection--single .select2-selection__rendered, .input-field .field-input-group input { text-transform: capitalize; }
.input-field .field-input-group input[type='email'] { text-transform: unset; }
.form-switch .form-check-input:focus { box-shadow: none; }
.dropdown-item label, .dropdown-menu li, .dropdown-menu label { cursor: pointer; }
.dropzone-btn { display: flex; align-items: center; gap: 10px; } 
.dropdown-btn-inner, .select2-container--default .select2-selection--single, .default-btn { display: flex; padding: 11px 20px; justify-content: space-between; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid #D0D5DD; background: #fff0; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #344054; font-size: 16px; font-weight: 600; line-height: 24px; z-index: 2; position: relative; cursor: pointer;  }
.ept-btn .default-btn i { height: 24px; line-height: 24px; }
.dropzone-btn .dropdown-btn-inner { min-width: 169px; }
/* .modal-form { display: flex; justify-content: space-between; height: 100%; gap: 20px; } */
.campaign-inner-title .dropzone-btn .dropdown-btn-inner, .campaign-add .dropzone-btn .dropdown-btn-inner { min-width: auto; }
.table-btn .dropdown-btn-inner { padding: 7px 14px; line-height: normal; font-size: 14px; }
.input-field .dropdown-btn-inner, #select-search .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 400; }
.btn_hover .dropdown-btn-inner:hover, .btn_hover .dropdown-btn-inner:hover svg path { border: 1px solid #1849A9; background: #1570EF; box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10); color: #EFF6FF; stroke: #fff; fill: #fff; } 
.dropdown-btn-inner a { color: #667085; }
.dropdown-btn-inner:hover, .dropdown-btn-inner:hover svg path, .date-rang-block:hover, .select2-container--default .select2-selection--single:hover { box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10)!important; }
.dropdown-btn-inner.show, input.dropdown-btn-inner:focus, .date-rang-block:focus, #select-search .select2.select2-container--open .select2-selection--single { border-color: #66afe9!important; }
.dropdown-btn-outer { position: relative; width: fit-content; } 
.dropdown-menu.show { border-radius: 8px; border: 1px solid #F2F4F7; background: #fff; box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); padding: 4px 0px; right: 0px!important; left: auto!important; top: 8px!important; overflow: hidden;}
.dropdown-btn-outer .dropdown-item label { padding: 10px 14px; color: #101828; font-size: 16px; text-transform: capitalize; }
.dropdown-menu.show { width: 320px; } .dropdown-item label { width: 100%; } 
.dropdown-menu.show li { background: #fff; padding: 0px;}
.dropdown-text { color: #101828; font-size: 16px; text-transform: capitalize; } 
.dropzone-btn .modal-check-btn:before { background: url(../images/checkbox.svg); } 
.green-type .dropdown-text { font-weight: 500; } 
.tab-content { padding-top: 24px; margin-bottom: 50px; }
.campaign .tab-content, .customers  .tab-content, .ads .tab-content { padding-top: 0px; }
.nav-tabs-inner .nav-link { color: #98A2B3; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; margin: 0px 44px 0px 0px; padding: 20px 0px 22px; position: relative; }
.nav-tabs-inner .nav-link.active:after { content: ''; position: absolute; border-bottom: 2px solid #2563EB; height: 100%; width: 100%; left: 0; top: 3px; }
.nav-tabs-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 2px solid #F2F4F7; height: 63px; } 
.side-btn-wrap { display: inline-flex; align-items: center; gap: 11px; } 
.nav-tabs-inner .nav-pills .nav-link.active { color: #2563EB; background-color: unset; border: none; border-radius: unset; } 
.nav-link span { color: #D0D5DD; letter-spacing: -0.42px; padding-left: 10px; } 
.side-btn-wrap .dropdown-btn-inner { padding: 9px 16px; min-width: auto; }
.dropdown-btn-inner i { width: 20px; height: 20px; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: scaleY(1); transition: all 0.25s; } 
.dropdown-btn-inner.show i { transform: rotate(180deg); transform: scaleY(-1); }
.side-btn-wrap span { font-size: 14px; font-weight: 600; line-height: 20px; color: #667085; }
.dropdown-btn-outer .dropdown-btn-inner span { color: #344054; }
.dropdown-btn-outer.blue .dropdown-btn-inner span { color: #fff; font-size: 16px; font-weight: 600; }
.dropdown-btn-outer.temp-btn .dropdown-btn-inner span { color: #A15C07; }
.blurblack .dropdown-btn-inner span { color: #fff; }

/*------------
Table 
-------------*/ 
/* .tables-wrapper-fix {
    position: relative;
    background: #F2F4F7;
    padding-top: 38px;
}
.table-heading {
    position: absolute;
    top: 0;
}
.tables-wrapper-box-inner tbody tr {
    background: #fff;
} */
.table-content-des[data-title="Action"] { text-align: end; padding-right: 13px; }
.tables-wrapper-box-inner thead th.ads-checkbox, .table-content-des.ads-checkbox { padding-left: 10px; padding-right: 10px; }
.tables-wrapper-box-inner { width: 100%; }
.off-check { display: none; } 
.bottom-table-wrapper .tables-wrapper-box-inner {    width: 100%; margin-top: 0px; margin-bottom: 0px;}
 .tables-wrapper-box-inner { width: 100%; margin-top: 24px; margin-bottom: 50px; }
.tables-wrapper-box-inner thead { border-bottom: 0.87px solid #F9FAFB; background: #F2F4F7; }
.tables-wrapper-box-inner thead th:first-child { border-radius: 5px 0px 0px 5px; } 
.template-create .tables-wrapper-box-inner thead th:first-child, .template-create .tables-wrapper-box-inner thead th:last-child { border-radius: 0px 0px 0px 0px; padding: 6px 17px; }
.tables-wrapper-box-inner thead th:last-child { border-radius: 0px 5px 5px 0px; } 
/* .tables-wrapper-box-inner thead th { padding: 6px 20px; }  */
.table-heading { display: flex; align-items: center; gap: 3.48px; color: #667085; font-size: 10px; font-weight: 500; line-height: 16px; padding: 11px 20px; } 
.table-heading i { width: 14px; height: 14px; text-align: center; padding: 2px 0px; color: #667085; }
.sort-campagins { cursor: pointer; }
.table-content-des { padding: 13px 20px; border-bottom: 0.87px solid #EAECF0; } 
.table-content-des-inner { display: flex; align-items: center; gap: 10px; } 
.table-content-des-inner .tab-inner-description { font-weight: 500; } 
.tab-inner-description { color: #101828; font-weight: 400; line-height: 17px; text-transform: capitalize; font-size: 12.179px; }
.table-content-des p { color: #667085; font-weight: 400; line-height: 17px; font-size: 12px;}
.right-content-wrapper p { margin-bottom: 0px; } 
.clickable-row { cursor: pointer; }.clickable-row:hover { background: #F5F6FA; transition: all 0.3s ease; }
/*-------------
Pagination
--------------*/ 
.pagination-nub-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; } 
.pagination-bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 24px 16px 24px; border-top: 1px solid #EAECF0; } 
.pagination-btn .dropdown-btn-inner { padding: 8px 14px; color: #344054; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: capitalize; } 
.pagination-nub-inner { display: flex; justify-content: center; align-items: center; padding-left: 0; list-style: none; color: #2d53da; gap: 10px; margin-bottom: 0px; } 
.page-item { padding: 12px; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; transition: all 0.2s ease-out 0s; border-radius: 8px; cursor: pointer; }
.pagination-nub-inner a.page-link { color: #667085; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: capitalize; } 
.page-item:hover, .page-item.active { background-color: #F9FAFB; color: #1D2939; } 
.page-item:hover .page-link { color: #1D2939; } 
.more { width: 40px; height: 40px; text-align: center; transition: all 0.2s ease-out 0s; padding: 12px;} 
.pagination-nub-inner .active a.page-link {
    color: #1D2939;
}

/*-------------
Bottom Table
--------------*/ 
.SwitchCheck { cursor: pointer; }
.bt-table-content { padding-top: 12px; }
.bt-table-inner span { font-weight: 400; color: #475467; font-size: 12px; line-height: normal; text-transform: capitalize; margin-bottom: 0; padding: 5px; }
.bt-table-wrapper { display: flex;}
.bt-input-field { display: flex; padding: 10px 14px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; border: 1px solid #D0D5DD; background: #fff; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); width: 100%; max-width: 144px; height: 44px; } 
.subtotal-block .bt-table-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } 
.subtotal-block .bt-table-inner { flex-direction: row; justify-content: space-between; align-items: center; gap: 22px; } 
.subtotal-block .bt-table-wrapper { flex-direction: column; gap: 13px; }
.bottom-nub-wrapper { border-top: 2px solid #EAECF0; } 
.bottom-table-wrapper { padding-top: 50px; padding-bottom: 25px; } 
.bottom-table-wrapper .tables-wrapper-box-inner thead { border-bottom: none; background: none; height: 100%; }
.bottom-table-wrapper .tables-wrapper-box-inner thead th { padding: 0px 0px; } 
.bottom-table-wrapper tr { vertical-align: text-top; } 
.bottom-table-wrapper .table-heading, .bt-table-inner h4, .bt-table-inner td span { color: #475467; font-size: 12px; font-weight: 700; line-height: normal; text-transform: capitalize; margin-bottom: 0; padding: 5px; } 
.bottom-table-wrapper thead th:nth-child(3) .table-heading { justify-content: center; padding-right: 178px; }
.bottom-table-wrapper thead th:nth-child(4) .table-heading { justify-content: space-between; }
.platform-box .bt-table-wrapper { gap: 10px; padding-left: 37px; } 
.platform-box .bt-table-inner span { font-weight: 700; min-width: 22px; }
.platform-box .bt-table-wrapper .bt-table-inner td { padding: 0px 13px 20px; }
.platform-box .bt-table-wrapper .bt-table-inner td:nth-child(2) span { color: #E83131; }
.platform-box .bt-table-wrapper .bt-table-inner td:nth-child(3) span { color: #96B0F3; }
.platform-box .bt-table-wrapper .bt-table-inner td:nth-child(4) span { color: #99D5A6; }
.platform-box .bt-table-wrapper .bt-table-inner td:nth-child(5) span { color: #667085; }
.platform-box .bt-table-wrapper .bt-table-inner td:nth-child(6) span {color: #A1CC3A;}

/*-------------
Special-css 
-------------*/ 
.space-block i { cursor: pointer; }
.platform-num li:nth-child(1) i { color: #3B82F6; }
.platform-num li:nth-child(2) i { color: #DC2626; }
.platform-num li:nth-child(3) i { color: #10B981; }
.platform-num li:nth-child(4) i { color: #FACC15; }
.table-content-des[data-title="Start"] p { color: #22C55E; font-size: 12.179px; }
.table-content-des[data-title="End"] p { color: #EF4444;  font-size: 12.179px; }
.table-content-des[data-title="Ads"] .tab-inner-description { text-align: center; padding-left: 10px; }
.table-content-des[data-title="Ads"] .tab-inner-description { font-weight: 500; }
.table-content-des[data-title="BoroPark24"] .check-btn[type="checkbox"] { color: #d81b1c; }
.table-content-des[data-title="BoroPark24"] .tab-inner-description i { color: #E83131; }
.table-content-des[data-title="RocklandDaily"] .tab-inner-description i { color: #2D61E7; }
.table-content-des[data-title="RocklandDaily"] .check-btn[type="checkbox"] { color: #2D61E7; }
.table-content-des[data-title="DailyDaily"] .tab-inner-description i { color: #3DB658; }
.table-content-des[data-title="DailyDaily"] .check-btn[type="checkbox"] { color: #3DB658; }
.table-content-des[data-title="williamsburg365"] .tab-inner-description i {  color: #A1CC3A;}
.table-content-des[data-title="williamsburg365"] .check-btn[type="checkbox"]  {  color: #A1CC3A;}
.table-content-des[data-title="JDN"] .tab-inner-description i { color: #101828; }
.table-content-des[data-title="JDN"] .check-btn[type="checkbox"] { color: #101828; }
.table-content-des[data-title="Position"] .tab-inner-description, .table-content-des[data-title="Total"] .tab-inner-description  { font-weight: 500; }
.table-content-des[data-title=Status] .tab-inner-description { padding: 2px 7px; border-radius: 13px; font-size: 10px; } 
.table-content-des[data-title=Status] .tab-inner-description.active { background: #ECFDF3; color: #027A48; } 
.table-content-des[data-title=Status] .tab-inner-description.expire { background: #FEF3F2; color: #B42318; } 
.table-content-des .tab-inner-description i { font-size: 19px; }
.user .table-content-des .tab-inner-description i { font-size: 15px; }
.check-btn[type="checkbox"]:checked::before { content: '\f14a'; font-weight: 900; }
.check-btn[type="checkbox"]:checked.check-btn { opacity: 1; }
.action-icons { display: inline-flex; align-items: center; gap: 4px; }
.action-icons-inner { padding: 9px; width: 36px; height: 36px; text-align: center; }
.bottom-area .rockland { background: #3B82F6; color: #fff; }
.bottom-area .boropark { background: #DC2626; color: #fff; }
.bottom-area .dailymonroe { background: #10B981; color: #fff; }
.bottom-area .jdn { background: #FACC15; color: #fff; }
/*---------------------
Campaigns-title  
-----------------------*/ 
.ex-pd .input-left-box i { color: #fff; font-weight: 500; }
.ex-pd .dropdown-btn-inner { padding-left: 37px; }
.campaign-inner-title .nav-tab-inner-inner .tables-wrapper-box, .campaign-add .nav-tab-inner-inner .tables-wrapper-box { background: #F9FAFB; min-height: 350px; max-height: 350px; }
.customers .tables-wrapper-box { max-height: 720px; }
.campaign-inner-title .tables-wrapper-box-inner th:nth-last-child(2) { width: 24%; }
.drop-text-con .dropdown-text { padding-left: 6px; }
.temp-btn .dropdown-btn-inner { color: #A15C07; border: 1px solid #FEEE95; background: #FEFBE8; } 
.temp-btn .dropdown-btn-inner i { color: #FAC515; } 
.input-field { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 37px; padding-bottom: 32px; background: #fff; }
.modal-btn .input-field { border-top: 2px solid #EAECF0; justify-content: end; }
.customers .modal-btn .input-field, .user .modal-btn .input-field { border-top: none; }
.field-input-group { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; position: relative; } 
.label-form { color: #344054; font-size: 14px; font-weight: 500; line-height: 20px; } 
.input-field .field-input-group-inner .form-control { width: 424px; }
.input-field .form-control:focus, .input-field .form-select:focus, input.form-control:focus, .dropdown-btn-outer input:focus-visible { outline: none; background-color: unset; box-shadow: none; }
.input-field .form-control, .input-field .form-select, .field-input-group .form-control { padding: 11px 14px; border-radius: 8px; border: 1px solid #D0D5DD; background: #fff; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #101828; font-size: 16px; font-weight: 400; line-height: normal; } 
.field-input-group-inner { position: relative; } 
.input-right-box { width: 16px; height: 16px; } 
.input-right-box, .input-left-box { position: absolute; top: 50%; transform: translate(0%, -50%); display: flex; align-items: center; justify-content: center; width: 20px; font-size: 20px; color: #667085; padding-top: 1px; height: 20px; z-index: 3; cursor: pointer; }
.input-left-box { left: 12px; } 
.input-right-box { right: 12px; } 
.form-switch.pdf-copy { padding-left: 8px; } 
.pdf-copy { display: flex; width: 34px; height: 34px; padding: 8px; justify-content: center; align-items: center; border-radius: 50%; background: #EAECF0; }
.check-inner span { font-weight: 400; }
.campaign-add .tables-wrapper-box-inner { margin-top: 0px; }
.campaign-inner-title .tables-wrapper-box-inner {
    margin-top: 0;
}

/*- 30/9/2023 --*/
label { cursor: pointer; }
.green-type svg path { stroke: #fff; }
.campaign-btn-outer .dropdown-btn-outer .dropdown-btn-inner.btn-name, .green-type button, .campaign-btn-outer .dropdown-btn-outer.green-type button, .green-type input { background: #16B364; color: #DCFCE7; }
.green-type:hover .input-left-box, .green-type:hover .dropdown-btn-inner { background: #35d986; }
.campaign-btn-outer .dropdown-btn-outer .dropdown-btn-inner.btn-name:hover, .green-type button:hover, .campaign-btn-outer .dropdown-btn-outer.green-type button:hover, .green-type input:hover { background: #35d986; }
.red-type .dropdown-btn-inner { border: 1px solid #FECDCA; background: #FEF3F2; color: #B42318; } 
.check-btn { display: inline-block; box-sizing: border-box; padding: 0px; width: 20px; height: 20px; float: none; position: relative; cursor: pointer; appearance: none; vertical-align: middle; background: #fff; opacity: 0.5; }
.check-btn::before { content: '\f0c8'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; width: 100%; height: 100%; font-size: 23px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; } 
.add-file-btn .dropdown-btn-inner { background: #2E90FA; color: #fff; } 
.add-file { display: flex; justify-content: center; align-items: center; padding: 100px 0px; } 
.blue .dropdown-btn-inner { border-radius: 8px; border: 1px solid #1849A9; background: #1570EF; box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10); color: #fff; }
.add-file .blue .dropdown-btn-inner { background: #2E90FA; border: none; }
.blue .dropdown-btn-inner:hover, .add-file .blue .dropdown-btn-inner:hover { background: #5390e5; border-color: #5390e5; }
.blue-block a { color: #fff; }
.blue-block a:hover { color: #fff; }
.bottom-table-wrapper .tables-wrapper-box-inner thead tr th:nth-child(3) { width: 482px!important; }

/*================== 
Templates 
===================*/ 
.template .tables-wrapper-box { margin-top: 29px; margin-bottom: 100px; } 
.template .tab-inner-description, .template-create .tab-inner-description, .ads .tab-inner-description { font-weight: 500; } 
.template-create .tables-wrapper-box thead th:nth-child(2) { width: 30.6%; } 
.template-create .bottom-table-wrapper .tables-wrapper-box thead th:nth-child(2) { width: auto; } 
.edit-content-area { display: flex; align-items: flex-start; justify-content: space-between; padding: 17px 29px 14px 21px; } 
.edit-info-wrapper { padding: 15px 32px 15px 29px; } 
.edit-info-content { border-radius: 16px; border: 2px solid #EAECF0; background: #FFF; } 
.more-edit { border-left: unset; background: linear-gradient(270deg, #F0FDF4 5%, #F9FAFB 50%); box-shadow: 0px 1.22278px 3.62304px 0px rgba(0, 0, 0, 0.01); position: relative; border-radius: 0px 0px 16px 16px; } 
.more-edit:before { content: ""; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background-image: linear-gradient(135deg, #e2e8f04f, #BBF7D0); border-radius: 0px 0px 16px 16px; } 
.more-edit-inner { width: 100%; display: flex; justify-content: space-between; padding: 0px 29px 0px 21px; border-radius: 0px 0px 16px 16px; position: relative; background: linear-gradient(270deg, #F0FDF4 5.79%, #F9FAFB 50%); } 
.edit-content-input { min-width: 358px; padding: 0px 15px 0px 0px; } 
.edit-content-check { width: 60%; padding: 0px 15px 0px 0px; } 
.edit-content-select { width: 100%; padding: 0px 15px 0px 0px; } 
.template-create .field-input-group { position: relative; width: fit-content; align-items: flex-start; gap: 8px; } 
.template-create .field-input-group p { color: #475467; line-height: 20px; } 
.edit-content-check label { color: #98A2B3; font-size: 17px; font-weight: 500; line-height: 187.523%; text-transform: capitalize; } 
.edit-content-check .tab-inner-description { display: flex; align-items: center; gap: 16px; } 
.edit-info-wrapper .check-btn { opacity: 1; color: #98A2B3; font-size: small; } 
.edit-info-wrapper .check-btn[type="checkbox"]:checked.check-btn { opacity: 1; background: #475467; border-color: #475467; } 
.edit-info-wrapper .check-btn[type="checkbox"]:checked ~ label { color: #1E293B; } 
/* .field-input-group .form-control { color: #667085; }  */
.more-edit .dropdown-btn-inner { padding: 8px 14px; } .edit-content-select .input-right-box { font-size: 20px; width: 20px; height: 20px; color: #667085; } 
.more-edit .imp-text { width: 100%; } .table-btn { text-align: -webkit-right; } 

/*==================
Ads
===================*/ 
.ads .table-content-des a .tab-inner-description, .placement .table-content-des a .tab-inner-description { color: #1570EF; } 
.template.ads .tables-wrapper-box { margin-top: 0px; } 
.ads .table-content-des a i { padding-left: 5px; font-size: 14px; } 
.views-btn { display: flex; align-items: center; border-radius: 8px; border: 1px solid #D0D5DD; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); overflow: hidden; } 
.views-btn .dropdown-btn-inner { border: none; border-radius: unset; } 
.views-btn .list-btn .dropdown-btn-inner { border-right: 1px solid #D0D5DD;}
.views-btn .dropdown-btn-inner:hover { background: #F9FAFB; }
.gallery_table, .ads_table { display: none; margin-top: 24px; }
.dropdown-btn-inner.active { background: #F9FAFB; }
.template-create .more-edit-inner .field-input-group input { padding-left: 27px; }

/*-------------
Gallery
--------------*/
.gallery-wrapper-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; overflow: hidden; border-radius: 16px; border: 1px solid #EAECF0; padding-bottom: 20px; margin-bottom: 33px; } 
.image-content-wrap { position: relative; } 
.img-inner-wrap { position: absolute; bottom: 0; left: 0; display: flex; padding: 7px 14px; align-items: center; gap: 4px; justify-content: space-between; width: 100%; } 
.icons-bolck { display: flex; align-items: center; } 
.blurblack .dropdown-btn-inner { border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(20px); padding: 7px 14px; color: #FFF; font-size: 14px; line-height: 20px; } 
.image-content-wrap:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 48.65%, rgba(0, 0, 0, 0.80) 100%); }
.image-content-wrap { position: relative; width: 100%; } 
.image-content-wrap img, .text-content-wrap{ width: 100%; } 
.image-content-wrap img { height: 200px; object-fit: cover; }
.text-content-wrap { padding: 0px 20px; } 
.space-block { display: flex; justify-content: space-between; align-items: center; } 
.text-content-wrap a span { color: #1570EF; font-weight: 600; } 
.text-content-wrap span { color: #475467; font-weight: 400; font-size: 14px; } 
.text-title h4 { color: #101828; font-size: 20px; font-weight: 600; line-height: 30px; } 
.text-subtitle h5 { color: #475467; font-size: 16px; font-weight: 700; line-height: 24px; } 
.text-cattitle { margin-top: 24px; } 
.tab-inner-description.active, .tab-inner-description.expire {  padding: 2px 10px; border-radius: 16px; }
.gallery_table .tab-inner-description.active { border: 1px solid #ABEFC6; }
.gallery_table .tab-inner-description.expire { border: 1px solid #efabab; }
.tab-inner-description.active { color: #067647; background: #ECFDF3; }
.tab-inner-description.expire { color: #B42318; background: #FEF3F2; }
.gallery-check { display: flex; align-items: center; gap: 21px; } 
.gallery-check .table-content-des { padding: 0; border-bottom: unset; } 
.gallery-sites { display: flex; align-items: center; gap: 15px; }
/*===================
Placements 
===================*/
.placement .right-side-check { padding: 0px; } 
.placement .nav-link .right-side-check { padding-left: 11px; } 
.placement .nav-tabs-inner .nav-link { color: #667085; padding-bottom: 10px; font-size: 16px; font-weight: 600; } 
.placement .nav-tabs-inner { padding-top: 26px; padding-bottom: 0px; } 
.tooltip-text { visibility: hidden; color: #fff; position: absolute; transform: translate(-12%, -80%); z-index: 1; padding: 12px; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px; background: #101828; width: 160px; bottom: 0px; gap: 4px; } 
.tooltip-text:before { content: ''; position: absolute; width: 15px; height: 15px; background: #101828; left: 22px; bottom: -6px; transform: rotate(45deg); border-radius: 2px; } 
.info-btn .right-side-inner span:hover .tooltip-text { visibility: visible; } 
.placement .mob-label { color: #344054; margin-bottom: 0px; font-weight: 600; display: flex; padding: 7px 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 6px; width: 100%; }
.placement .mobile-content-inner { padding: 4px 4px; gap: 8px; border-radius: 8px; border: 1px solid #EAECF0; background: #F9FAFB; width: 100%; margin-bottom: 0px;} 
.tooltip-text h6, .tooltip-text span { font-size: 12px; font-weight: 600; line-height: 18px; } 
.tooltip-text span { font-weight: 500; } 
.placement .tables-wrapper-box-inner thead th:last-child { width: 50%; } 
.placement .action-icons, .log .action-icons { justify-content: flex-end; width: 100%; } 
.placement .table-content-des[data-title="End"] p { color: #667085; }

/*===================
Log 
===================*/ 
.log .green-action { background: #D1FADF; } 
.log .red-action { background: #FEE4E2; }

/*===================
Customer 
===================*/ 
.table-btn i { color: #344054; }
.all-view-wrapper { margin-top: 20px; } 
.merge { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; gap: 25px; } 
.modal .table-content-des { padding: 0px; border-bottom: none; } 
.all-view-wrapper .view-text { color: #475467; font-size: 14px; font-weight: 600; } 
.customers .field-input-group .form-control { color: #101828; } 
.modal-header-innner h5.check-title { color: #667084; } 
.user .modal-header-innner h5.check-title span { color: #101828; padding-right: 5px; } 
.all-view-content { margin-top: 20px; } 
.customers  .tab-inner-description { display: flex; align-items: center; gap: 4px; } 
.mix-box { display: flex; padding: 1.74px 5.22px 1.74px 6.959px; justify-content: center; align-items: center; gap: 4px; border-radius: 14px; font-size: 10px; font-weight: 500; line-height: 18px; } 
.table-content-des .tab-inner-description .mix-box i { font-size: 10px; } 
.green-text{ background: #ECFDF3; color: #027A48; } 
.black-text { border-radius: 13.919px; background: #F2F4F7; color: #101828; } 
.customers .tab-inner-description { display: flex; gap: 4px; align-items: center; } 
.table-btn { display: flex; align-items: center; gap: 20px; justify-content: flex-end; } 
.customers .action-icons-inner { padding: 9px; display: flex; align-items: center; justify-content: center; } 
.customers .table-content-des-inner a i { color: #475467; } 
.modal-icons-block { display: inherit; } 
.inner-content { padding-left: 0px; } 
.inner-content-text { display: inline-flex; justify-content: space-between; width: 100%; gap: 10px; padding-top: 20px; padding-bottom: 20px; border-bottom: 2px solid #F2F4F7; }
.customers .modal-creating-user .modal-header, .campaign .modal-creating-user .modal-header  { padding-bottom: 30px; }
/*===================
User 
===================*/ 
.user .modal-form { height: 100%; }
.user .tab-content { padding-top: 0px; }
.user .tables-wrapper-box-inner { margin-top: 0; margin-bottom: 0; }
.user_val { text-transform: capitalize; }
i.fa-unlock-keyhole {  color: #667085; font-size: 14px; }
.user .ept-campaign-btn-wrap .ept-btn { margin: 0; } 
.user .tables-wrapper-box { margin-top: 29px; } 
.user .table-content-des .user-content-des p { color: #027A48; font-weight: 500; font-size: 12px; } 
.user .table-content-des .user-content-des { display: flex; gap: 6px; border-radius: 14px; background: #ECFDF3; width: 48px; padding: 2px 7px 2px 6px; justify-content: space-evenly; align-items: center; } 
.user .user-content-des { padding: 13px 5px; } 
.user .action-icons { width: 100%; justify-content: end; } 
.user .table-content-des[data-title="end"] p { color: #363F72; } 
.user .table-content-des[data-title="end"] 
.user-content-des { width: 92px; background: #F9FAFB; display: block; padding: 2px 4px 2px 4px; } 
.user .ept-campaign-btn-wrap .ept-btn i { color: #fff; }
.table-content-des-inner { justify-content: flex-start;}
.user .user-profile-detail h6 { color: #667085; font-size: 12.179px; font-style: normal; font-weight: 400; }
.user .user-profile-detail h5 { margin: 0; text-transform: capitalize; color: #101828; font-family: Inter; font-size: 12.179px; font-style: normal; font-weight: 500; line-height: 17.398px; }
.user-wrapper-boxes ul li:nth-child(2) .user-profile-detail h5, .user-wrapper-boxes ul li:nth-child(3) .user-profile-detail h5 { font-weight: 500; }



/*--------------------
Modal
--------------------*/
.campaign-md { background: rgba(0, 0, 0, 0.40); }
.user .modal-creating-user { background: rgb(242 244 247 / 40%); }
.modal  .modal-dialog { pointer-events: auto; }
.modal-popup-create { overflow: hidden!important; }
.modal-body-inner input.dropdown-btn-inner[placeholder="Select Start Date"] { font-weight: 500; }
.modal-btn .dropdown-btn-inner { padding-top: 10px; padding-bottom: 9px; }
.main-outer-wrapper .dropdown-item.active, .main-outer-wrapper .dropdown-item:active { background: #F9FAFB; color: #101828; }
.main-outer-wrapper .dropdown-item:hover { background: #F9FAFB; }
span.currencysign { position: absolute; left: 0; top: 0; margin: 10px 0px 9px 16px; color: #60697A; }
.position-box-wrap .dropdown-menu.show { width: 100%; }
.modal-footer .form-control { padding-left: 27px; }
.bottom-table-wrapper .bt-input-field { padding-left: 30px; }
.bottom-table-wrapper .currencysign { padding: 2px 0px; font-size: 16px; font-weight: 500; }
.modal.right .modal-body { padding: 0px 0px 80px; }
.modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal-form { display: flex; justify-content: space-between; flex-direction: column; height: 100%; }
.modal.right.fade.show .modal-dialog { right: 0; }
.modal-content h5, .modal-content p { margin-bottom: 0px; } 
.modal-popup-create .modal-dialog { width: 100%; height: auto; max-width: 528px; margin-right: 50px;} 
.modal-popup-create .modal-content { border-radius: unset; border: unset; background: unset; justify-content: space-between; height: 88%; overflow-y: scroll; overflow-x: hidden; position: unset; }
.modal-header-innner h5, .all-view-wrapper h5, .modal-header-innner span { font-size: 20px; color: #101828; font-weight: 600; line-height: 30px; margin-bottom: 4px; display: inline; margin-right: 4px;}
.modal-header-innner p { font-weight: 400; color: #475467; }
.file-input { display: none; } 
.file-upload { border-radius: 12px; border: 1px solid #EAECF0; background: #FFF; text-align: center; padding: 16px 24px; margin-top: 10px; width: 100%; overflow: hidden; position: relative; }
.img-x-btn { position: absolute; right: 8px; top: 7px; width: 20px; height: 20px; justify-content: center; align-items: center; background: #dedede; border-radius: 50%; }
.file-upload img, .file-upload .img-x-btn, .uploaded-file .file-upload-content { display: none; }
.file-upload.uploaded-file .img-x-btn { display: flex; }
.mob-label .img-x-btn i { padding: 0; font-size: 14px; color: #6e6e6e; }
.file-upload.uploaded-file { padding: 0px; }
.file-upload.uploaded-file  img { display: block; }
.file-upload img { width: 212px; height: 141px; object-fit: cover; }
.dropdown-btn-inner.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.modal-body .date-rang-input, .modal-body .dropdown-btn-inner { font-weight: 400; color: #101828; }
.upload-check-outer .check-btn::before { color: #1570EF; padding: 2px; opacity: 1; } 
.upload-check-outer .check-btn[type="checkbox"]:checked.check-btn { border-color: #1570EF; } 
.file-upload .upload-img img { border: 1px solid #EAECF0; border-radius: 8px; background: #FFF; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); padding: 9px; height: auto; width: auto; display: inline-block; } 
.file-upload-content p { color: #1570EF; font-size: 14px; font-weight: 600; line-height: 19px; margin-top: 14px; } 
.file-upload-content p:last-child { color: #475467; font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 0px; } 
.file-upload-content p:first-child { color: #475467; font-size: 14px; line-height: 18px; } 
.calender-wrapper { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; margin-bottom: 39px; }
.create .calender-wrapper .dropdown-btn-inner span { font-size: 14px; font-weight: 400; color: #101828; line-height: 24px; } 
.right-wrapper-outer h6, .right-wrapper-outer p { color: #344054; font-weight: 500; } 
.right-wrapper-outer h6 { font-size: 20px; line-height: 30px; margin-bottom: 0px; } 
.right-wrapper-outer p { font-size: 8px; margin-bottom: 0; } 
.modal-wrapper .modal-body-inner { margin-top: 40px; } 
.modal-wrapper .modal-body-wrapper .modal-header, .modal-wrapper .modal-body { padding: 0px; border-bottom: none; } 
.checkbox-outer { display: flex; column-gap: 14px; align-items: center; margin-bottom: 20px; } 
.upload-check-outer { display: flex; align-items: center; border-radius: 12px; border: 1px solid #EAECF0; background: #ffffff; padding: 12px 16px; width: 100%; justify-content: space-between; } 
.uc-border { border-color: #1570EF; background: #F0F9FF; }
.main-custom-checkbox .uc-border .check-inner h6 { color: #1849A9; }
.right-side-check { padding: 0px 8px; } 
.right-wrapper-outer { padding-right: 40px; } 
.check-inner { display: flex; align-items: center; gap: 8px; } 
.main-custom-checkbox .check-inner h6 { font-weight: 500; color: #344054; line-height: 20px; font-size: 14px; margin-bottom: 0; } 
.modal-wrapper .check-btn { border-radius: 4px; border: 1px solid #D0D5DD; background: #FFF; width: 16px; height: 16px; display: inline-block; position: relative; transition: all 0.4s; appearance: none; vertical-align: middle; opacity: 0.5;}
.modal-wrapper .check-btn[type="checkbox"]:checked::before { transform: scale(1); content: '\f00c'; }
.modal-wrapper .check-btn::before { transform: scale(0); transition: all 0.4s; font-size: small; }
.modal-wrapper .modal-footer { padding: 0px; border-top: 2px solid #EAECF0; } 
.modal-wrapper .modal-footer>* { margin: 0px; } 
.modal-wrapper .modal-footer .imp-content-wrapper { margin: 3px 0px 8px 0px; width: 100%; margin: 3px 0px 110px 0px; } 
.modal-radio-btn { display: none; }
.imp-content-wrapper .field-input-group { align-items: flex-end; width: 100%; } 
.mobile-content-wrapper { position: relative; } 
.mob-label { color: #475467; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 10px; }
.field-input-group .mob-label { width: 100%; }
.mob-label i { color: #98A2B3; padding-right: 10px; } 
.mobile-content-inner { display: flex; justify-content: space-between; align-items: center; gap: 28px; margin-bottom: 15px; } 
.modal-body-inner .dropdown-btn-outer { width: 100%; } 
.modal-body-inner .calender-wrapper .dropdown-btn-outer { width: auto; }
.position-box-wrap .dropdown-item.pd-text, .dropdown-item.pd-text { padding: 10px 20px 5px; color: #101828; font-size: 16px; text-transform: capitalize; }
.modal-body-inner .dropdown-btn-inner { justify-content: space-between; width: 100%; } 
.modal-radio-btn[type="radio"]:checked ~ .mob-label { background: #FFF; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10); }
.imp-text span, .imp-text h3 { color: #344054; text-align: right; line-height: normal; text-transform: capitalize; }
.imp-text span { font-size: 9px; font-weight: 500; } 
.imp-text h3 { font-size: 15px; font-weight: 600; } 
.icon-box { position: absolute; right: 0; top: 0; margin: 0px 16px 0px 0px; height: 100%; display: flex; align-items: center; }
.modal-wrapper  .modal-btn { margin-top: 42px; position: absolute; width: 100%; bottom: 0; left: 0; padding: 0px 30px 0px 38px; z-index: 9; }
.right-side-check p, .right-side-check .right-side-inner { display: inline-flex; padding: 2px 10px; align-items: center; border-radius: 16px; border: 1px solid #EAECF0; background: #F9FAFB; margin-bottom: 0; color: #344054; font-weight: 500; line-height: 20px; } 
.right-side-check p span, .right-side-check .right-side-inner span { padding-left: 5px; z-index: 1; } 
.position-box-wrap { position: unset; margin-bottom: 15px; } 
.position-box-wrap label { width: 100%; } 
.dropdown-item-inner { display: flex; justify-content: space-between; align-items: center; gap: 8px; } 
.modal-check-btn { display: inline-block; width: 20px; height: 20px; position: relative; transition: all 0.4s; appearance: none; vertical-align: middle; } 
.modal-check-btn:before { content: ''; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: scale(0); transition: all 0.4s; color: #fff; background: url(../images/checkbox.svg); } 
.modal-check-btn:checked::before { transform: scale(1); } 
.position-text { width: 100%; display: flex; align-items: center; gap: 8px; } 
.direction-text { color: #101828; font-size: 16px; font-weight: 700; line-height: 24px; text-transform: capitalize; } 
.display-text { color: #667085; text-transform: capitalize; } 
.info-btn p, .info-btn .right-side-inner { border: 1px solid #FECDCA; background: #FEF3F2; color: #B42318; } 
.position-box-wrap .dropdown-item { padding: 0px; } 
.position-box-wrap .dropdown-item label { padding: 10px 14px; } 
.position-box-wrap .scroll-drop.show { padding: 0px; overflow-y: auto; max-height: 200px;}
.calender-wrapper .dropdown-btn-outer label { display: flex; flex-direction: column; cursor: pointer; gap: 8px; } 
.date-rang-block { position: relative; display: inline-flex; gap: 8px; align-items: center; border: 1px solid #D0D5DD; padding: 11px 10px 11px 10px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); border-radius: 8px; } 
.date-rang-input { display: flex; gap: 8px; border: none; background: #fff0; color: #667085; font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; max-width: 160px; }

/*-------------
User Popup
--------------*/
.user-info-block { position: relative; } 
.user .dropdown-menu.show { left: 0!important; min-height: 115px; }
.user-wrapper { border-radius: 8px; border: 1px solid #EAECF0; background: #FFF; box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); position: absolute; top: 50px; right: 0; max-width: fit-content; z-index: 1; } 
.user-wrapper .user-wrapper-boxes ul { padding-left: 0; margin-bottom: 0; } 
.user-wrapper .user-wrapper-boxes ul li { border-bottom: 1px solid  #EAECF0; padding: 12px 16px; } 
.user-profile-inner { width: 40px; height: 40px; border-radius: 200px; border: 2px solid #EAECF0; display: grid; place-items: center; position: relative; z-index: 0; background: #F2F4F7; } 
.user-profile-active h5 { font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #475467; margin: 0; } 
.user-profile-inner span { position: absolute; width: 10px; height: 10px; bottom: 0; right: 0; border-radius: 5px; border: 1.5px solid #FFF; background: #17B26A; } 
.user-wrapper-content { display: flex; gap: 12px; align-items: center; } 
.user-profile-active h5 { font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #475467; margin: 0; } 
.user-profile-detail h6 { color: #475467; font-weight: 400; } 
.user-wrapper-boxes .user-profile-detail h5 { color: #344054; font-weight: 600; line-height: normal; font-family: Inter; font-size: 14px; font-style: normal; margin: 0; text-transform: capitalize; } 
.user-wrapper-outer { display: flex; gap: 12px; align-items: center; } 
.user-wrapper .user-wrapper-boxes ul li:nth-child(1) a { padding: 0; } 
.user-wrapper .user-wrapper-boxes ul li:nth-child(2), .user-wrapper .user-wrapper-boxes ul li:nth-child(3)  { padding: 0px; }

/*-------------
Delete
--------------*/
.campaign-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; background: rgb(16 24 40 / 70%); } 
.campaign-wrapper-popup { width: 400px; height: auto; border-radius: 12px; background: #ffffff; box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08); padding: 24px 24px 24px 24px; } 
.campaign-wrapper-inner { display: flex; gap: 16px; align-items: flex-start; } 
.campaign-wrapper-img h4 { color: #101828; font-size: 18px; font-weight: 600; line-height: 28px; margin-bottom: 4px; } 
.campaign-wrapper-img p { color: #475467; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0; } 
.campaign-wrapper-inner img, .campaign-wrapper-inner span { border-radius: 10px; border: 1px solid  #EAECF0; background: #FFF; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); padding: 12px; } 
.campaign-btn-outer { display: flex; gap: 12px; margin-top: 32px; } 
.campaign-btn-outer .dropdown-btn-outer { width: 100%; } 
.campaign-btn-outer .dropdown-btn-outer .dropdown-btn-inner { padding: 10px 18px; border-radius: 8px; border: 1px solid  #D0D5DD; background: #FFF; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); width: 100%; color: #344054; } 
.campaign-wrapper-popup .campaign-btn-outer .dropdown-btn-outer .dropdown-btn-inner { justify-content: center; }
.campaign-btn-outer .dropdown-btn-outer  .campaign-delete { background: #D92D20; color: #fff; }

/*-------------
Success
--------------*/ 
.success-wrapper { border-radius: 12px; border: 1px solid  #75E0A7; background: #F6FEF9; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); max-width: 404px; width: 100%; padding: 16px; position: fixed; top: 26px; right: 31px; margin-bottom: 20px; z-index: 9; } 
.login-wrap .success-wrapper-inner { align-items: center; }
.cross-sucess-btn .close { border: none; background: none; }
.login-wrap .cross-sucess-btn {top: auto; }
.success-wrapper-inner { display: flex; align-items: flex-start; gap: 16px; } 
.success-wrapper-content h5, .success-wrapper-content h6, .success-back-content h5 { color: #067647; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 12px; } 
.success-wrapper-content h5 { font-weight: 600; margin-bottom: 4px; padding-right: 12px; } 
.success-back-content { display: flex; align-items: baseline; } 
.success-back-content span { margin-left: -4px; } 
.cross-sucess-btn { position: absolute; right: 15px; top: 15px; } 
.success-icons-wrap { border: 1.667px solid rgb(7 148 85 / 10%); width: 35px; height: 35px; } 
.success-icons-inner { border: 1.667px solid rgb(7 148 85 / 30%); width: 26px; height: 26px; } 
.success-icons-inner, .success-icons-wrap { border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.cross-sucess-btn i { color: rgb(3, 113, 3); font-size: 20px; }
/*-------------
Error
--------------*/
.error-wrapper { border-color: #f39090; background: #ebe6e6; }
.error-wrapper .success-icons-wrap { border-color: rgb(243 144 144 / 10%); }
.error-wrapper .success-icons-inner { border-color: rgb(148 7 7 / 30%); }
.error-wrapper .success-icons-inner path { stroke: #f39090; }
.error-wrapper .cross-sucess-btn i { color: #f39090; }
input.error { border-color: #FECDCA!important; }
.main-outer-wrapper .error, .main-outer-wrapper .error ~ .file-upload { border-color: #FECDCA!important; color: #F04438; }
.main-outer-wrapper label .error { color: #FECDCA; border-color: unset !important; }
input ~ label.error, #select-search label.error { display: none!important; }
.modal-footer .error_amount { display: none; }
.main-outer-wrapper .error .upload-check-outer { border-color: #FECDCA!important; }

/*-------------
User Modal
--------------*/  
.user .modal-header-innner span { color: #667084; } 
.user .modal-creating-user .modal-body-wrapper .modal-header { padding-bottom: 32px; border-bottom: 2px solid #F2F4F7; } 
.modal-creating-user .modal-body .input-field { flex-direction: column; align-items: flex-start; gap: 25px; padding-bottom: 38px; } 
.modal-creating-user .modal-body .input-field .field-input-group-inner .form-control { padding: 11px 40px; width: 100%; }
.modal-creating-user .modal-body .input-field .field-input-group,  .modal-creating-user .modal-body .input-field .field-input-group-inner { width: 100%; } 
.modal-creating-user .modal-body, .modal-creating-user .modal-header { padding: 0; } 
.modal-creating-user .modal-body .form-input-outer:first-child { border-bottom: 2px solid #F2F4F7; } 
.modal-creating-user .modal-body .field-user-group { flex-direction: row; padding-top: 35px; } 
/* .user .modal-creating-user .modal-body .field-user-group .field-input-group-inner { width: max-content; }  */
.user .modal-creating-user .modal-footer { border: none; padding: 0; border-top: 2px solid #F2F4F7; padding-top: 31px; }

/*-------------
Change Password
--------------*/ 
.full-block { margin-top: 20px; }
.full-block .field-input-group { margin-bottom: 10px; }
.change-pass .campaign-wrapper-inner { align-items: center; }

/*-------------
Login 
--------------*/  
.login-wrapper { border-radius: 4px; background: #F2F4F7; padding: 81px 80px 80px 82px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: fixed; }
.login-wrapper-inner { border-radius: 31px; border: 2px solid  #EAECF0; background: #F2F4F7; padding: 8px; } 
.login-wrapper-content { border-radius: 25px; border: 2px solid #EAECF0; background: #F2F4F7; padding: 10px; } 
.login-wrapper-inner .login-left-wrapper { position: relative; background: #1570EF; min-width: 879px; overflow: hidden; z-index: 1; border-top-right-radius: 18px; border-bottom-right-radius: 18px; } 
.overlay { position: absolute; background: url(../images/quotes-bg.svg); width: 100%; height: 100%; background-position: right; background-repeat: no-repeat; background-size: inherit; top: 0; left: 0; z-index: -1; } 
.login-content-wrapper { display: flex; align-items: flex-start; gap: 20px; }
.login-right-wrapper { max-width: 360px; margin: 142px auto; } 
.login-wrapper-form { margin-top: 78px; } 
.login-wrapper-form h4 { color: #101828; font-family: Inter; font-size: 30px; font-style: normal; font-weight: 600; line-height: 38px; margin-bottom: 12px; } 
.login-wrapper-form p { font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #475467; margin-bottom: 0; } 
.login-input-wrapper { margin: 32px 0px 68px 0px; background: #FFF; } 
.login-input-wrapper .form-control { padding: 10px 14px; border-radius: 8px 8px 0px 0px; background: #fff; border: 1px solid #D0D5DD; }
.login-input-wrapper input[type="text"]:focus, .login-input-wrapper  input[type="password"]:focus { box-shadow: none; outline: none; border-color: #D0D5DD; } 
.login-input-wrapper .form-control.error:focus { border-color: #ff0000; }
.login-input-wrapper input[type="password"] { border-top-left-radius: 0; border-top: 0; border-top-right-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } 
.login-wrapper-form input[type="submit"] { border-radius: 8px; border: 1px solid #1570EF; background: #1570EF; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #fff; padding: 15px 28px; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; } 
.login-input-wrapper input[type="password"].form-control.error { border-top: 1px solid #ff0000; }
.login-pad-wrapper { padding: 0px 154px 0px 142px; height: 100%; display: flex; align-items: center; }
.login-text-wrapper h3 { color: #FFF; font-size: 50px; font-weight: 700; line-height: 63px; letter-spacing: -0.999px; margin-bottom: 44px; }
.login-text-wrapper h6 { color: #FFF; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; } 
.login-input-wrapper input[type="text"]::-webkit-input-placeholder { color: #667085; font-family: Inter; font-size: 16px; font-weight: 400; line-height: 24px; } 
.login-wrapper-form p:last-child { font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-align: center; margin-top: 32px; } 
.login-outer-form { background: #fff; border-top-left-radius: 18px; border-bottom-left-radius: 18px; border-top: 2px solid #EAECF0; border-left: 2px solid #EAECF0; border-bottom: 2px solid #EAECF0; position: relative; }
.login-input-wrapper .error { color: #ff0000; padding: 5px; border: 1px solid #ff0000; }
.login-input-wrapper label.error { display: none!important; }
.login-input-wrapper .form-control.error { color: #212529; padding: 10px 14px;}
.top-copy-right { position: absolute; bottom: 36px; left: 40px; color: #98A2B3; font-weight: 600; }
/*--login form start-*/
.login-form-outer { width: 100%; max-width: 400px; margin: 0 auto; background: #fff; border-radius: 12px; box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08); padding: 24px; position: absolute; top: 0; left: 50%; transform: translate(-50%, 50%); z-index: 11; } 
.overlay-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: -1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, #000 100%); } 
.form-input-outer label { width: 100%; } 
.form-check-outer { display: flex; justify-content: space-between; align-items: center; margin: 20px 0px 32px 0px; } 
.form-check-inner { display: flex; gap: 8px; align-items: baseline; } 
.form-check-outer p { font-weight: 600; } 
.form-check-outer p a { color: #6941C6; font-weight: 600; } 
.form-check-inner p { color: #344054; font-weight: 500; } 
.form-check-outer p, .form-check-inner p { font-size: 14px; line-height: 20px; } 
.login-form-inner h2 { color: #101828; font-size: 18px; font-weight: 600; line-height: 28px; margin-bottom: 4px; } 
.login-form-inner p { color: #475467; font-weight: 400; line-height: 20px; margin-bottom: 46px; } 
.form-input-outer label { width: 100%; color: #344054; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 20px; } 
.form-check-outer p { margin: 0; color: #344054; font-weight: 500; } 
.login-form-outer .form-control { border-radius: 8px; border: 1px solid #D0D5DD; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); padding: 10px 14px; margin-top: 6px; } 
.login-form-outer .form-control::-webkit-input-placeholder { color: #667085; font-size: 16px; font-weight: 400; line-height: 24px; } 
.form-input-outer { display: flex; flex-direction: column; row-gap: 16px; } 
.form-login-sign .form-control { border: 1px solid #7F56D9; background: #7F56D9; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); text-align: center; color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; } 
.form-login-sign { display: flex; flex-direction: column; row-gap: 12px; } 
.form-sumbit-btn .btn { background: #fff; border-radius: 8px; border: 1px solid  #D0D5DD; color: #344054; } 
.form-sumbit-btn .btn svg { margin-right: 12px; } 
.form-sumbit-btn .btn:hover { color: #fff; background: #7f56d9; } 
.user .tables-wrapper-box-inner .dropdown-btn-inner { font-size: 14px; line-height: 20px; min-width: 116px; padding: 7px 14px; }
.modal-form { height: auto; }

/*-------------
Select - 2 
--------------*/ 
.select2-container--default .select2-selection--single { justify-content: flex-start; }
#select-search .selectStates { display: none; }
.select2-container--default .select2-selection--single { height: auto; }
.input-field .select2-container--default .select2-selection--single { padding: 9px 14px; }
.campaign-inner-title .select2-container--default .select2-selection--single { padding: 9px 20px; } 
#select-search .select2-container--default .select2-selection--single .select2-selection__rendered { color: #344054; font-size: 16px; font-weight: 600; line-height: 24px; } 
.input-field #select-search .select2-container--default .select2-selection--single .select2-selection__rendered {font-weight: 400; padding-left: 0px; }  
#select-search .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url(../images/chevron-down.svg); border: none; width: 20px; height: 20px; left: 0; border-color: unset; border-style: none; border-width: unset; margin: 0px -8px; transform: scaleY(1); transition: all 0.25s; }
.select2-results .select2-results__option { padding: 10px 14px 10px; text-transform: capitalize; } 
#select-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { background: url(../images/chevron-down.svg); transform: scaleY(-1); }
#select-search .select2-container--default .select2-selection--single .select2-selection__arrow { top: -1px; }
.select2-results__option { position: relative; cursor: pointer; } 
.select2-results__option--highlighted { background: #F9FAFB; } 
.select2-container--default .select2-results__option[aria-selected=true]::before { font-family: 'FontAwesome'; position: absolute; right: 10px; top: auto; content: "\f00c"; display: block; color: #5897fb; }
#select-search .select2.select2-container--open { border-bottom-left-radius: unset; border-bottom-right-radius: unset; } 
.select2-container .select2-dropdown { border-radius: 8px; border: 1px solid #F2F4F7; background: #fff; box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); overflow: hidden; width: 295px!important; top: 13px; }
#select-search .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.dropdown-btn-outer .dropdown-item.active { background: #F9FAFB; color: #000; }
.dropdown-btn-inner.add-newCustomer { background: #2E90FA; color: #fff; border-radius: unset; border: none; width: 100%; justify-content: flex-start; padding: 12px 14px 12px; }
.modal-popup-create .modal-body-wrapper { border-radius: 24px; border: 2px solid #D0D5DD; background: #FFF; box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); padding: 30px 30px 0px 38px; position: relative; }
#select-search  .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 16px; padding-left: 0px; }
#select-search .select2-container--default .select2-selection--single .select2-selection__rendered span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; display: block; }
#select-search .select2-selection--single .select2-selection__rendered { max-width: unset; width: 100%; }
#select-search .select2 { width: auto!important; }
.campaign-add #select-search .select2 { width: 170px!important; }
.add-file.add-file-remove { padding: 0px 0px; margin-top: -30px;}
/*---
27/06/024
 --*/
.customer-wrap {
    display: inline-flex;
    align-items: center;
    gap: 30px;
} 
/*=================
Media Screen
=================*/
@media only screen and (max-width: 4000px) and (min-width: 2000px) {
    .main-outer-wrapper { height: 100%; }
    .manu-navbar { height: 34vh; }
}
@media only screen and (max-width: 4000px) and (min-width: 1700px) {

    .login-wrapper .container-fluid { max-width: 1568px; }
}
 @media only screen and (min-width: 2000px) and (max-width: 3000px) {
    .manu-navbar { height: 46vh; }
}
@media only screen and (max-width: 4000px) and (min-width: 3000px) {
    .manu-navbar { height: 37vh; }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .login-wrapper-inner .login-left-wrapper { min-width: unset;}
}
@media only screen and (max-width: 2200px) {
    .modal-popup-create .modal-content { height: 85vh; }
   }
@media only screen and (max-width: 1650px) {
.main-outer-wrapper { padding: 30px; }
.table-content-des[data-title="BoroPark24"], .table-content-des[data-title="RocklandDaily"], .table-content-des[data-title="DailyDaily"], .table-content-des[data-title="JDN"] { padding: 13px 0px 13px 15px; }
.campaign .tables-wrapper-box-inner thead th:nth-child(6), .campaign .tables-wrapper-box-inner thead th:nth-child(7), .campaign .tables-wrapper-box-inner thead th:nth-child(8), .campaign .tables-wrapper-box-inner thead th:nth-child(9) {padding: 0px 5px; }
.tables-wrapper-box-inner thead th { padding: 0px 0px 0px 15px; }
.login-pad-wrapper { padding: 0px 50px 0px 50px;}
}
@media only screen and (max-width: 1440px) {
.table-content-des { padding: 12px 8px 12px 12px; }
.tables-wrapper-box-inner thead th { padding: 0px 0px 0px 12px; }
.dropdown-btn-inner { padding: 11px 12px; font-size: 14px; }
.side-btn-wrap { width: 27%; justify-content: end; }
.input-field .field-input-group-inner .form-control { width: 100%; }
.manu-navbar {  height: auto;}
.main-outer-wrapper {height: auto; padding: 15px;} 
.side-btn-wrap { width: 45%;}
body {overflow: auto;}
.modal-form { height: auto;}
.nav-tabs-inner .nav-link { margin: 0px 25px 0px 0px;}
.ads .main-outer-wrapper .tables-wrapper-box td { padding-right: 17px; }
}
@media only screen and (max-width: 1275px) {
    body{ overflow: auto;}
    .col-md.left-sidebar-wrapper { min-width: 100%;  min-height: unset; max-height: unset; height: auto; }
    .left-sidebar-wrapper .navbar-expand-lg .navbar-toggler { display: block; order: 3; }
    .bottom-bar { bottom: 0; padding-top: 15px; }
    .left-sidebar-wrapper .navbar-expand-lg .navbar-collapse { display: none!important; }
    .bottom-bar {  bottom: 0px; }
    .manu-navbar { margin-bottom: 20px; }
    .left-sidebar-wrapper .navbar-expand-lg .navbar-collapse.show { display: flex!important; }
 .tables-wrapper-box thead { display: none; } 
.tables-wrapper-box table, .tables-wrapper-box tbody, .tables-wrapper-box th, .tables-wrapper-box td, .tables-wrapper-box tr { display: block; } 
.tables-wrapper-box thead tr { position: absolute; top: -9999px; left: -9999px; } 
.tables-wrapper-box tr { border-radius: 22px; border: 2px solid #EAECF0; margin-bottom: 25px; } 
.main-outer-wrapper .tables-wrapper-box td { border: none; border-bottom: 0.87px solid #EAECF0; position: relative; padding-left: 50%; white-space: normal; text-align: left; min-height: 50px; color: #667085; font-size: 12px; font-weight: 500; line-height: 18px; } 
.tables-wrapper-box td:before { position: absolute; top: 10px; left: 20px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
 .tables-wrapper-box td:before { content: attr(data-title); }
 .menu-items { padding-bottom: 53px; }
 .manu-navbar { height: auto; }
 .nav-tabs-inner { height: auto; flex-wrap: wrap; }
 .main-outer-wrapper .tables-wrapper-box td { padding-right: 30px; text-align: end; }
 .customers .tab-inner-description { display: flex; gap: 4px; align-items: center; justify-content: end; }
 .table-btn { justify-content: end;} 
 .ads .tab-content .pagination-nub-wrapper { order: 1; }
 .ads .tables-wrapper-box { display: flex; flex-direction: column; }
 .table-content-des-inner {
    justify-content: end;
} 
.login-wrapper-inner .login-left-wrapper {min-width: min-content;}
.login-right-wrapper {  margin: 10px; max-width: 100%;}
.user-wrapper { z-index: 3; }

.menu-items {
    min-height: 260px;
}
.modal-popup-create .modal-dialog { margin: 20px auto 0 auto; }
}
 
@media only screen and (max-width: 1024px) {
.nav-tabs-inner .nav-link { font-size: 13px; margin: 0px 20px 0px 0px;}
.nav-tabs-inner { height: auto; flex-wrap: wrap; row-gap: 15px; }
.dropzone-btn { display: flex; align-items: center; gap: 5px; }
.menu-items { padding-bottom: 15px;}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-wrapper { padding: 10px;  position: fixed;}

} 
@media only screen and (max-width: 991px) {
.tables-wrapper-box thead { display: none; }
.tables-wrapper-box table, .tables-wrapper-box tbody, .tables-wrapper-box th, .tables-wrapper-box td, .tables-wrapper-box tr { display: block; } 
.tables-wrapper-box thead tr { position: absolute; top: -9999px; left: -9999px; } 
.tables-wrapper-box tr { border-radius: 22px; border: 2px solid #EAECF0; margin-bottom: 25px; }
.tables-wrapper-box td:before { position: absolute; top: 10px; left: 20px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } 
.tables-wrapper-box td:before { content: attr(data-title); } 
.col-md.left-sidebar-wrapper { max-width: 100%; padding: 0px 25px 0px 17px; }
.manu-navbar { height: 100%; }
.logo-header { padding: 0px 0px 10px; }
.nav-tabs-inner .nav-link { margin: 0px 12px 0px 0px; }
.pagination-nub-wrapper { position: relative; }
.main-outer-wrapper .tables-wrapper-box td:last-child { border-bottom: none; }
.table-content-des[data-title=Status] .tab-inner-description { display: inline; }
.header-content-area { display: block; }
.dropzone-btn { margin-top: 15px; }
.dropdown-menu.show { left: 0!important; }
.user .action-icons { justify-content: start; }
.bottom-bar { padding-top: 0px; border-top: none; }
#jdnnavbar ul { margin-bottom: 0px; }
.logo-header .navbar-toggler { box-shadow: none; }
.side-btn-wrap { width: 100%; justify-content: start; flex-wrap: wrap; }
.nav-item .nav-link { padding: 10px 0px; }
.nav-tabs-inner .nav-link.active:after { top: 0; }
.col-md.right-sidebar-wrapper { flex: 1 1 100%; max-height: unset; min-height: unset; position: relative; height: 100%;}
.input-field { display: flex; }
.field-input-group-inner { width: 100%; }
.field-input-group { margin-bottom: 10px; }
.platform-box .bt-table-wrapper {padding-left: 0px; }
.bt-table-content { padding: 18px; }
.dropzone-btn { flex-wrap: wrap; }
.login-wrapper-inner .login-left-wrapper {min-width: min-content;}
/* .login-wrapper { position: relative; padding: 81px 10px; } */
.login-pad-wrapper {
    padding: 0;
}
.menu-items {
    min-height: 0px;
}
.user .header-content-area { display: inline-flex; }
.modal {
    padding: 0px 10px;
}

}
@media only screen and (max-width: 767px) {
.gallery-check { gap: 10px; }
.line-chart, .bottom-area, .circle-chart { row-gap: 20px; }
.login-wrapper-form h4 { font-size: 25px; }
.login-wrapper { padding: 10px;  display: block; }
.login-pad-wrapper { padding: 15px 0; }
.login-text-wrapper h6 { font-size: 25px; line-height: 40px; }
.login-text-wrapper h3 { font-size: 35px; line-height: 40px; }
}
@media only screen and (max-width: 675px) {
.main-outer-wrapper { padding: 10px; }
.dropdown-btn-inner { padding: 10px 11px; font-size: 14px; }
.ept-campaign-btn-wrap { display: block; }
.ept-btn  { margin-bottom: 15px; }
.dropzone-btn { flex-wrap: wrap; }
.dropzone-btn .dropdown-btn-inner { margin-bottom: 0px; }
.pagination-bar { padding: 12px 0px 16px 0px; flex-wrap: wrap; }
.pagination-btn { order: 3; }
.pagination-nub-inner { flex-wrap: wrap; margin-bottom: 15px; }
.right-sidebar-wrapper { margin: 0px!important; border: none; }
.empty-col-inner { padding: 50px 0px 50px 0px; }
.rlspace { padding-left: 10px; padding-right: 10px;}
.main-outer-wrapper .tables-wrapper-box td { padding-right: 7px;}
.table-btn .dropdown-btn-inner { padding: 7px 4px; font-size: 13px; }
.table-btn { gap: 10px; }
.right-content-wrapper p { font-size: 12px; }
.customers .main-outer-wrapper .tables-wrapper-box td { padding-left: 0; }
.tables-wrapper-box {overflow-x: hidden; }
.user .main-outer-wrapper .tables-wrapper-box td { text-align: left; }
.nav-tab-inner-inner .input-field { flex-wrap: wrap; }
}
@media only screen and (max-width: 575px) {
    .user-profile-detail h6 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100px; }
    .login-wrapper { position: relative; }
    .login-wrapper-form { margin-top: 20px;}  
    .select2-container .select2-dropdown {  width: 170px!important;}  
    .dropdown-menu.show { width: 285px; }
    .campaign-add .mobile-content-area, .campaign-inner-title .mobile-content-area { width: 100%; }
    .campaign-add .mob-label, .campaign-inner-title .mob-label {  width: 100%;}
    .campaign-add .mobile-content-inner, .campaign-inner-title .mobile-content-inner { flex-wrap: wrap; }
    .campaign-add .checkbox-outer, .campaign-inner-title .checkbox-outer {  flex-wrap: wrap;  row-gap: 10px; }
    .modal-creating-user .modal-body .field-user-group { flex-wrap: wrap; }
    .file-upload img { width: 100%; }
}

@media only screen and (max-width: 375px) {
.empty-col-inner img { width: 100%; }
.pagination-nub-wrapper.rlspace { padding: 0px; }
.tables-wrapper-box td:before { left: 10px; top: 16px; }
.main-outer-wrapper .tables-wrapper-box td {padding-left: 42%; }
.text-title h4 { font-size: 16px; }
.text-subtitle h5 { font-size: 14px; }
.input-field { display: flex; }
.main-outer-wrapper .tables-wrapper-box td { padding-left: 41%; }
.pdf-copy { width: 25px; height: 25px; }
}

/*--6/11/2023--*/
.login-outer-form p:last-child { text-align: center; padding-top: 32px; font-weight: 600; line-height: 20px; }
.user .modal-creating-user .modal-body .input-field .field-input-group .dropdown-btn-outer {
    width: 100%;
}
.user .modal-creating-user .modal-body .input-field .field-input-group .dropdown-btn-outer .dropdown-btn-inner {
    width: 100%;
    justify-content: flex-start;
}
.dropdown-btn-outer .button-name {
    width: 38px;
}
.action-icons-inner a.active svg path {
    stroke: #ffc107;
}
.position-box-wrap .check-inner span {
    text-transform: capitalize;
}