:root{
  --bodyColor: #0F0E20;
  --ebonyBlack: #0A091B;
  --transparentBlack: #272727;
  --exoticTeal: #0FA7B5;
  --exoticTealHover: #088a96;
  --textBoulder: #F2EFE9B2;
  --blackCharcoal: #212121;
  --darkCharcoal: #333333;
  --placeHolder: #FFFFFF55;
  --dropdownBg: #141327;
  --dropdownHover: #484848;
  --whiteAmber: #F2EFE9;
  --whiteAmberRGB: 242, 239, 233;
  --whiteRGB: 255, 255, 255;

}

/* scroll css  */
::-webkit-scrollbar-thumb{background: #4B4B4B !important;}
::-webkit-scrollbar-track {box-shadow: none !important; border-radius: 0px;}

/* font weight class start */
.fw-bold {font-weight: bold;}
.fw-semibold {font-weight: 700;}
.fw-semibold_600 {font-weight: 600 !important;}
.fw-medium {font-weight: 500 !important;}
.font-weight-medium{font-weight: 500;}
.fw-normal {font-weight: 400 !important;}
/* font weight class End */

/* font size css Start */
.fs_11{font-size: 11px;}
.fs_12{font-size: 12px;}
.fs_13{font-size: 13px;}
.fs_14{font-size: 14px;}
.fs_16{font-size: 16px;}
.fs_18{font-size: 18px;}
.fs_20{font-size: 20px;}
.fs_24{font-size: 24px;}
.fs_25{font-size: 25px;}
.fs_30{font-size: 30px;}
.fs_32{font-size: 32px;}
/* font size css End */

/* spacing css Start  */
.m_l-5{margin-left: -5px;}
.mt_34{margin-top: 34px;}
.mb_30{margin-bottom: 30px;}
.pb_35{padding-bottom: 35px;}
.mb_5{margin-bottom: 5px;}
.pb_14{padding-bottom: 14px;}
.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mt_18{margin-top: 18px;}
.mt_20{margin-top: 20px;}
.mb_20{margin-bottom: 20px;}
.mb_23{margin-bottom: 23px;}
.mt_27{margin-top: 27px;}
.mt_26{margin-top: 26px;}
.p_20{padding: 20px;}
.p_30{padding: 30px;}
.pr_12{padding-right:12px ;}
.pr_20{padding-right: 20px;}
.grid_gap_8{grid-gap: 8px;}
/* spacing css End  */

/* color for SVG  */
.stock_svg_w svg path {stroke: var(--White);}
.fill_svg_w svg path {fill: var(--White); stroke: transparent !important;}
.dark_mode .btn-border.btn_border_secondary.fill_svg_w svg path{stroke: transparent !important;}
.prime_flow.dark_mode .btn-border.btn_border_secondary:hover svg path{stroke: var(--White) !important}
.prime_flow.dark_mode .btn-border.btn_border_secondary.fill_svg_w:hover svg path{stroke: transparent !important}
/* color for SVG  */

/* color  */
.bg_ebonyBlack {background: var(--ebonyBlack) !important;}
.bg_dropdownBg{background: var(--dropdownBg) !important;}
.bg_transparentBlack, .prime_flow.client_new_design .bg_transparentBlack:focus{background: var(--transparentBlack) !important}
.text_textBoulder{color: var(--textBoulder) !important;}


.border_bottom{border-bottom:1px solid #FFFFFF26 ;} 
.border_bottom_list{border-bottom:1px solid #D0D5DD47 ;} 

/* btn css Start ******Add PF in front****** */

.prime_flow.client_new_design .btn, .prime_flow.client_new_design .sortbtn{border-radius: 14px;}

.pf_btn_primary{border-radius: 14px; background-color: var(--exoticTeal); border-color: var(--exoticTeal); color: var(--White);}
.pf_btn_primary:hover, .pf_btn_primary:active, .pf_btn_primary:focus,
.pf_btn_primary:not(:disabled):not(.disabled).active, .pf_btn_primary:not(:disabled):not(.disabled):active, .show > .pf_btn_primary.dropdown-toggle, .btn-primary.disabled, .btn-primary:disabled
{color: var(--White); background-color: var(--exoticTealHover); border-color: var(--exoticTealHover);}

.prime_flow .btn_border_secondary {border-color: #414141 !important;}
.prime_flow .btn_border_secondary:hover, .prime_flow.dark_mode .btn-border.btn_border_secondary:hover {border-color: var(--exoticTeal) !important; background: var(--exoticTeal) !important; color: var(--White) !important;}
.dark_mode .btn-border.btn_border_secondary:hover svg path{stroke: var(--Black) !important;}
/* btn css End */

/* datepicker css Start */
.prime_flow.client_new_design .datepicker_custom_range svg{display: none;}
.prime_flow.client_new_design .datepicker_custom_range{background-color: var(--ebonyBlack);}
.prime_flow.client_new_design .daterangepicker {background: var(--dropdownBg); border-color: var(--dropdownBg);}
.prime_flow.client_new_design .daterangepicker .ranges li{position: relative; padding-right: 25px !important;}
.prime_flow.client_new_design .daterangepicker .ranges li:hover, .prime_flow .daterangepicker .ranges li.active{background: #223B3E !important;}
.prime_flow .daterangepicker .ranges li.active::after{content: '';position: absolute;background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2211%22%20viewBox%3D%220%200%2016%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.6668%201L5.50016%2010.1667L1.3335%206%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
z-index: 9;width: 15.35px;height: 11.2px;right: 5px;top: calc(50% - 5.6px);background-repeat: no-repeat;}
/* datepicker css End */

/* select2 css Start  */

.prime_flow.client_new_design .slect2-mod_new, .prime_flow.client_new_design .cust_select2-btn, .prime_flow.client_new_design .slect2-mod_new .select2-container--default .select2-selection--single,
.login_page_new .slect2-mod_new, .login_page_new .cust_select2-btn, .login_page_new .slect2-mod_new .select2-container--default .select2-selection--single
{background: var(--ebonyBlack) !important;}
.prime_flow.client_new_design .slect2-mod_new .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .prime_flow.client_new_design .cust_select2-btn::after,
.prime_flow .form_area .slect2-mod_new .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .prime_flow .form_area .cust_select2-btn::after
{    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201L6%206L11%201%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E);}
.prime_flow.client_new_design .select2-dropdown.select2-dropdown,
.login_page_new .select2-dropdown.select2-dropdown
{background-color: var(--dropdownBg);}
.prime_flow.client_new_design .select2-container--default .select2-results__option[aria-selected=true], .prime_flow.client_new_design .select2-container--default .select2-results__option--highlighted[aria-selected],
.login_page_new .select2-container--default .select2-results__option[aria-selected=true], .login_page_new .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: var(--dropdownHover) !important;}
.prime_flow.client_new_design .select2-container--default .select2-results__option[aria-selected=true]::after, .cust_dropdown_sm_status .show_selected::after,
.login_page_new .select2-container--default .select2-results__option[aria-selected=true]::after, .cust_dropdown_sm_status .show_selected::after{    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2211%22%20viewBox%3D%220%200%2016%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.6668%201L5.50016%2010.1667L1.3335%206%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");}
.prime_flow.client_new_design .select2-container--default .select2-search--dropdown .select2-search__field,
.login_page_new .select2-container--default .select2-search--dropdown .select2-search__field{background: transparent !important;border-radius: 8px;border-color: #D0D5DD24;padding: 9px; color: var(--White); }

.prime_flow.client_new_design .cust_select2-menu, .client_new_design .cust_select2-menu input.cust_search,
.login_page_new .cust_select2-menu, .login_page_new .cust_select2-menu input.cust_search
{background-color: var(--dropdownBg) !important; }
 .client_new_design .cust_select2-menu input.cust_search,
 .login_page_new .cust_select2-menu input.cust_search
 {background-color: var(--dropdownBg) !important; background: transparent !important;border-radius: 8px;border-color: #D0D5DD24;padding: 9px; padding-left: 38px;}
 
.login_page_new .select2-dropdown {border-color: transparent ; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px}
 .select2-search {position: relative;}
 .prime_flow_select2 {position: absolute;left: 14px;top: 50%;transform: translateY(-50%);pointer-events: none;color: #8a8a8a;}
 .dropdown-menu .prime_flow_select2 svg {width: auto;}
 .prime_flow.client_new_design .cust_select2-menu .prime_flow_select2 {top: 26px;}
  .login_page_new .select2-search__field {padding-left: 9px !important;}
 .select2-search__field {padding-left: 36px !important;}
.prime_flow.client_new_design .cust_select2-list li span:hover, .prime_flow.client_new_design .cust_select2-accordion .card-header h5:hover, .prime_flow.client_new_design .cust_select2-accordion .card-header h5:hover .toggle_icon, .prime_flow.client_new_design .cust_select2-accordion .menu_item ul li:hover, .prime_flow.client_new_design .cust_select2-list li.order_status_dropdown span.selected, .prime_flow.client_new_design .cust_select2-accordion h5.selected, .prime_flow.client_new_design .cust_select2-accordion h5.selected span, .prime_flow.client_new_design .cust_select2-accordion .card-header h5.selected .toggle_icon{background-color:var(--dropdownHover) !important ;}
.prime_flow.client_new_design .cust_select2-menu{box-shadow: none !important;}
/* select2 css End  */

body {color: var(--White);background: var(--bodyColor) url(/assets/img/prime_flow/body_bg.png);background-size: cover;background-position: top center;background-repeat: no-repeat;background-attachment: fixed;}

/* form css Start  */
input.form-control, .prime_flow.client_new_design input.form-control{color: var(--White);}
input::placeholder, .prime_flow.client_new_design input::placeholder{color: var(--placeHolder) !important;}
input.form-control:hover, input.form-control:focus, .prime_flow.client_new_design input.form-control:hover, .prime_flow.client_new_design input.form-control:focus{color: var(--White) !important;}
.prime_flow.client_new_design input.form-control{font-size: 16px !important; padding: 10px 14px !important; height: 44px; background: var(--ebonyBlack)  !important; border-radius: 14px !important;}
.prime_flow.client_new_design .payment_input input.form-control{ background: var(--dropdownBg)  !important;}
.prime_flow.dark_mode.client_new_design .input_group_icon input.form-control{ padding-left: 40px !important;}
.prime_flow.dark_mode.client_new_design .input_group_icon input.form-control:hover, .prime_flow.dark_mode.client_new_design .input_group_icon input.form-control:focus{ border: 1px solid #D0D5DD24 !important;}
.prime_flow.dark_mode.client_new_design input.form-control, .prime_flow.dark_mode.client_new_design input.form-control:hover, .prime_flow.dark_mode.client_new_design input.form-control:focus, .prime_flow.dark_mode.client_new_design .form-control:focus, .prime_flow.dark_mode .asp_link_item .input-group-append, .prime_flow.dark_mode.client_new_design textarea.form-control{border: none !important;}
.prime_flow.client_new_design .store_dropdown_new .btn, .prime_flow.client_new_design .new_header_btn, .prime_flow.client_new_design .new_header_btn:hover {background: var(--ebonyBlack) !important;}
.prime_flow.client_new_design .button_group_left .new_header_btn.btn #allCheck1:checked + label::after{border-color: var(--White) !important;}
.prime_flow.client_new_design #checkbox_label input[type='checkbox']:checked + label::after{border-color: var(--White)}
/* form css End  */

/* store search area start */
.prime_flow.client_new_design .store_search_area input.form-control {background-color: var(--ebonyBlack) !important; border: 1px solid #D0D5DD24 !important;}
.prime_flow.client_new_design .store_search_area .input_icon svg path {stroke: var(--White) !important;}
/* store search area End */

/* for modal css Start  */
.modal-backdrop, .prime_flow.client_new_design .modal-backdrop {background-color: #00000045;opacity: 1 !important;backdrop-filter: blur(5px);}
.modal-content, .prime_flow.client_new_design .modal-content {border: 5px solid var(--blackCharcoal) !important; border-radius: 20px;background: var(--ebonyBlack) !important;}
.modal-content, .prime_flow.client_new_design #addStoreModal .modal-content{background: var(--dropdownBg) !important;}
.prime_flow.client_new_design .modal-content{padding: 10px;}
.modal .btn-close, .prime_flow.client_new_design .modal .btn-close, .prime_flow.client_new_design .modal-content .close {background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23fff"%3E%3Cpath d="M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z"%3E%3C/path%3E%3C/svg%3E');background-size: 12px auto;background-position: center;background-repeat: no-repeat;height: 40px; width: 40px; min-width: 40px; background-color:#FFFFFF20; border-radius: 50%;padding: 0 !important;}
.prime_flow.client_new_design .modal-content .close {font-size: 0;}
.prime_flow.client_new_design .alert .close {background-image: none;font-size: 1.5rem;background: none;height: 18px;width: 15px; min-width: auto;}
.prime_flow.client_new_design .modal-content .close.closeProfile{background-image: none;}
.modal_top{background-color: #00000045;opacity: 1 !important;backdrop-filter: blur(5px);}

.prime_flow.client_new_design #special_request_modal .modal-content .modal-footer .close {font-size: 14px;background: no-repeat;width: auto;height: auto;min-width: auto;border: 1px solid;border-radius: 14px;opacity: 1;margin: .25rem;padding: 1px 12px !important;}
/* for moodal css End  */

.prime_flow .go_to_page_button:hover {color: var(--exoticTealHover);}

/* ******************************Auth css start******************************  */
/* **************************************************************************  */

.gradient_bg_fixed{display: none;}
.login_new.header-logo a{width: 202px; max-width: 202px; margin-bottom: 25px;}
.login_h100vh {min-height: calc(100vh - 130px);}
.login_h100vh .form_area_main {background: var(--ebonyBlack);border-radius: 20px;width: 456px;}
.form_area {width: 100%;padding: 48px;}
.prime_flow.client_new_design .modal-content .btn_primary[type="submit"]{color: var(--White) !important;}
.login_form input.form-control, .login_form .select2-container--default .select2-selection--single, .login_form select.form-control, .prime_flow.client_new_design .modal-content input.form-control, .modal-content input.form-control, .modal-content textarea.form-control {background: var(--transparentBlack) !important;line-height: 2;border-radius: 14px !important; border: none !important; padding-top: 8px; padding-bottom: 8px;}
.prime_flow.client_new_design .modal-content .select2-container--default .select2-selection--single{background: var(--transparentBlack) !important; border: none !important; height: 44px !important;}
.prime_flow.client_new_design .modal-content .select_dropdownBg .select2-container--default .select2-selection--single{background: var(--dropdownBg) !important;}
.prime_flow.client_new_design .modal-content textarea.form-control.bg_dropdownBg{background-color: var(--dropdownBg) !important;}
.prime_flow.client_new_design .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered, .prime_flow.client_new_design .modal-content .form-group.client_invoice select.form-control{color: var(--White) !important; line-height: 44px !important;}
.icon_input input{padding-left: 16px;}
.login_form .select2-container--default .select2-selection--single{padding-top: 4px; padding-bottom: 4px ;}
.eye_icon{top: 8px; right: 8px;}
.login_form .form_button .btn{line-height: 1.625;}
.login_form .form-check-input {background-color: transparent;height: 20px;width: 40px; border-radius:20px;  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230FA7B5'/%3e%3c/svg%3e")}
.login_form .form-check-input:checked {color: var(--White);border-color: var(--exoticTeal);background-color: var(--exoticTeal) !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}
.login_form .form-check-input:focus{box-shadow: none; border-color: var(--exoticTeal);}
.bottom_area span {color: rgba(var(--whiteAmberRGB), 0.63);}
.bottom_area a {color: var(--White);}
.bottom_area a:hover, .login_form .forgot_link:hover {color: var(--exoticTeal);}
.form_button{padding: 32px 0 24px;}
.login_page_new .spinner-loader{color: var(--exoticTeal);}
.login_page_section .multiselect.dropdown-toggle{background: var(--transparentBlack) !important;line-height: 2;border-radius: 14px !important;border: none !important;padding: 9px 30px 9px 12px !important;}
.login_page_section .cust__mult-btn .dropdown-toggle::after {display: none;}
.login_form .form_select::after{z-index: 9;}
.login_form .cust__mult-btn .dropdown-menu{background: var(--dropdownBg); color: var(--White);}
.login_form .cust__mult-btn .btn-group.show ul li{padding: 8px 10px;}
.login_form .cust__mult-btn .btn-group.show ul li:hover{background-color: var(--dropdownHover) !important;}
.login_form .cust__mult-btn .btn-group.show ul li.multiselect-item.multiselect-filter input.multiselect-search{background: transparent !important;border-radius: 8px !important;border: 1px solid #D0D5DD24 !important;padding: 9px;color: var(--White) !important;}
.login_form .cust__mult-btn .btn-group.show ul li.multiselect-item.multiselect-filter:hover{background-color: transparent !important;}
@media (max-width: 991px){
  .form_area{padding: 15px;}
}
@media (min-width: 992px){.signup_custom_loader{right: 50%;}}

/* ******************************Auth css End********************************  */
/* **************************************************************************  */

/* ******************************Client Dashboard css Start********************************  */
/* ****************************************************************************************  */
body.prime_flow.client_new_design  {background: #000 url(/assets/img/prime_flow/body_bg_dashboard.png);background-size: cover;background-position: top center;background-repeat: no-repeat;background-attachment: fixed;}
.prime_flow.client_new_design .content-page{padding: 0 80px; padding-bottom: 30px; min-height: calc(100vh - 230px);}

.prime_flow .top_marquee_sec {background-color: #0fa7b529; margin-top: 20px; border-radius: 14px;}

/* top header Start */
.prime_flow.client_new_design .header{padding: 10px 80px;display: block;position: fixed;z-index: 999;top: 0px;width: 100%;background: #000 url(/assets/img/prime_flow/body_bg_dashboard.png);border-bottom: 1px solid #3F3F3F;background-size: cover;background-position: top center;background-repeat: no-repeat;background-attachment: fixed;}
.prime_flow.client_new_design .header-logo a{margin-left:0;margin-right: 0;}
.prime_flow .pdv_div svg path {fill: var(--White);}
.prime_flow .pdv_div.active svg path{fill: var(--exoticTeal);}
.prime_flow .notification_svg svg path, .prime_flow .download_svg svg path {stroke: var(--White); fill: none;}
.prime_flow .notification_svg.active svg path{stroke: var(--exoticTeal); fill: none;}
.prime_flow.client_new_design .lang_flag {background-image: url(/assets/img/prime_flow/lang_flag.png); margin-right: 10px;}
.prime_flow.client_new_design .dropdown-item .lang_flag {display: none;}
.prime_flow.client_new_design .lang_changer .language_btn{background: transparent; border-color: transparent;}
.prime_flow.client_new_design .store_dropdown .dropdown-menu, .prime_flow .cust__info_dropdown, .prime_flow .notification_dropdown, .prime_flow .notification_item  {background: var(--dropdownBg);}
.prime_flow.client_new_design .store_dropdown button.show, .prime_flow.client_new_design .store_dropdown.show button, .prime_flow.client_new_design .special_request.store_dropdown.show a.dropdown-toggle {border-radius: 14px 14px 0 0;}
.prime_flow.client_new_design .store_dropdown .dropdown-menu .dropdown-item:hover, .prime_flow .cust__info_dropdown .dropdown-item:hover {background: var(--dropdownHover) !important;}
.prime_flow.client_new_design .lang_text, .lang_changer .default_select:after{color: var(--whiteAmber);}
.prime_flow.client_new_design .balance_text{background: transparent; padding: 0;}
.prime_flow .balance_text .BlackCoral{color: rgba(var(--whiteAmberRGB), 0.44);} 
.prime_flow.client_new_design .header-nav-inner .user_dropdown_image{height: 38px; width: 38px;}
.prime_flow.client_new_design .user_image_dropdown.dropdown-toggle{padding: 4px 6px;}
.prime_flow .cust__info_dropdown.show{margin-top: 18px; min-width: 150px;}
.prime_flow.client_new_design .user_dropdown_area .dropdown-menu {margin-top: 20px !important;}
/* for user dropdowm  */
.prime_flow.client_new_design .user_dropdown_area .dropdown-menu {border-top-left-radius: 0;border-top-right-radius: 0;    background-color: #19223BAB;
    backdrop-filter: blur(8px);}
.prime_flow .user_image_dropdown_area .user_dashboard_area{ border-bottom: 1px solid #FFFFFF26; padding-bottom: 10px;}
.prime_flow .nav_btn .nav_btn_link{border-bottom: 1px solid #FFFFFF26; padding: 8px 12px;} 
.prime_flow .nav_btn .nav_btn_link:hover{background: var(--exoticTeal) !important; color: var(--White);border-radius: 10px !important; border-color: transparent; } 
.prime_flow .nav_btn .nav_btn_link:last-child {border-bottom: 0px solid ;} 
.prime_flow .nav_btn .nav_btn_svg svg {width: 16px;height: 16px;} 
.prime_flow.client_new_design .lavel_info-div {background-color: #19223be8 !important;backdrop-filter: blur(5px);}
.prime_flow.client_new_design .user_image_dropdown.dropdown-toggle:hover{background-color: #19223b;}
/* for user dropdowm  */
@media (max-width: 991px){
  .prime_flow.client_new_design .header button.language_btn:hover, .client_new_design .header button.language_btn:focus{border-color: transparent !important;}
  .prime_flow.client_new_design .lang_flag {background-image: url(/assets/img/client_new_design/lang_flag.png);}
}
@media (max-width: 767px){
  .prime_flow .cust__info_dropdown.show {margin-top: 24px;}
}
/* top header End */

/* left side bar css Start   */
.prime_flow.client_new_design .leftside-menu{width:100%; background:transparent; position:relative; left:0; height:100%; overflow:hidden; top:0; padding-top:80px; z-index:998;}
.prime_flow.client_new_design .leftside-menu {padding: 82px 80px 12px; overflow: visible;}
.prime_flow.client_new_design .leftside-menu-content.product_research_btn{padding-bottom:0 ; margin-top: 0;}
.prime_flow.client_new_design .leftside-menu-links {overflow: visible;}
.prime_flow.client_new_design .leftside-menu-links-inner.leftside_submenu_nav{display: flex; grid-gap: 10px;} 
.prime_flow.client_new_design .leftside-menu-links-inner a{width: auto; margin-bottom: 0; padding: 8px 12px; font-size: 16px;} 
.prime_flow.client_new_design .leftside-menu-fixed-bottom, .prime_flow.client_new_design .left_nav_hr, .prime_flow.client_new_design .leftside-menu-links-inner.leftside_submenu_nav a .men_img{display: none;} 
.prime_flow.client_new_design .left_nav_submenu_wrapper .submenu {position: absolute; background-color: #19223BAB; backdrop-filter: blur(7px); top: 40px; border-radius: 0 14px 14px 14px;}
.prime_flow.client_new_design .left_nav_submenu_wrapper .submenu .submenu_after { position: relative; border-bottom: 1px solid rgba(var(--whiteRGB), 0.09);}
.prime_flow.client_new_design .left_nav_submenu_wrapper .submenu .submenu_after:hover {  border-color:transparent; }
.prime_flow.client_new_design .left_nav_submenu_wrapper .submenu .submenu_after:last-child {  border:none; }
.prime_flow.client_new_design .left_nav_submenu_wrapper .submenu a { padding-right: 35px;}
.prime_flow.client_new_design .left_nav_submenu_wrapper .submenu .submenu_after::after {right: 5px;content: ""; position: absolute;top: calc(50% - 8px);rotate: -90deg;background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4726 5.81542C12.4106 5.74903 12.3369 5.69633 12.2556 5.66037C12.1744 5.62441 12.0872 5.60589 11.9992 5.60589C11.9112 5.60589 11.8241 5.62441 11.7428 5.66037C11.6616 5.69633 11.5879 5.74903 11.5259 5.81542L8.47256 9.05958C8.41058 9.12597 8.33685 9.17867 8.25561 9.21463C8.17437 9.25059 8.08723 9.26911 7.99923 9.26911C7.91122 9.26911 7.82408 9.25059 7.74284 9.21463C7.6616 9.17867 7.58787 9.12597 7.52589 9.05958L4.47256 5.81542C4.41058 5.74903 4.33685 5.69633 4.25561 5.66037C4.17437 5.62441 4.08723 5.60589 3.99923 5.60589C3.91122 5.60589 3.82408 5.62441 3.74284 5.66037C3.6616 5.69633 3.58787 5.74903 3.52589 5.81542C3.40173 5.94813 3.33203 6.12766 3.33203 6.31479C3.33203 6.50192 3.40173 6.68145 3.52589 6.81417L6.58589 10.0654C6.96089 10.4634 7.46922 10.6869 7.99923 10.6869C8.52923 10.6869 9.03756 10.4634 9.41256 10.0654L12.4726 6.81417C12.5967 6.68145 12.6664 6.50192 12.6664 6.31479C12.6664 6.12766 12.5967 5.94813 12.4726 5.81542Z' fill='%23FFFFFF8C'/%3E%3C/svg%3E");width: 16px;height: 17px;background-repeat: no-repeat;}
.prime_flow.client_new_design .left_nav_submenu_wrapper .submenu .submenu_after:hover:after{background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4726 5.81542C12.4106 5.74903 12.3369 5.69633 12.2556 5.66037C12.1744 5.62441 12.0872 5.60589 11.9992 5.60589C11.9112 5.60589 11.8241 5.62441 11.7428 5.66037C11.6616 5.69633 11.5879 5.74903 11.5259 5.81542L8.47256 9.05958C8.41058 9.12597 8.33685 9.17867 8.25561 9.21463C8.17437 9.25059 8.08723 9.26911 7.99923 9.26911C7.91122 9.26911 7.82408 9.25059 7.74284 9.21463C7.6616 9.17867 7.58787 9.12597 7.52589 9.05958L4.47256 5.81542C4.41058 5.74903 4.33685 5.69633 4.25561 5.66037C4.17437 5.62441 4.08723 5.60589 3.99923 5.60589C3.91122 5.60589 3.82408 5.62441 3.74284 5.66037C3.6616 5.69633 3.58787 5.74903 3.52589 5.81542C3.40173 5.94813 3.33203 6.12766 3.33203 6.31479C3.33203 6.50192 3.40173 6.68145 3.52589 6.81417L6.58589 10.0654C6.96089 10.4634 7.46922 10.6869 7.99923 10.6869C8.52923 10.6869 9.03756 10.4634 9.41256 10.0654L12.4726 6.81417C12.5967 6.68145 12.6664 6.50192 12.6664 6.31479C12.6664 6.12766 12.5967 5.94813 12.4726 5.81542Z' fill='%23FFFFFF'/%3E%3C/svg%3E");width: 16px;height: 17px;background-repeat: no-repeat;}
.prime_flow.client_new_design .left_nav_submenu_wrapper.open{margin-bottom: 0;}
.prime_flow.client_new_design .left_nav_submenu_wrapper.open .left_nav_submenu_main.active{border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.prime_flow.client_new_design .left_nav_submenu_wrapper.open .submenu {padding: 12px;}
.prime_flow.client_new_design .leftside-menu-links-inner a.active, .prime_flow.client_new_design .leftside-menu-links-inner a:hover{background: #3937633D;}
.prime_flow.client_new_design .leftside_submenu_nav.leftside-menu-links-inner .left_nav_submenu_wrapper .submenu a:hover, .prime_flow .leftside_submenu_nav.leftside-menu-links-inner .left_nav_submenu_wrapper .submenu a.active {background: var(--exoticTeal); color: var(--White);}
.prime_flow .header-logo a{margin-top: 0;}
@media (max-width: 1300px){
.prime_flow.client_new_design .header{padding: 10px 25px;}
.prime_flow.client_new_design .leftside-menu{padding: 82px 25px 12px;}
.prime_flow.client_new_design .content-page{padding: 0 25px;}
}
@media (max-width: 991px){
  .prime_flow.client_new_design .language_btn {min-width: 0px; padding: 0 !important;}
  .prime_flow.client_new_design .lang_flag{margin-right: 0;}
  .prime_flow.client_new_design .language_btn .lang_text, .dark_mode .lang_changer .default_select::after{display: none;}
  /* for left sidebar  */
  .prime_flow.client_new_design .leftside-menu {left: -280px; width: 279px;background: var(--ebonyBlack);position: fixed;height: 100%;overflow: hidden;top: 0;padding: 0 !important;z-index: 9999;}
  .prime_flow.client_new_design .leftside-menu.nav_visible{left: 0;}
  .prime_flow.client_new_design .leftside-menu-links-inner.leftside_submenu_nav{display: block;}
  .prime_flow.client_new_design .leftside-menu-opp {top:0;}
  .prime_flow.client_new_design .left_nav_submenu_wrapper .submenu{position: static;border-radius: 0 0 14px 14px;}
  .prime_flow.client_new_design .content-page{padding-top: 70px;}

}
@media (max-width: 767px){
  .prime_flow.client_new_design .header{padding: 10px 0;}
  .prime_flow.client_new_design .leftside-menu{padding: 82px 0 12px;}
  .prime_flow.client_new_design .content-page{padding: 0 15px ;padding-top: 75px;}
  .prime_flow .header-logo a{max-width: 85px !important;}
}
/* left side bar css End   */

/* footer css Sttart  */
.prime_flow.client_new_design .footer_copyright_center {width: 100%;}
.prime_flow.client_new_design .footer_copyright_center a:hover {color: var(--exoticTeal);}
body.prime_flow .footer_copyright_center a{color: #fff !important;}
body.prime_flow .footer_copyright_center {color: var(--textBoulder);}
/* footer css Sttart  */

/* table css  Start  */
.table_bg, .table_bg2 {border-radius: 15px;position: relative;padding: 22px;margin-bottom: 15px;background: var(--ebonyBlack);}
.prime_flow.client_new_design .new_design_list .new_design_th.title_white .text_secondary{color: var(--White) !important;}
.prime_flow.client_new_design .table_image{width: 48px;min-width: 48px;height: 48px;}
.prime_flow.client_new_design .pls_area .dpl_item .table_image img{max-height: 44px;}
.prime_flow.client_new_design .new_design_th_xl{top: 72px;}
@media (max-width: 767px){
  .table_bg, .table_bg2 {padding: 0px;}
}
/* table css  End  */

 /* badge css */
.prime_flow.client_new_design.dark_mode .badge-success_new, .prime_flow.dark_mode.client_new_design .badge-success {background-image: #54FF6F29 !important; color: #54FF6F;}

/* dashboard page Start */
.prime_flow.client_new_design .dc_main {min-height: 196px; border-radius: 14px;}
.prime_flow.client_new_design .dc_svg {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border: 1px solid #3937634D; border-radius: 13px;}
.prime_flow.client_new_design .dc_graph {height: auto;max-height: 76px;min-height: auto; margin-top: -20px;} 
.prime_flow.client_new_design .card.is-loading .image {height: 20px;}
/* .prime_flow.client_new_design .dc_graph canvas {height: 76px !important;min-height: 76px !important; margin-bottom: 0;} */
.prime_flow.client_new_design .dc_graph canvas {height: 76px !important; min-height: auto !important; margin-bottom: 0 !important;}

.prime_flow.client_new_design .tpl_area {border-radius: 20px; background: var(--ebonyBlack);}
.prime_flow.client_new_design .dashboard_product_listing { background: var(--ebonyBlack);padding-bottom: 10px;}
.prime_flow.client_new_design .dashboard_product_listing .text_secondary { color: rgba(var(--whiteAmberRGB), 0.7) !important; font-weight: 400 !important;}
.prime_flow.client_new_design .trending_products_listing_sec .product-img-placeholder {border-radius: 14px !important; width: 45px !important; height: 45px !important; margin-right: 17px !important;}
.no_product_found_color {color: rgba(var(--whiteRGB), 0.54)}
/* dashboard page End */

/* store page css Start  */
.domain_name_area {background-color: var(--darkCharcoal);}
.prime_flow.client_new_design .domain_name_area input.form-control{background-color: #2F3031 !important;}
.store_th.new_design_th{background-color: transparent; color: var(--White); font-weight: 300;}
.prime_flow.client_new_design .new_design_list .table_list_item.store_list_item {background: var(--dropdownBg) !important; padding: 14px 10px; margin-bottom: 10px; border-radius: 14px; border-bottom: none;}
.table_list_item.store_list_item .pf_noBorder {padding: 0 !important;font-size: 14px;border: none !important;}
.store_product_list {border-bottom: none; background: var(--ebonyBlack) ;}
.dark_mode .btn-border.btn_border_secondary.store_delete_btn, .dark_mode .btn-border.btn_border_secondary.store_delete_btn:hover, .dark_mode .btn-border.btn_border_secondary.store_delete_btn:focus {background: #EE201C26 !important;color: #EE201C !important;border-color: transparent !important;}
.dark_mode .btn-border.btn_border_secondary.store_delete_btn svg path, .dark_mode .btn-border.btn_border_secondary.store_delete_btn:hover svg path, .dark_mode .btn-border.btn_border_secondary.store_delete_btn:focus svg path{ stroke: #EE201C !important;}
.prime_flow.client_new_design .border_divs {border-radius: 14px ;}
.prime_flow.client_new_design #addStoreModal .modal-content {border: none !important;}
/* store page css End  */

/* listing common css  */
.prime_flow.client_new_design .new_design_th{background: var(--ebonyBlack); color: var(--White) !important;}
.prime_flow.client_new_design .new_design_th .table_list_item_head, .prime_flow.client_new_design .new_design_th.table_list_item_head .text_secondary, .prime_flow.client_new_design .new_design_th .table_list_item_head .text_secondary{color: var(--White) !important;} 
.prime_flow.client_new_design .new_design_list .table_list_item {background: var(--ebonyBlack) !important;}
/* listing common css  */
/* setting page css Start */
.prime_flow.client_new_design .nav-tabs-mod {border-bottom: 1px solid #EAECF026;}
.prime_flow.client_new_design .nav-tabs-mod li > a.active {color: var(--exoticTeal) !important;}
.prime_flow.client_new_design .nav-tabs-mod li > a.active::after, .prime_flow.client_new_design .nav-tabs-mod li > a:hover::after{background: var(--exoticTeal) !important;}
.text_dull {color: rgba(var(--whiteAmberRGB), 0.70);}
.prime_flow.client_new_design .client_setting_page .nav-tabs .nav-item.show .nav-link, .prime_flow.client_new_design .client_setting_page .nav-tabs .nav-link{ padding: 5px 5px 16px !important;}
.cust_upload-btn{border: 1px dashed #ffffff52;width: 80px;height: 80px;}
.cust_upload-input {width: 100% !important;height: calc(100% + 0px) !important;opacity: 0;}
.setting_border_bottom {border-bottom: 1px solid #EAECF01A; margin-bottom: 20px !important; padding-bottom: 20px !important;}
.border_input {height: 44px;}
.prime_flow.client_new_design .custom-file-mod label{border-radius: 14px;}
.prime_flow.client_new_design .auto__tracking .collapse, .client_new_design .auto__tracking .card {background: var(--ebonyBlack) !important;}

.prime_flow.client_new_design .auto__tracking #collapseCogs input.form-control {border: 1px solid #ffffff52  !important;}
.prime_flow.client_new_design .setting_email_div input.form-control {padding-left: 42px !important;}
.abso_setting_email {position: absolute;top: calc(50% - 10px); left: 14px;}

.prime_flow.client_new_design .cust__mult-btn .btn-group.show ul, .prime_flow.client_new_design .cust__mult-btn .multiselect-item.multiselect-filter {background: var(--dropdownBg) !important;}
.client_new_design .cust__mult-btn .multiselect-item.multiselect-filter input.multiselect-search, .client_new_design .cust__mult-btn .multiselect-item.multiselect-filter input.multiselect-search:focus{background-color: transparent !important; border: 1px solid #D0D5DD20 !important;}
.prime_flow.dark_mode.client_new_design .cust__mult-btn .multiselect-item.multiselect-filter input.form-control:hover{border: 1px solid #D0D5DD20 !important}
.prime_flow.client_new_design .cust__mult-btn .btn-group.show ul li:hover {background: #111020 !important;}
.drop_after_svg{padding-right: 25px;}

/* setting page css End */

/* services page Start */
.prime_flow.client_new_design .nav-tabs .nav-item.show .nav-link, .prime_flow.client_new_design .nav-tabs .nav-link.active {color: var(--White);background-color: var(--exoticTeal); border-color: var(--exoticTeal)}
/* services page End */

/* Partnership css Start  */
.as_link_sec {border: 1px solid #2E3137;}
.link_text{background-color: #222040; line-height: 44px; border-bottom-left-radius: 14px; border-top-left-radius: 14px;}
.as_link_area .as_link, .prime_flow.client_new_design .as_link_area .as_link input{background-color: var(--dropdownBg) !important; border-top-right-radius: 14px; border-bottom-right-radius: 14px;}
.as_link_area .as_link input{background-color: #222040;}
.as_link_apend {padding: 4px;}
.prime_flow.client_new_design .as_link_apend .input-group-append {border-radius: 14px; background: var(--exoticTeal) !important; padding-left: 10px; padding-right: 10px;} 
.prime_flow .affiliate_scroll {max-height: 370px;}
/* Partnership css End  */

/* payment page css Start */
.prime_flow #submit_manual_debit_payment input[type="file"] {display: block;}
.prime_flow .payment-method_style.active, .prime_flow .payment-method_style:hover{border-color: var(--exoticTeal);}
.payment_left_card {background-color: var(--EvaBluelight2);padding: 20px;border-radius: 10px;}
.payment-card p {color: #c4c4c4;}
.payment-card label {display: block;margin-bottom: 8px;font-size: 0.9rem;color: #c4c4c4;}
.payment-card input[type="text"]::placeholder {color: #c4c4c4;}
.input_group_icon.commerce_design {position: relative;margin-bottom: 40px;margin-top: 19px;}
.prime_flow .ra_button {background: var(--dropdownBg);}
/* payment page css End */

/* order page css Start */
.prime_flow.client_new_design .dispute_left_b_btn .btn.selected, .dispute_left_b_btn .selected{color: var(--White) !important;}
.prime_flow.client_new_design .btn_sort {background: var(--ebonyBlack) !important; border: none !important;}
.prime_flow.client_new_design .left_icon_list {top: 2px;}
.prime_flow .oli_img {padding: 3px;}
.prime_flow .oli_img img {border-radius: 4px; height: 60px; width: 60px;}
.prime_flow.client_new_design .oli_btn .btn, .client_new_design .new_design_th .btn.opacity-0.height_0 {padding-left:8px !important ; padding-right: 8px !important;}

@media (max-width: 1199px) {
    .order_listing_div  .max_w150 {max-width: 100%;}
    .order_listing_div  .oli_btn .btn {width: auto;}
}
.prime_flow.client_new_design .disputesConversations{background: var(--dropdownBg); border-color: var(--ebonyBlack);}
.prime_flow.client_new_design .total-border {border-top: 1px solid var(--dropdownHover);}
.upload-box{border:1px dashed var(--exoticTeal);border-radius:14px;padding:32px 20px;text-align:center;}
.upload-box .btn_add{background:#E5EFFD16;color:#fff;font-size:12px;padding:6px 4px;margin-bottom:8px;border-radius: 4px !important;}
.upload-box small{color:#B5B5B5;}
.prime_flow.client_new_design .rd_edit_icon svg path {stroke: #fff;}
/* input[type="file"]{
    display:none;
} */
/* for notes  */
.prime_flow.client_new_design #addUpdateNotesModal .modal-header .close.position-absolute.top_right {position: static !important;}
.no_product_found{border-color: #0fa7b585; border-width: 1px;}
.prime_flow.client_new_design .form-control:disabled, .prime_flow.client_new_design .form-control[readonly]{font-size: 16px !important; border: none; height: 44px; border-radius: 14px; opacity: 0.7;}
/* order page css End */

/* product page css Start  */
.prime_flow .cpd_list_item {padding: 0 !important;border-radius: 18px !important; border:1px solid #4A90E21A; background: var(--ebonyBlack);}
.prime_flow .cpd_list_header {border-radius: 12px; background: var(--dropdownBg);}
.prime_flow .cpd_right .chat_box_max_height {background: var(--dropdownBg);}
.prime_flow .cpd_right .client_quotation_conversation_box .form_div {background: var(--ebonyBlack);}
.prime_flow .cpd_right.cpd_box {background: var(--ebonyBlack) !important; border-radius: 14px;}
.prime_flow.client_new_design input.form-control.convo_input {padding-left: 55px !important}
.prime_flow.client_new_design .cpd_right .send_btn {border-radius: 50px !important; min-width: auto;}
.prime_flow.client_new_design.dark_mode .convo_bubble {background-color: var(--exoticTeal);}
.prime_flow.client_new_design .modal-content .cpd_right input.form-control.convo_input {background: transparent !important;}
.prime_flow .convo_bubble .btn_border_secondary, .prime_flow .convo_bubble .btn_border_secondary:hover, .prime_flow.dark_mode .convo_bubble .btn-border.btn_border_secondary:hover {border-color: #414141 !important;}
.prime_flow.client_new_design.dark_mode .quality_control-div{ background: var(--ebonyBlack);}
.prime_flow .cpd_list_item.active{ border-width: 4px !important; border-color: var(--exoticTeal) !important;}
.prime_flow .cpd_list_item.active .cpd_list_header {background-color: var(--exoticTeal);}
.prime_flow .cpd_left_list {max-height:410px; min-height: 400px;}
.prime_flow .product_details_modal {z-index: 1048;}
.pd_backdrop{background-color: #00000045;opacity: 1 !important;backdrop-filter: blur(5px); z-index: 1046;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;}
.pd_inner_backdrop{background-color: #00000045;opacity: 1 !important;backdrop-filter: blur(5px); z-index: 1046;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;}
.pd_fixed_backdrop {position: fixed;height: 100vh;width: 100vw;top: 0;}
/* product page css End  */

/* right side bar Start  */ 
.prime_flow .right_details_main {width: 480px; background: var(--ebonyBlack); padding-top: 50px !important;}
.prime_flow .rd_close_btn {height: 40px;width: 40px;background: #FFFFFF33;border-radius: 50%;display: flex; align-items: center;justify-content: center;}
.rd_variant_item, .rd_info_item {background-color: var(--dropdownBg); border-radius: 14px;}
.rd_variant_item .rdv_item, .rd_info_item .rdi_item { padding-bottom: 15px; margin-bottom: 15px;border-bottom: 1px solid #8A8A8A57;}
.rd_variant_item .rdv_item:last-child, .rd_info_item .rdi_item:last-child {border: none;padding: 0;margin: 0;}
.rd_variant_div {max-height: 480px; overflow: auto;}

@media (max-width: 767px) {
  .prime_flow .right_details_main {width: 100%;}
}
/* right side bar End  */

/* ******************************Client Dashboard css End********************************  */
/* **************************************************************************************  */

/* for chat css Start */
.prime_flow.client_new_design .chat__btn-all{border-radius: 50% !important;}
.prime_flow.client_new_design .chat__card, .prime_flow.client_new_design .chat__list-main {background: var(--dropdownBg);}
.prime_flow.client_new_design .extra_btn_group .listing-btn svg path, .prime_flow .message_icons-div .completetooltip svg path {fill: var(--exoticTeal) !important;}
.prime_flow.client_new_design .creategroup svg {display: none;}
.prime_flow.client_new_design.dark_mode #createNewgroup .slect2_border {border-color: transparent !important;}
.prime_flow.client_new_design .card-body, .prime_flow.client_new_design .start_chat_box {background: var(--ebonyBlack);}

.prime_flow.client_new_design #pin_status_time_modal .btn.btn-primary, .prime_flow.client_new_design #confirmationModal .btn.btn-primary, .prime_flow.client_new_design #changeNameModal .btn.btn-primary, .prime_flow.client_new_design #changeImageModal .btn.btn-primary, .prime_flow.client_new_design #dismiss_notify_modal .btn.btn-danger, .prime_flow.client_new_design #confirmationRemoveEmpModal .btn.btn-primary, .prime_flow.client_new_design #addGroupEmployee .btn.btn-primary{color: var(--White) !important;}
.prime_flow.client_new_design .warning_div-marquee {background: var(--exoticTeal); color: var(--White);}
.prime_flow.client_new_design .chat__box-head {box-shadow: 0 1px 10px 0 var(--ebonyBlack); background: var(--dropdownBg);}

.prime_flow .thread_notifications-div .thread_count, .prime_flow .report_notifications-div .thread_count, .prime_flow .full_screen-report_notifications .thread_count{background: var(--exoticTeal); color: var(--White);}
.prime_flow.client_new_design .msg__send-btn {
  background: var(--EvaGreen) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M9 18L15 12L9 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") 
  no-repeat center;
  background-size: 24px 24px;border-radius: 50%;}
.prime_flow.client_new_design .full_page-chat .chat__full-main{ background: var(--dropdownBg);}
.prime_flow.client_new_design .card__item-info__meta span:last-child, .prime_flow.client_new_design .card__thread_info__meta span:last-child, .prime_flow.client_new_design .unseen_msg-realTime, .prime_flow.client_new_design .overall_unread_in_section{color: var(--White) !important;}

/* .prime_flow.client_new_design .client_groups-listing.height_second {max-height: calc(100% - 70px - 115px);padding-bottom: 0;min-height: calc(100% - 70px - 115px);} */
.prime_flow.client_new_design .chat__list-support {background: var(--ebonyBlack);box-shadow: 0 3px 4px 0 #0fa7b570;}
.prime_flow .emojimodal .modal-content .close {background-color: transparent;} 
.prime_flow .emoji, .prime_flow .toast-body.text-dark {color: var(--White) !important;}
.prime_flow .emoji:hover {color: var(--exoticTealHover);}
.prime_flow .pinColorActive {color: var(--exoticTealHover);}
.prime_flow .message_icons-complete svg path{fill: var(--exoticTeal) !important;}
/* for chat css End */